@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--ink:#26303b;--red:#923f35;--gold:#b99762;--paper:#faf7f1;--line:#e6ded2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,5vw,70px);border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.08em;line-height:1.1}.brand img{width:42px;height:44px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:.22em;color:#757579;margin-top:6px}nav{display:flex;gap:22px;font-size:14px}nav a{text-underline-offset:4px}main{max-width:1180px;margin:auto;padding:0 24px 72px}.hero{margin-top:42px;display:grid;grid-template-columns:1.2fr .8fr;min-height:490px;background:#f1eae0;border:1px solid #e2d8c8}.hero-copy{padding:clamp(28px,5vw,62px);align-self:center}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.15em;color:var(--red);margin:0 0 15px}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;line-height:1.18}h1{font-size:clamp(36px,4.4vw,57px);margin:0 0 19px;max-width:600px}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:570px;margin:0 0 29px}form{max-width:530px}label{display:block;font-weight:700;margin-bottom:9px}.form-row{display:flex;gap:10px}.form-row input{font:inherit;min-height:50px;min-width:0;flex:1;padding:10px 12px;border:1px solid #b8aa9a;background:white;color:var(--ink)}button{font:700 15px 'DM Sans',Arial,sans-serif;min-height:50px;padding:10px 18px;background:var(--red);border:1px solid var(--red);color:white;cursor:pointer}button:hover{background:#773128}.hint,.note{font-size:14px;color:#636167}.hint{margin:10px 0 0}.hero-art{position:relative;background:radial-gradient(circle at center,#a85948,#823a32 64%,#662a28);display:grid;place-items:center;color:#f7dcab;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #e7bf84a8;border-radius:50%}.hero-art:after{width:60%;border-style:dashed;transform:rotate(22deg)}.wheel{font-size:clamp(31px,4vw,58px);line-height:1.75;letter-spacing:.25em;text-align:center;z-index:1;text-shadow:0 3px 15px #401915}.year-mark{position:absolute;bottom:30px;letter-spacing:.35em;font-size:15px}.result{margin-top:25px;background:#fff;border:1px solid #d7b98b;padding:clamp(25px,4vw,45px);box-shadow:0 10px 28px #462c170b}.result-head{display:flex;align-items:center;gap:20px}.animal-icon{font-size:60px;line-height:1}.result h2{font-size:clamp(30px,3vw,42px);margin:0}.result-year{color:#745a3d;margin:6px 0 0}.result>p:not(.eyebrow){max-width:850px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.result-details>div{border-top:2px solid #d2ad75;padding-top:14px}.result h3{font-size:19px;margin:0 0 6px}.result-details p{margin:0}.catalog{margin-top:69px}.section-title{text-align:center;max-width:720px;margin:0 auto 28px}.section-title h2{font-size:clamp(28px,3.5vw,42px);margin:0 0 10px}.section-title p:last-child{margin:0;color:#59616a}.animal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.animal-card{padding:28px;background:white;border:1px solid var(--line)}.animal-card .symbol{font-size:38px}.animal-card h3{font-size:24px;margin:9px 0 20px}.animal-card h4{font:700 15px 'DM Sans',Arial,sans-serif;color:#82423a;margin:0 0 5px}.portrait-part+.portrait-part{margin-top:19px}.result-portrait{display:grid;gap:18px;max-width:850px;margin-top:25px}.result-portrait h3{color:#82423a;margin-bottom:5px}.result-portrait p{margin:0}.animal-card p{margin:0;color:#4d5861}.animal-card strong{font-weight:700;color:#82423a}.method{margin-top:42px;padding:23px 28px;background:#eee8dd;border-left:3px solid var(--red)}.method h2{font-size:23px;margin:0 0 8px}.method p{margin:0;max-width:900px}footer{background:#2e343b;color:#f8f4ec;text-align:center;padding:25px 15px;font-size:14px}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{min-height:210px}.wheel{font-size:30px;line-height:1.3}.hero-art:before{width:190px}.hero-art:after{width:155px}.year-mark{bottom:10px}.animal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.top{align-items:flex-start;flex-direction:column}main{padding:0 14px 45px}.hero{margin-top:18px}.hero-copy{padding:26px 22px}.form-row{flex-direction:column}.animal-grid{grid-template-columns:1fr}.result-details{grid-template-columns:1fr}.animal-icon{font-size:48px}.method{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}