.scent{background:linear-gradient(#08080acc,#08080af0),var(--void) url(/assets/still.webp) center/cover;min-height:100svh;padding-block:0 28px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));flex-direction:column;display:flex}.scent-top{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:16px;padding-block:16px;font-size:15px;display:flex}.scent-top a{font:800 15px var(--display);letter-spacing:.2em;color:var(--gold);padding-block:8px;text-decoration:none}.scent-stage,.scent-result{flex:1;width:100%;max-width:640px;margin:0 auto;padding-block:24px 40px}.scent-stage{flex-direction:column;justify-content:center;display:flex}.scent-steps{font:600 15px var(--display);color:#6d6a63;justify-content:space-between;gap:6px;margin:0 0 28px;padding:0;list-style:none;display:flex}.scent-steps .on{color:var(--gold)}.scent h1{font:800 clamp(32px,7vw,54px)/1.1 var(--display);text-wrap:balance;outline:none;margin:0 0 22px}.scent-options{gap:8px;display:grid}.scent-options button{text-align:left;cursor:pointer;width:100%;min-height:64px;color:var(--ivory);background:#1b1b1edb;border:1px solid #c9a9616b;padding:14px 18px;transition:border-color .25s,background .25s;display:block}.scent-options button:hover,.scent-options button[aria-pressed=true]{border-color:var(--gold);background:#c9a96124}.scent-options b{font:800 19px/1.2 var(--display);display:block}.scent-options span{font:400 16px/1.3 var(--body);color:var(--ink-soft);margin-top:2px;display:block}.scent-back{min-height:44px;color:var(--ink-soft);font:400 16px var(--body);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:16px;padding:8px 0;text-decoration:underline}.scent-wait{color:var(--gold-pale);font-family:var(--voice);font-style:italic}.scent-error{color:#ffb4a2;font-weight:600}.scent-result{text-align:center;flex-direction:column;align-items:center;display:flex}.scent-result>img{width:190px;margin:0 auto 6px}.scent-family{color:var(--gold);font:600 16px var(--display);margin:0 0 6px}.scent-result h1{margin-bottom:8px;font-size:clamp(44px,11vw,84px)}.scent-line{text-wrap:balance;margin:0 0 26px;font-size:23px;line-height:1.3}.scent-form,.scent-sent{text-align:left;border:1px solid var(--gold-deep);background:#121214e6;width:100%;padding:24px 20px}.scent-form h2,.scent-sent h2{font:600 26px/1.2 var(--display);color:var(--gold-pale);margin:0 0 6px}.scent-form p,.scent-sent p{margin:0 0 16px}.scent-form>label{margin-bottom:6px;font-weight:600;display:block}.scent-form input[type=email]{border:1px solid var(--gold-deep);background:var(--stone);width:100%;min-height:54px;color:var(--ivory);font:400 18px var(--body);padding:10px 14px}.scent-form .scent-check{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;margin:14px 0 16px;font-weight:400;display:flex}.scent-check input{width:22px;height:22px;accent-color:var(--gold);flex:none;margin-top:3px}.scent-form .btn{width:100%}.scent-fine{color:var(--ink-soft);font-size:16px;margin:12px 0 0!important}.scent-fine a{color:var(--gold-pale)}.scent-result .scent-back{align-self:center}.scent .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.scent-note{max-width:640px;color:var(--ink-soft);text-align:center;margin:0 auto;font-size:15px;line-height:1.4}@media (prefers-reduced-motion:no-preference){.scent-stage h1,.scent-options{animation:scent-in .45s var(--ease) both}@keyframes scent-in{0%{opacity:.25;transform:translateY(8px)}}}
