:root{--quiz-bg:#f1e9dc;--quiet:#6f665f}
.finder-hero{position:relative;overflow:hidden;min-height:min(820px,calc(100svh - 88px));padding:clamp(4rem,7vw,7rem) 0;display:flex;align-items:center;background:#342b24;color:#fff}
.finder-hero:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(25,20,17,.9) 0%,rgba(25,20,17,.72) 35%,rgba(25,20,17,.18) 66%,rgba(25,20,17,.04) 100%),linear-gradient(0deg,rgba(25,20,17,.45),transparent 48%)}
.finder-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}
.finder-hero-grid{position:relative;z-index:2;display:block}.finder-hero-grid>div{max-width:650px}
.finder-hero .eyebrow{color:#f0c9bc}.finder-hero h1{font-size:clamp(3.2rem,6.2vw,6.2rem);text-shadow:0 2px 24px rgba(0,0,0,.3)}.finder-hero h1 em{display:inline;color:#fff3e6}.finder-hero .hero-lead{color:rgba(255,255,255,.9)}.finder-hero .button{border-color:#fff;background:#fff;color:var(--wine)}.finder-hero .button:hover{border-color:var(--cream);background:var(--cream);color:var(--wine-dark)}.finder-hero .button span{margin-left:.7rem}.time-note{margin:1rem 0 0;color:rgba(255,255,255,.7);font-size:.75rem}
.manifesto-card{max-width:610px;margin-top:2rem;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(31,23,19,.52);box-shadow:0 16px 50px rgba(0,0,0,.2);backdrop-filter:blur(10px)}
.manifesto-card>span{color:#f0c9bc;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.manifesto-card blockquote{margin:.65rem 0;font-family:var(--serif);font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3}.manifesto-card p{margin:0;color:rgba(255,255,255,.76);font-size:.78rem}
.quiz-section{padding:clamp(3.5rem,6vw,6rem) 0;background:var(--quiz-bg)}.quiz-shell{max-width:940px}.quiz-intro{text-align:center}.quiz-intro h2{font-size:clamp(2.5rem,5vw,4.7rem)}.intro-lead{max-width:760px;margin:-.2rem auto 2rem;color:var(--quiet);font-size:1rem}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:2rem 0 1.2rem}.principles>div{padding:1.2rem;text-align:left;border-top:2px solid var(--wine);background:rgba(255,255,255,.5)}.principles b{color:var(--wine);font-family:var(--serif);font-size:1.05rem}.principles p{margin:1.2rem 0 0}.principles strong,.principles span{display:block}.principles strong{font-size:.9rem;line-height:1.25}.principles span{margin-top:.4rem;color:var(--muted);font-size:.74rem;line-height:1.4}
.what-you-get{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:0 0 1.5rem}.what-you-get>*{padding:.42rem .7rem;border-radius:999px;background:rgba(255,255,255,.58);font-size:.72rem}.what-you-get strong{color:var(--wine)}
.quiz{min-height:560px;padding:clamp(1.3rem,3.5vw,2.8rem);border-radius:26px;background:var(--paper);box-shadow:var(--shadow);scroll-margin-top:104px}.quiz-top>div:first-child{display:flex;justify-content:space-between;color:var(--wine);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.progress-track{height:4px;margin-top:.75rem;border-radius:5px;background:#e4dbd1;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--wine);transition:width .35s}
.question-stage{min-height:360px;padding:clamp(1.7rem,3.5vw,3rem) 0 1.3rem}.question-kicker{margin:0 0 .55rem;color:var(--muted);font-size:.71rem}.question-stage h2{max-width:780px;margin-bottom:.65rem;font-size:clamp(1.75rem,3.3vw,2.8rem)}.question-help{max-width:720px;margin-bottom:1.25rem;color:var(--muted);font-size:.88rem;line-height:1.5}
.options{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.option{position:relative;display:block}.option input{position:absolute;opacity:0}.option span{display:flex;align-items:center;gap:.75rem;min-height:56px;height:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:.2s;font-size:.86rem;line-height:1.35}.option span:before{content:'';flex:0 0 18px;width:18px;height:18px;border:1px solid #a99d93;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}.option input:checked+span{border-color:var(--wine);background:#f8efea;color:var(--wine);box-shadow:0 8px 24px rgba(132,47,50,.08)}.option input:checked+span:before{background:var(--wine);border-color:var(--wine)}.option input:focus-visible+span{outline:3px solid rgba(132,47,50,.25);outline-offset:2px}
.reflection{margin:0 0 1.2rem;padding:.75rem 1rem;border-left:3px solid var(--earth);background:#f9f0e7;color:#5e463b;font-family:var(--serif);font-size:.95rem}.quiz-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1rem}.back-button{padding:.65rem;border:0;background:transparent;color:var(--muted);cursor:pointer}.back-button[disabled]{visibility:hidden}.next-button{min-height:46px}.next-button[disabled]{opacity:.45;transform:none;cursor:not-allowed}
.result{border-radius:30px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.result-hero{padding:clamp(2rem,6vw,5rem);background:var(--wine);color:#fff}.result-hero .eyebrow{color:#efc8bc}.result-hero h2{max-width:720px;font-size:clamp(2.8rem,6vw,5.8rem)}.result-hero>p{max-width:700px;color:#f0dcd5;font-size:1.1rem}.readiness{display:inline-flex;margin-top:1rem;padding:.55rem .9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:.75rem;font-weight:700}
.result-body{padding:clamp(2rem,6vw,5rem)}.result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem}.profile-card,.reality-card{padding:2rem;border-radius:20px;background:var(--cream)}.profile-card h3,.reality-card h3,.breed-section h3{font-family:var(--serif);font-size:1.8rem}.traits{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;list-style:none}.traits li{padding:.45rem .7rem;border-radius:999px;background:#fff;color:var(--wine);font-size:.76rem;font-weight:700}.say-this{margin-top:1.5rem;padding:1.4rem;border-left:4px solid var(--wine);background:#fff}.say-this span{display:block;margin-bottom:.5rem;color:var(--wine);font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.say-this p{margin:0;font-family:var(--serif);font-size:1.2rem}.reality-card ul{padding-left:1.2rem}.reality-card li{margin:.65rem 0}.result-warning{margin:2rem 0;padding:1.6rem 1.8rem;border-radius:16px;background:#f3dfd2}.result-warning strong{display:block;color:var(--wine);font-family:var(--serif);font-size:1.4rem}.result-warning p{margin:.5rem 0 0}
.breed-section{margin-top:4rem}.breed-intro{max-width:700px;color:var(--muted)}.breed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.breed-card{padding:1.5rem;border:1px solid var(--line);border-radius:18px}.breed-card small{color:var(--wine);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.breed-card h4{margin:.65rem 0;font-family:var(--serif);font-size:1.4rem}.breed-card p{color:var(--muted);font-size:.82rem}.breed-card .watch{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);color:var(--ink)}.result-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.method-section{padding:clamp(5rem,9vw,9rem) 0}.method-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem)}.method-grid>div:last-child>p{font-family:var(--serif);font-size:1.25rem}.method-grid details{margin-top:2rem;border-block:1px solid var(--line);padding:1rem 0}.method-grid summary{cursor:pointer;color:var(--wine);font-weight:700}.method-grid details p{color:var(--muted)}.footer-compact{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-compact p{margin:0;color:#aaa19a}.footer-compact>a:last-child{color:#fff;font-weight:700}
.seo-section{padding:clamp(5rem,8vw,8rem) 0;background:var(--cream)}.seo-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,7rem)}.seo-heading{position:sticky;top:120px;align-self:start}.seo-heading>p:last-child{color:var(--muted)}.seo-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.seo-content article{padding:1.6rem;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.seo-content h3{font-family:var(--serif);font-size:1.35rem}.seo-content p{margin:0;color:var(--muted);font-size:.86rem}.faq-search{max-width:940px;margin-top:clamp(4rem,7vw,7rem)}.faq-search>h2{font-size:clamp(2.2rem,4vw,3.8rem)}.faq-search details{padding:1.1rem 0;border-top:1px solid var(--line)}.faq-search details:last-child{border-bottom:1px solid var(--line)}.faq-search summary{cursor:pointer;font-family:var(--serif);font-size:1.15rem;font-weight:700}.faq-search details p{max-width:760px;margin:.8rem 0 0;color:var(--muted);font-size:.9rem}
[hidden]{display:none!important}
@media(max-width:820px){.method-grid,.result-grid,.seo-grid{grid-template-columns:1fr}.finder-hero{min-height:720px}.finder-hero:after{background:linear-gradient(90deg,rgba(25,20,17,.88),rgba(25,20,17,.45)),linear-gradient(0deg,rgba(25,20,17,.55),transparent 55%)}.finder-hero-image{object-position:62% center}.manifesto-card{border-radius:18px}.principles{grid-template-columns:1fr 1fr}.breed-grid{grid-template-columns:1fr}.seo-heading{position:static}.footer-compact{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.options,.seo-content{grid-template-columns:1fr}}
@media(max-width:520px){.finder-hero{min-height:680px;padding:3rem 0}.finder-hero:after{background:linear-gradient(90deg,rgba(25,20,17,.9),rgba(25,20,17,.5)),linear-gradient(0deg,rgba(25,20,17,.64),transparent 55%)}.finder-hero-image{object-position:66% center}.finder-hero h1{font-size:2.85rem}.manifesto-card{padding:1rem}.manifesto-card p{display:none}.principles{grid-template-columns:1fr}.quiz-section{padding:2.8rem 0}.quiz{min-height:0;padding:1.1rem;border-radius:18px;scroll-margin-top:82px}.question-stage{min-height:0;padding:1.4rem 0}.question-stage h2{font-size:1.8rem}.question-help{font-size:.82rem}.option span{min-height:52px;padding:.7rem .75rem}.quiz-actions{gap:.5rem}.next-button{min-height:44px;padding:.65rem .9rem}.result{border-radius:20px}.result-hero h2{font-size:2.9rem}.seo-content article{padding:1.25rem}}
@media print{.site-header,.finder-hero,.quiz-intro,.quiz,.method-section,.site-footer,.result-actions{display:none!important}.quiz-section{padding:0;background:#fff}.result{box-shadow:none}.result-hero{background:#fff;color:#000;padding:1rem 0;border-bottom:2px solid #842f32}.result-hero .eyebrow,.result-hero>p{color:#333}.result-body{padding:2rem 0}.breed-grid{grid-template-columns:repeat(3,1fr)}}
