:root{color-scheme:dark;--navy:#092c3b;--deep:#071f2a;--paper:#f4ecdb;--muted:#adc0c5;--gold:#d4a35e;--line:rgba(212,163,94,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;overflow-x:clip;background:var(--deep);color:var(--paper);font-family:Arial,"Segoe UI",sans-serif;font-size:1rem;line-height:1.65}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 85% 22%,rgba(34,90,106,.24),transparent 65%);pointer-events:none;z-index:-1}
a{color:inherit}
a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
.skip-link{position:absolute;top:0;left:1rem;padding:.7rem 1rem;background:var(--paper);color:var(--deep);transform:translateY(-160%);z-index:5}
.skip-link:focus{transform:translateY(0)}
.page{max-width:1440px;margin:auto;padding:0 clamp(1.4rem,5vw,5rem)}
.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:1rem;text-decoration:none}
.brand img{display:block;width:48px;height:48px}
.brand span{font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.19em;color:var(--gold)}
.brand strong{font-weight:normal}
.nav-link{text-decoration:none;font-size:.9375rem;color:var(--muted);white-space:nowrap}
.nav-link span{margin-left:.6rem;color:var(--gold)}
.nav-link:hover{color:var(--paper)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,6vw,6rem) 0 4rem}
.eyebrow{font-size:.875rem;letter-spacing:.1em;color:var(--gold);margin:0 0 1.6rem;line-height:1.6}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:normal}
h1{font-size:clamp(2.3rem,4.15vw,3.9rem);letter-spacing:-.04em;line-height:1.16;margin:0 0 1.6rem}
h1 em{color:var(--gold);font-style:normal}
.lead{max-width:34rem;font-size:1.0625rem;color:#d1dde0;line-height:1.8}
.boundary{margin-top:1.6rem!important;padding-left:1rem;border-left:1px solid var(--gold);font-size:.9375rem;color:var(--muted)}
.emblem{margin:0;max-width:570px;width:100%;justify-self:end}
.emblem-art{position:relative;isolation:isolate;margin:8%}
.emblem-art::before{content:"";position:absolute;inset:-25% -50%;z-index:-1;pointer-events:none;background:url("assets/mineral-sand-v5.png") center/100% 100% no-repeat;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 49%,#000 50%,rgba(0,0,0,.85) 64%,rgba(0,0,0,.4) 80%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 49%,#000 50%,rgba(0,0,0,.85) 64%,rgba(0,0,0,.4) 80%,transparent 100%)}
.emblem-art>img{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(circle closest-side at 50% 49%,#000 95%,transparent 100%);mask-image:radial-gradient(circle closest-side at 50% 49%,#000 95%,transparent 100%)}
figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem;font-size:.8125rem;letter-spacing:.09em;color:var(--gold)}
figcaption span{color:var(--muted);letter-spacing:0}
.idea{border-top:1px solid var(--line);padding:3.25rem 0 3.75rem}
.idea-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(2rem,5vw,5rem)}
h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.2;letter-spacing:-.025em;margin:0}
.idea-copy{color:#ccd8db}
.idea-copy p{margin:0 0 1rem}
.idea-copy strong{font-weight:normal;color:var(--gold)}
footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;padding:1.5rem 0 2rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
@media(max-width:800px){.masthead{min-height:88px}.hero{grid-template-columns:1fr;padding:2.6rem 0 3rem;gap:2.2rem}.intro{max-width:38rem}h1{font-size:clamp(2.4rem,7vw,3.5rem)}.lead{max-width:38rem}.quiet{margin-top:1.4rem}.emblem{justify-self:center;max-width:520px}.idea-body{grid-template-columns:1fr;gap:1.3rem}.idea{padding:2.5rem 0}.eyebrow{margin-bottom:1.15rem}}
@media(max-width:420px){.brand{gap:.55rem}.brand img{width:39px;height:39px}.brand span{font-size:.875rem;letter-spacing:.12em}.nav-link{font-size:.875rem}.nav-link span{display:none}.page{padding:0 1.25rem}h1{font-size:2.4rem}.eyebrow{font-size:.875rem;letter-spacing:.03em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}