:root{--ink:#1A172E;--navy:#2A2548;--navy-2:#403B62;--cream:#F2EDDD;--cream-2:#E8E2CF;--cream-3:#D8D2BE;--yellow:#D4AF37;--yellow-warm:#B8941F;--yellow-dim:rgba(212,175,55,.14);--bronze:#B8941F;--ink-soft:#6B7280;--rule-d:rgba(242,237,221,.16);--rule-l:rgba(14,18,40,.14);--f-display:'Michroma',system-ui,sans-serif;--f-body:'Open Sans',system-ui,sans-serif;--f-mono:'JetBrains Mono',ui-monospace,'Courier New',monospace;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);font-size:16px;line-height:1.55;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
.inline-link{color:var(--bronze);font-weight:500;border-bottom:1px solid var(--bronze)}
img,svg{display:block;max-width:100%}
.container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative}
@media (max-width:720px){.container{padding:0 20px}}
.eyebrow{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}
.light .eyebrow,.eyebrow.light{color:var(--yellow-warm)}
.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border:1px solid currentColor;font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;transition:all .35s var(--ease);cursor:pointer;background:transparent;color:inherit}
.btn:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn-fill{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.btn-fill:hover{background:transparent;color:var(--yellow);border-color:var(--yellow)}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:all .4s var(--ease);background:rgba(26,23,46,0)}
.nav.scrolled{padding:14px 0;background:rgba(26,23,46,.92);backdrop-filter:blur(10px)}
.nav .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px;color:var(--cream)}
.brand .ico{width:38px;height:auto;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text .a{font-family:var(--f-display);font-size:18px;color:var(--cream)}
.brand-text .b{font-family:var(--f-mono);font-size:9px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--yellow);margin-top:5px}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);transition:color .25s var(--ease)}
.nav-links a:hover{color:var(--yellow)}
.nav-links .btn{color:var(--cream)}
@media (max-width:900px){.nav-links a:not(.btn){display:none}}
.hero{position:relative;min-height:78vh;background:var(--ink);color:var(--cream);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:140px 0 0}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:0;opacity:.6}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(26,23,46,.94) 0%,rgba(26,23,46,.70) 52%,rgba(26,23,46,.34) 100%),linear-gradient(0deg,rgba(26,23,46,.96) 0%,rgba(26,23,46,0) 48%)}
.hero-credit{position:absolute;right:24px;bottom:16px;z-index:2;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(242,237,221,.5)}
.hero .container{position:relative;z-index:2;padding-bottom:76px}
.hero .eyebrow{margin-bottom:26px;display:inline-block}
.hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,4.4vw,56px);line-height:1.08;color:var(--cream);max-width:16ch}
.hero h1 em{font-family:var(--f-body);font-style:italic;font-weight:400;color:var(--yellow)}
.hero-logo{position:absolute;right:32px;top:112px;z-index:2;max-height:38px;width:auto;background:#F2EDDD;padding:9px 13px;border-radius:2px;box-shadow:0 6px 20px rgba(0,0,0,.30)}
@media (max-width:900px){.hero-logo{display:none}.hero-meta div{padding-right:22px;margin-right:22px;margin-bottom:14px}}
section{position:relative}
.section{padding:110px 0}
.section.dark{background:var(--ink);color:var(--cream)}
.section.light{background:var(--cream);color:var(--ink)}
.section.cream2{background:var(--cream-2);color:var(--ink)}
.section-head{margin-bottom:56px}
.section-head .eyebrow{margin-bottom:18px;display:inline-block}
.section-head h2{font-family:var(--f-display);font-size:clamp(22px,3.2vw,40px);font-weight:400;line-height:1.16}
.section-head h2 em{font-family:var(--f-body);font-style:italic;color:var(--yellow-warm)}
.section.dark .section-head h2 em{color:var(--yellow)}
.prose{max-width:68ch;font-size:17px;line-height:1.7}
.prose p{margin-bottom:20px}
.prose p:last-child{margin-bottom:0}
.section.dark .prose{color:rgba(242,237,221,.8)}