@font-face{font-family:Gelasio;src:url('/fonts/gelasio-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('/fonts/nunito-latin-var.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{color-scheme:light;--ink:#18364B;--text:#3F5A6C;--muted:#4A6678;--paper:#F8F1E6;--warm:#F2EAD8;--card:#FFFDF9;--line:#E7DCC6;--gold:#8A5A2B;--coral:#A9552F}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.65 Nunito,'Segoe UI',sans-serif}img{max-width:100%;height:auto;display:block}a{color:var(--ink);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}.wrap{width:min(1080px,calc(100% - 36px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:10px;padding:8px;background:white;z-index:10}.top{padding:17px 0;border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:700 19px Gelasio,Georgia,serif}.brand img{width:31px;height:31px;border-radius:8px}.top nav{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;font-weight:800}.hero{padding:52px 0 30px;max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--gold);margin:0}.hero h1{font-size:clamp(38px,6vw,61px);margin:12px 0 20px}.hero p:last-child{font-size:19px;max-width:63ch;margin:0}.rule{width:82px;height:4px;background:#D79B3D;border-radius:10px;margin:0 0 24px}h1,h2,h3{font-family:Gelasio,Georgia,serif;color:var(--ink);line-height:1.12;text-wrap:balance}h2{font-size:clamp(27px,4vw,37px);margin:0 0 16px}h3{font-size:22px;margin:0 0 12px}p{margin:0 0 17px}strong{color:var(--ink)}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,34px)}.section{padding:22px 0 46px}.section>h2{margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question{scroll-margin-top:24px}.question p:last-child,.panel p:last-child{margin-bottom:0}.question h3{font-size:21px}.question a{font-weight:800}.note{background:var(--warm);border-radius:20px;padding:22px 25px}.note p:last-child{margin-bottom:0}.next{padding:10px 0 65px}.next .note{padding:30px}.links{display:flex;flex-wrap:wrap;gap:10px}.links a{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;border-radius:99px;padding:10px 17px}.links a:hover{background:#2A4D63}footer{border-top:1px solid var(--line);padding:28px 0 38px;font-size:14px}footer nav{display:flex;flex-wrap:wrap;gap:16px}footer p{margin:10px 0 0}.picture-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.picture-pair figure{margin:0;background:var(--card);padding:10px;border:1px solid var(--line);border-radius:19px}.picture-pair img{border-radius:12px;width:100%;aspect-ratio:4/3;object-fit:cover}.picture-pair figcaption{font-size:14px;line-height:1.5;padding:10px 5px 3px}.steps{counter-reset:step;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px}.steps li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.1em;margin-bottom:13px}.steps h3{font-size:20px}.steps p:last-child{margin-bottom:0}.prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.prompts blockquote{margin:0;padding:20px;background:var(--card);border:1px solid var(--line);border-left:4px solid #D79B3D;border-radius:15px;color:var(--ink);font-weight:700}.small{font-size:15px;color:var(--muted)}@media(max-width:720px){.grid,.steps,.prompts{grid-template-columns:1fr}.picture-pair{gap:10px}.top .wrap{align-items:flex-start}.top nav{justify-content:flex-end;gap:7px 12px}.hero{padding-top:38px}}@media(max-width:540px){.picture-pair{grid-template-columns:1fr}.top nav a:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}