/* Responsive refinement and accessible interaction states. */
.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:18px 5% 25px;border-bottom:1px solid #cdd3c7;box-shadow:0 18px 25px #142c3012}.mobile-menu a{display:flex;min-height:48px;align-items:center;border-bottom:1px solid #dce1d6}.mobile-menu .btn{margin-top:18px;color:white}.brand{flex-shrink:0}.brand small{white-space:nowrap}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:5px}summary{gap:20px;align-items:center;min-height:44px}summary:after{flex-shrink:0}.round{flex-shrink:0}.photo-note{gap:20px}.clip-cover img{display:block}.tabs button{min-height:48px}.filters button{min-height:44px}.modal-top{position:sticky;top:0;background:var(--cream);z-index:2}.modal-top button{min-width:44px;min-height:44px}.lesson-controls button{min-height:44px}dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}.scene.paused *{animation-play-state:paused}body.lesson-open{overflow:hidden}.room-note{right:22px;width:fit-content;max-width:calc(100% - 44px)}.assessment-box input,.assessment-box select,.assessment-box textarea{font-size:16px;min-height:48px;border-radius:0}.assessment-box label{font-size:13px}.assessment-box input:focus,.assessment-box select:focus,.assessment-box textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.legal{flex-wrap:wrap}.system,.guide-copy,.assessment-box,.intro>*{min-width:0}
@media(max-width:800px){nav>.btn{display:none}.menu-toggle{display:flex;background:transparent;color:var(--ink);border:1px solid #a6b5a7;padding:8px 14px;min-height:44px;gap:10px}.brand{font-size:17px;letter-spacing:2px;gap:9px}.brand small{font-size:7px;letter-spacing:1.6px}.brand .mark{font-size:30px}nav{gap:12px}.hero-copy{padding:38px 6% 32px}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1{font-size:clamp(48px,10vw,68px);margin-bottom:24px}.hero-copy p{font-size:16px;line-height:1.6;margin-bottom:6px}.hero-copy .actions{margin-top:20px;gap:12px}.hero-copy .trustline{margin-top:28px;padding-top:18px;letter-spacing:.6px;font-size:9px}.hero .textlink{min-height:44px;display:inline-flex;align-items:center}.hero-photo{height:380px}.intro img{height:350px}.steps{gap:24px}.lesson{padding:24px}.lesson h2{font-size:29px;line-height:1.15}.scene{height:180px}.lesson-controls{gap:8px}.lesson-controls button{font-size:13px;padding:10px 12px}.modal-top{padding:12px 18px}.modal-top .eyebrow{font-size:9px;letter-spacing:1.5px}dialog{width:94%;max-height:94dvh}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.tabs button{justify-content:flex-start}.assessment-box{padding:25px}.intro .details{gap:18px}.faqgrid{gap:20px}.photo-note .serif{font-size:25px}.photo-note small{font-size:8px}.foot{font-size:12px}.legal{font-size:10px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px}.ribbon span{font-size:8px;letter-spacing:.8px}.ribbon span:before{margin-right:7px}.room-note{font-size:18px}}
@media(max-width:380px){.brand{font-size:14px;letter-spacing:1.3px}.brand small{font-size:6px;letter-spacing:1.2px}.brand .mark{font-size:26px}.menu-toggle{padding:8px 10px;font-size:12px}.hero-copy .actions .btn{width:100%;gap:14px}.hero-copy h1{font-size:46px}.steps{grid-template-columns:1fr}.assessment-box{padding:20px}.filters{gap:7px}.filters button{padding:9px 12px}.lesson-controls button{padding:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.clip-cover img{transition:none}.progress span{transition:none}}
header{background:var(--cream)}
@media(min-width:801px) and (max-width:1050px){.navlinks,nav>.btn{display:none}.menu-toggle{display:flex;background:transparent;color:var(--ink);border:1px solid #a6b5a7;padding:8px 14px;min-height:44px;gap:10px}}