@font-face{font-family:Inter;src:url('assets/inter.ttf')}@font-face{font-family:Fraunces;src:url('assets/fraunces.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f4f7f8;color:#0b213f;font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{background:#0b213f;color:white;display:flex;align-items:center;justify-content:space-between;padding:24px 5.5%}header img{width:290px;display:block}.toplink{text-decoration:none;font-size:15px}.toplink span{margin-left:20px;color:#f9ae1b}.intro{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.intro-copy{padding:60px 9% 66px 11%}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1.7px;color:#087b9c;margin:0 0 24px}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:900;line-height:1.07;letter-spacing:-1px}h1{font-size:clamp(42px,4.8vw,74px);margin:0}h1 em{font-style:normal;color:#087b9c}h2{font-size:48px;margin:0 0 24px}h3{font-size:35px;margin:18px 0}.lead{margin:27px 0 32px;line-height:1.65}.button{display:inline-flex;align-items:center;gap:28px;justify-content:space-between;padding:17px 24px;background:#f9ae1b;color:#0b213f;border-radius:4px;text-decoration:none;font-weight:700;line-height:1.4;transition:background .2s}.button:hover{background:#ffbf41}.scene{position:relative;overflow:hidden;background:#b4d7f1}.scene>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.scene-note{position:absolute;bottom:36px;left:35px;background:#0b213f;color:#fff;padding:22px 30px;font-family:Fraunces,Georgia,serif;font-size:28px;line-height:1.2;box-shadow:10px 10px 0 #f9ae1b}.explore{padding:80px 5.5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;border-top:1px solid #d7e0e5}.explore>div>p:not(.eyebrow){color:#4b5b70}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.choices button{border:1px solid #93a5b6;border-radius:30px;padding:12px 17px;background:transparent;font-size:15px;color:#0b213f}.choices button[aria-pressed=true]{background:#0b213f;color:#fff;border-color:#0b213f}.answer{padding:33px 37px;background:#fff;border:1px solid #d8e1e8;min-height:345px;border-bottom:4px solid #0daee0}.answer>span{font-size:12px;letter-spacing:1.5px;color:#087b9c;font-weight:700}.answer p{margin:18px 0}.answer-note{color:#526277;font-size:15px}.answer a{font-weight:700;text-underline-offset:5px;font-size:15px}.guide{background:#0b213f;color:#fff;display:grid;grid-template-columns:1fr 1fr;padding:80px 8%;gap:12%;align-items:center}.guide .eyebrow{color:#f9ae1b}.guide h2{font-size:58px}.guide-copy>p:not(.eyebrow){max-width:400px;color:#d8e4f0}.guide-copy .button{min-width:235px;margin-top:12px}.guide-copy p.small{font-size:14px;margin-top:14px}.reader{background:#1e3654;border-radius:6px;padding:18px;max-width:470px;width:100%;justify-self:center}.reader-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px;padding:0 3px 15px}.paper{background:white;aspect-ratio: .707;overflow:hidden}.paper img{display:block;width:100%;height:100%;object-fit:contain}.reader-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px}.reader-bottom span{font-size:14px;text-align:center}.reader-bottom button{color:#fff;background:transparent;border:1px solid #8c9bb0;border-radius:50%;width:42px;height:42px;font-size:22px;flex-shrink:0}.reader-bottom button:disabled{opacity:.3;cursor:default}footer{padding:30px 5.5%;display:flex;justify-content:space-between;gap:20px;font-size:14px;flex-wrap:wrap}a:focus-visible,button:focus-visible{outline:3px solid #11ace0;outline-offset:5px}@media(max-width:850px){header{padding:20px 6%}header img{width:230px}.intro{grid-template-columns:1fr}.intro-copy{padding:40px 6%}h1{font-size:52px}.scene{height:330px}.scene>img{object-position:center 55%}.scene-note{font-size:24px;bottom:25px;left:6%}.explore{grid-template-columns:1fr;gap:22px;padding:48px 6%}h2{font-size:39px}.guide{grid-template-columns:1fr;padding:50px 6%;gap:38px}.guide h2{font-size:45px}.guide-copy>p:not(.eyebrow){max-width:100%}.reader{max-width:450px}.choices button{font-size:14px;padding:10px 13px}.answer{padding:25px;min-height:0}h3{font-size:30px}}@media(max-width:450px){header img{width:190px}.toplink{font-size:13px}.toplink span{display:none}h1{font-size:45px}.button{font-size:15px}.choices{gap:7px}.choices button{font-size:13px}.scene{height:280px}footer{display:grid;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
