:root{--ground:#04191c;--deep:#02100f;--surface:#0a2529;--ink:#e6ebdd;--muted:#8ea094;--sage:#93a877;--teal:#5fc4bc;--gutter:clamp(1.25rem,5vw,5.5rem);--measure:64ch;--body:Spectral,Georgia,serif;--display:Cinzel,Georgia,serif;--ui:'Barlow Condensed',Arial,sans-serif;--line:rgba(255,255,255,.13);--line-strong:rgba(255,255,255,.2);--veil:rgba(4,25,28,.91);--radius:3px;--shadow:0 24px 60px -28px #000d}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:300 clamp(1rem,.96rem + .2vw,1.09rem)/1.66 var(--body)}a{color:inherit}.topbar{position:sticky;top:0;z-index:3;display:flex;gap:1.2rem;align-items:center;padding:.9rem var(--gutter);background:var(--veil);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar b,.topbar button,nav{font-family:var(--ui);letter-spacing:.15em;text-transform:uppercase}.topbar b{margin-right:auto}.topbar button{color:var(--muted);background:none;border:1px solid var(--line-strong);border-radius:999px;padding:.3rem .7rem}nav{display:flex;gap:1.4rem}nav a{text-decoration:none;color:var(--muted)}.mark,.hero-ring,.mk{background:url('../assets/mark-pale.webp') center/contain no-repeat}.mark{width:25px;height:25px}.hero{min-height:70vh;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:3rem;padding:clamp(4rem,13vh,9rem) var(--gutter);border-bottom:1px solid var(--line)}.hero-copy{max-width:38ch}.hero-word{width:min(100%,400px);aspect-ratio:770/145;background:url('../assets/wordmark-pale.webp') left/contain no-repeat}.hero-ring{justify-self:end;width:min(40vw,520px);aspect-ratio:539/448}.eyebrow,.tagline,.count,.facts,.links,footer{font:600 1rem/1.4 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}.hero p{font-size:clamp(1.2rem,1.12rem + .38vw,1.4rem)}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;color:var(--muted);font-family:var(--ui);text-transform:uppercase;letter-spacing:.12em}.section{padding:clamp(3.5rem,9vh,6.5rem) var(--gutter)}.section.deep{background:var(--deep);border-block:1px solid var(--line)}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}.section h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.08em;text-transform:uppercase}.section-head h2{margin:0}.count{color:var(--muted)}.plates{display:grid;gap:clamp(3rem,8vh,7rem)}.plate{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.plate:nth-child(even) .plate-art{order:2}.plate-art{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.plate-art img{width:100%;aspect-ratio:16/9;object-fit:var(--fit,cover);object-position:var(--position,center);display:block}.plate-art:after{content:'';position:absolute;inset:0;background:var(--tint);opacity:var(--overlay,0);pointer-events:none}.facts{display:flex;gap:.5rem;flex-wrap:wrap;padding:0;list-style:none}.facts li{border:1px solid var(--line-strong);border-radius:999px;padding:.2rem .7rem;color:var(--muted)}.links{display:flex;gap:1rem;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem}.pillar,.tenets{list-style:none;padding:0}.pillar li{padding:.8rem 0;border-bottom:1px solid var(--line)}.pillar b{font-family:var(--display);color:var(--sage);margin-right:1rem}.tenets li{margin:.8rem 0}.contact{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}footer{display:flex;gap:1.2rem;flex-wrap:wrap;padding:2rem var(--gutter);color:var(--muted)}[data-pick]{cursor:crosshair;outline:1px dashed transparent}[data-edit-pick] [data-pick]:hover{outline-color:var(--teal)}@media(max-width:820px){.hero,.plate,.grid{grid-template-columns:1fr}.hero-ring{order:-1;justify-self:center;width:55vw}.plate:nth-child(even) .plate-art{order:0}nav{display:none}}
.newsletter{margin-top:1.5rem;padding:1.5rem 0 0;border-top:1px solid var(--line-strong);scroll-margin-top:6rem}
.newsletter h2{margin:0 0 .65rem;font:400 clamp(1.25rem,2vw,1.6rem)/1.35 var(--display);letter-spacing:.04em}
.hero .newsletter p{margin:0 0 1.2rem;font-size:1rem;line-height:1.6}
.newsletter-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:.7rem 1.3rem;border:1px solid var(--teal);border-radius:var(--radius);background:var(--teal);color:var(--ground);font:600 1rem/1.4 var(--ui);letter-spacing:.09em;text-transform:uppercase;text-align:center;text-decoration:none;overflow-wrap:anywhere}
a.newsletter-button:hover{background:var(--ink);border-color:var(--ink)}
.newsletter-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.newsletter-button:disabled{background:transparent;color:var(--muted);border-color:var(--line-strong);cursor:default}
.hero .newsletter .newsletter-note{margin:.8rem 0 0;color:var(--muted);font-size:.875rem}
/* Editor edit mode. Inert in production: nothing below matches without the
   [data-edit-mode] flag the editor sets on the preview document. */
[data-edit-mode] [data-t]{cursor:text;outline:1px dashed #5fc4bc55;outline-offset:2px;border-radius:2px}[data-edit-mode] [data-t]:hover{outline-color:var(--teal)}[data-edit-mode] [contenteditable]{outline:2px solid var(--teal);background:#5fc4bc1a;white-space:pre-wrap}[data-edit-mode] .plate-art{cursor:pointer}[data-edit-mode] .plate-art:hover{outline:2px solid var(--teal)}[data-edit-mode] .plate-art:hover:before{content:'Drag to reposition · click to swap';pointer-events:none;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);font:600 .9rem var(--ui);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#04191ccc;padding:.4rem .9rem;border-radius:999px}[data-edit-mode] .eden-selected{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}.eden-widget{display:none}[data-edit-mode] .eden-widget.on{display:flex;position:absolute;z-index:9999;align-items:center;gap:2px;padding:2px;border-radius:5px;background:#04191cf2;box-shadow:0 2px 10px #0009;border:1px solid var(--teal);font:600 12px/1 var(--ui)}[data-edit-mode] .eden-widget:not(.has-clip) [data-act=paste]{opacity:.35;pointer-events:none}.eden-w{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:none;color:var(--ink);font-size:12px;cursor:pointer}.eden-w:hover{background:#5fc4bc33}.eden-drag{cursor:move}.eden-x:hover{background:#ff5c5c55}.eden-label{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px 0 3px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}
/* Light theme. The palette itself is data (config.themeLight, applied to the
   root as custom properties); only the artwork swap is structural, because the
   pale marks are drawn for a dark ground and need their dark counterparts. */
body.light .mark,body.light .hero-ring{background-image:url('../assets/mark.webp')}body.light .hero-word{background-image:url('../assets/wordmark.webp')}body.light .plate-art,body.light iframe{box-shadow:var(--shadow)}
