:root{--ink:#19394a;--cream:#f8f3e9;--clay:#aa4631;--muted:#665f55;--line:#d9cdbb}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:bold 28px Georgia,serif;text-decoration:none}.brand img{border-radius:10px}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;text-decoration:none}select{padding:10px;border:1px solid var(--line);background:transparent;border-radius:8px;color:var(--ink);font:inherit}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:70px 30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--clay)}h1{font:clamp(48px,5.2vw,74px)/1.04 Georgia,serif;letter-spacing:-2px;max-width:600px;margin:25px 0}h2{font:38px/1.15 Georgia,serif}.intro{font-size:18px;color:var(--muted);max-width:510px}.button{display:inline-block;padding:15px 25px;background:var(--clay);color:white;text-decoration:none;border-radius:30px;margin-top:15px;font-weight:650}.quiet{font-size:13px;color:var(--muted)}.hero-dish{margin:0;border:1px solid var(--line);background:#fffaf1;border-radius:160px 160px 16px 16px;overflow:hidden;box-shadow:10px 15px 0 #e9dfcf}.hero-dish>img{display:block;width:100%;height:330px;object-fit:cover}.hero-dish figcaption{padding:25px 30px}.hero-dish h2{font-size:27px;margin:12px 0}.hero-dish p{font-size:14px;color:var(--muted)}.hero-dish span{font-size:10px;letter-spacing:2px;color:var(--clay);font-weight:bold}.hero-dish a{font-weight:600}.hero-dish small{display:block;margin-top:20px;font-size:10px;color:var(--muted)}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:0 30px;padding:25px 0}.numbers>div{display:flex;gap:14px;align-items:center;padding:0 20px}.numbers strong{font:35px Georgia}.numbers span{font-size:13px;color:var(--muted);max-width:160px}.inside{padding:60px 30px}.section-head h2{margin-top:10px}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.paths>a{text-decoration:none;position:relative;border:1px solid var(--line);border-radius:12px;padding:25px;background:#fffaf3}.paths span{color:var(--clay);font-size:12px}.paths h3{font:25px Georgia;line-height:1.2}.paths p{font-size:14px;color:var(--muted)}.paths b{font-size:25px}.honest{background:var(--ink);color:var(--cream);padding:40px 50px;margin:0 30px 60px;border-radius:15px}.honest h2{font-size:30px;max-width:650px}.honest p{max-width:900px}.honest .quiet{color:#d8d6ca}footer{padding:25px 30px;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:focus-visible,select:focus-visible{outline:3px solid #ca883c;outline-offset:4px}@media(max-width:760px){header{padding:18px}.brand{font-size:23px}nav{gap:8px}nav>a{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:35px 20px}h1{font-size:50px;letter-spacing:-1.5px}.hero-dish{max-width:460px;width:100%;justify-self:center}.hero-dish>img{height:280px}.numbers{margin:0 20px;gap:15px}.numbers>div{padding:0;display:block}.numbers strong{display:block;font-size:29px}.numbers span{font-size:11px}.paths{grid-template-columns:1fr}.inside{padding:35px 20px}.honest{margin:0 20px 35px;padding:25px}footer{gap:15px;flex-wrap:wrap;padding:20px}}

.button-secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.reading-page{max-width:850px;padding:40px 25px 70px}.reading-page h1{font-size:clamp(38px,6vw,64px)}.reading-page h2{font-size:28px;margin-top:40px}.reading-page p{max-width:720px}.skip-link{position:absolute;left:15px;top:-80px;background:white;padding:10px;z-index:20}.skip-link:focus{top:10px}@media(max-width:420px){.hero .button{display:block;text-align:center;font-size:15px;padding-inline:16px}}

/* Native controls keep the same legible palette when the device uses dark mode. */
:root{color-scheme:light}select,select option{background:#fffdf8;color:#19394a;border-color:#7b8790}

/* Navy frame and ivory reading cards, with copper reserved for emphasis. */
:root{--muted:#3e4b53;--clay:#843c29}
body{background:#101d28;color:#faf6ee}
header,footer{border-color:#5d6d79}nav a,footer a{color:#faf6ee}
.hero .intro,.hero .quiet,.numbers span{color:#e0e6e9}
.hero>.hero-copy>.eyebrow,.section-head .eyebrow{color:#efbb94}
.hero .eyebrow{color:#efbb94}
.hero-dish,.paths>a,.reading-page{background:#faf6ee;color:#142d3d;--muted:#3e4b53;--clay:#813c27;--ink:#142d3d}
.hero-dish{border-color:#c2b8a8;box-shadow:10px 15px 0 #31434f}
.hero-dish p,.hero-dish small,.paths p{color:#3e4b53}
.hero-dish span,.paths span{color:#813c27}
.hero .button{background:#edbc98;color:#182d3c;border:1px solid #edbc98}
.hero .button-secondary{background:transparent;color:#faf6ee;border-color:#c2b8a8}
.numbers{border-color:#5d6d79}
.honest{background:#223847;color:#faf6ee;border:1px solid #5d6d79}.honest .quiet{color:#e0e6e9}
.reading-page{margin-top:28px;margin-bottom:28px;border-radius:18px;border:1px solid #c2b8a8}
.reading-page .button{color:#fff;background:#843c29}.reading-page .button-secondary{color:#142d3d;background:transparent}
.skip-link{color:#142d3d}