*{box-sizing:border-box} :root{color-scheme:dark;--wine:#3D000A;--gold:#EAD1B2;--ivory:#FDFBF7;--ink:#230106}html{background:var(--wine)}body{margin:0;background:var(--wine);color:var(--gold);font:16px/1.8 Arial,Helvetica,sans-serif;min-height:100svh;-webkit-font-smoothing:antialiased}header{max-width:1220px;margin:auto;padding:16px 48px 0}.brand{width:86px;height:107px}.brand img{width:100%;height:100%;object-fit:contain}.welcome header{visibility:hidden;height:24px;padding:0}main{max-width:1220px;margin:auto;padding:24px 48px 96px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;font-size:clamp(33px,4vw,56px);letter-spacing:-.025em;margin:26px 0 38px;text-wrap:balance}h1:focus{outline:none}p{margin:0 0 26px;white-space:pre-wrap}.intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;min-height:76svh}.intro-logo{width:100%;max-width:390px;justify-self:center}.intro-copy{max-width:610px}.intro h1{margin:0 0 38px}.title-prefix{display:block;font:11px/1.6 Arial,sans-serif;letter-spacing:.15em;margin-bottom:26px}.title-main{display:block;font-size:clamp(44px,5.4vw,74px)}.intro-copy p{color:#f1e3cdd4;font-size:16px;max-width:520px}.primary,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 36px;background:var(--gold);border:1px solid var(--gold);color:var(--wine);font:14px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}.primary{margin-top:14px}.primary:hover,.cta:hover{background:var(--ivory)}button:focus-visible,a:focus-visible{outline:2px solid var(--ivory);outline-offset:6px}.question{max-width:820px;margin:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.back{background:none;border:0;color:var(--gold);font:13px/1.5 Arial,sans-serif;min-height:44px;padding:8px 0;cursor:pointer}.counter,.eyebrow{font-size:11px;letter-spacing:.12em}.progress{height:1px;background:#ead1b22e;margin-bottom:42px}.progress span{display:block;height:1px;background:var(--gold)}.eyebrow{margin-bottom:18px}.question h1{margin-top:0;font-size:clamp(31px,3.8vw,46px);margin-bottom:42px}.options{border-top:1px solid #ead1b23d;display:grid}.option{appearance:none;display:flex;gap:24px;align-items:baseline;text-align:left;width:100%;background:transparent;border:0;border-bottom:1px solid #ead1b23d;color:#f1e3cde8;padding:22px 18px 22px 0;font:15px/1.8 Arial,sans-serif;cursor:pointer;transition:background .18s,padding .18s}.letter{font:italic 22px Georgia,serif;color:var(--gold);flex:0 0 28px}.answer-text{white-space:pre-wrap}.option:hover,.option[aria-pressed=true]{background:#ead1b20b;padding-left:18px}.result{padding:12px 0 60px}.result h1{max-width:850px;margin:0 auto 44px;text-align:center;font-size:clamp(35px,4.3vw,60px)}.product{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#300009;margin-bottom:52px}.result-copy{max-width:720px;margin:auto;font-size:17px;color:#f1e3cde0}.result-copy p:first-child{font-family:Georgia,serif;font-size:clamp(22px,2.4vw,28px);line-height:1.6;color:var(--gold);margin-bottom:36px}.result-copy p:nth-child(2){border-top:1px solid #ead1b235;padding-top:30px}.result+.result{border-top:1px solid #ead1b240;padding-top:70px}.end{max-width:720px;margin:auto;border-top:1px solid #ead1b235;padding-top:36px}.end p{max-width:570px}.end-nav{display:flex;gap:32px;justify-content:space-between;margin-top:30px}.screen{animation:appear .35s ease both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){header{padding:12px 24px 0}.brand{width:68px;height:85px}main{padding:16px 24px 64px}.welcome header{height:0}.intro{display:flex;flex-direction:column-reverse;gap:8px;min-height:auto}.intro-logo{width:160px;max-height:200px;object-fit:contain}.intro h1{margin-bottom:28px}.title-prefix{font-size:10px;margin-bottom:18px}.title-main{font-size:46px}.intro-copy p{font-size:15px;line-height:1.85;margin-bottom:20px}.primary{width:100%;margin-top:8px}.progress{margin-bottom:30px}.question h1{font-size:32px;margin-bottom:30px}.option{font-size:14px;gap:14px;padding:19px 0}.option:hover,.option[aria-pressed=true]{padding-left:10px}.result{padding-top:20px;padding-bottom:38px}.result h1{text-align:left;font-size:36px;margin-bottom:30px}.product{margin-bottom:30px}.result-copy{font-size:15px}.result-copy p:first-child{font-size:22px}.cta{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}