:root{--bg-canvas:#201c16;--bg-surface:#30291f;--bg-surface-hover:#3b3326;--text-primary:#f4f1ea;--text-muted:#c4bba9;--accent-primary:#d4a84b;--accent-secondary:#ead08c;--border-subtle:rgba(244,241,234,.12);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.35);--glow-accent:0 0 24px -4px rgba(212,168,75,.22);--glass-backdrop:blur(16px) saturate(180%);--content-width:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-wrap:anywhere;hyphens:auto}
img{display:block;max-width:100%;object-fit:cover}
a{color:var(--accent-secondary);text-underline-offset:.2em}
a:hover{color:var(--text-primary)}
button,input,textarea,select{font:inherit}
h1,h2,h3,p{overflow-wrap:anywhere;hyphens:auto}
h1,h2,h3{line-height:1.14}
h1{font-size:clamp(2.5rem,7vw,5.7rem);letter-spacing:-.055em;margin:.5rem 0 1rem;max-width:14ch}
h2{font-size:clamp(1.6rem,3vw,2.55rem);letter-spacing:-.035em}
h3{font-size:1.22rem}
p{max-width:72ch}
.mono,.eyebrow,.number,.button,.nav-links,.site-footer small,.tile-label{font-family:ui-monospace,Consolas,monospace}
.eyebrow,.tile-label,.number{color:var(--accent-primary);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
.wrap{width:min(calc(100% - 2.5rem),var(--content-width));margin-inline:auto}
.site-header{position:relative;z-index:5;background:transparent;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.site-header.scrolled{background:#201c16;border-color:var(--border-subtle)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--text-primary);text-decoration:none;font-weight:750;letter-spacing:-.03em;white-space:nowrap}
.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--accent-primary);color:#201c16;font:700 .78rem ui-monospace,monospace}
.nav-links{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.7rem);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.nav-links a{color:var(--text-primary);text-decoration:none}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent-primary)}
.menu-toggle{display:none;border:1px solid var(--accent-primary);background:transparent;color:var(--text-primary);width:42px;height:42px;font-size:1.4rem;line-height:1;cursor:pointer}
.mobile-menu{display:none;position:absolute;left:0;right:0;top:100%;padding:1rem 1.25rem 1.3rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}
.mobile-menu a{display:block;padding:.65rem 0;color:var(--text-primary);text-decoration:none;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.mobile-menu.open{display:block}
.hero{padding:clamp(3rem,8vw,6rem) 0 2.2rem}
.hero p{color:var(--text-muted);font-size:1.08rem;max-width:62ch}
.hero.compact{padding:3.4rem 0 1.5rem}
.hero.compact h1{font-size:clamp(2.3rem,5vw,4.3rem)}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.72rem 1rem;border:1px solid var(--accent-primary);background:transparent;color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;cursor:pointer;transition:transform .25s var(--ease-kinetic),background .25s,box-shadow .25s}
.button.primary{background:var(--accent-primary);color:#201c16;font-weight:800}
.button:hover{transform:translateY(-3px);background:var(--bg-surface-hover);box-shadow:var(--shadow-elevation),var(--glow-accent);color:var(--text-primary)}
.button.primary:hover{background:var(--accent-secondary);color:#201c16}
.section{padding:2.3rem 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}
.section-heading p{color:var(--text-muted);margin:0}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.tile{grid-column:span 4;min-width:0;background:var(--bg-surface);box-shadow:var(--shadow-elevation);padding:clamp(1.15rem,2.5vw,1.8rem);transition:transform .35s var(--ease-kinetic),background .25s,box-shadow .3s}
.tile:hover{transform:translateY(-5px) scale(1.008);background:var(--bg-surface-hover);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.tile.wide{grid-column:span 8}
.tile.full{grid-column:1/-1}
.tile.half{grid-column:span 6}
.tile h3{margin:.45rem 0 .7rem}
.tile p{color:var(--text-muted);margin:.5rem 0}
.tile-link{display:block;color:inherit;text-decoration:none}
.tile-link:hover{color:inherit}
.media-tile{padding:0;overflow:visible}
.media-tile img{width:100%;aspect-ratio:16/9;filter:brightness(.68) saturate(.75)}
.media-copy{padding:1.2rem 1.4rem 1.5rem}
.media-grid img{aspect-ratio:4/3}
.thumb img{aspect-ratio:1/1}
.figure-note{font: .72rem ui-monospace,Consolas,monospace;color:var(--text-muted);padding:.45rem 1rem}
.long-copy{max-width:72ch;margin-inline:auto}
.long-copy h2{margin-top:2.3rem}
.long-copy h3{margin-top:1.8rem}
.long-copy p,.long-copy li{color:#e1dbcf}
.list-check{list-style:none;padding:0;margin:1rem 0}
.list-check li{border-top:1px solid var(--border-subtle);padding:.85rem .2rem .85rem 2rem;position:relative;color:#e1dbcf}
.list-check li:before{content:"+";position:absolute;left:.25rem;color:var(--accent-primary);font:1rem ui-monospace,monospace}
.matrix-wrap{overflow-x:auto;margin:1.25rem 0}
table{width:100%;min-width:620px;border-collapse:collapse;background:var(--bg-surface);text-align:left}
th,td{padding:.85rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}
th{font: .75rem ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary)}
td{color:#e1dbcf}
details{background:var(--bg-surface);padding:1rem 1.2rem;margin:.65rem 0}
summary{cursor:pointer;font-weight:700}
details p{color:var(--text-muted);margin-bottom:.2rem}
.note{border-left:3px solid var(--accent-primary);padding:.5rem 1rem;background:#29241c;color:var(--text-muted)}
.source-list{columns:2;column-gap:2rem}
.source-list li{break-inside:avoid;margin:.35rem 0;color:var(--text-muted)}
form{display:grid;gap:1rem}
label{display:grid;gap:.35rem;color:var(--text-muted)}
input,textarea,select{background:#211e18;border:1px solid var(--border-subtle);padding:.8rem;color:var(--text-primary);width:100%}
textarea{min-height:130px;resize:vertical}
.output-box{min-height:150px;white-space:pre-wrap;border:1px solid var(--border-subtle);background:#211e18;padding:1rem;color:var(--text-muted)}
.site-footer{margin-top:3rem;border-top:1px solid var(--border-subtle);background:#191611;padding:2rem 0}
.footer-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}
.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem}
.footer-links a{color:var(--text-muted);font: .76rem ui-monospace,Consolas,monospace;text-transform:uppercase;text-decoration:none}
.company-details{color:var(--text-muted);font-size:.9rem}
.company-details strong{color:var(--text-primary)}
.copyright{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border-subtle);color:var(--text-muted)}
.reveal{opacity:0;transform:translateY(18px);transition:all .7s var(--ease-kinetic)}
.reveal-visible{opacity:1;transform:translateY(0)}
.skip-link{position:absolute;left:-9999px;top:1rem;background:var(--accent-primary);color:#201c16;padding:.6rem}
.skip-link:focus{left:1rem;z-index:10}
:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}
@media(min-width:1025px){.hero.home-hero{padding-top:4.1rem;padding-bottom:1.2rem}.home-bento .tile:nth-child(1){grid-column:span 7}.home-bento .tile:nth-child(2){grid-column:span 5}.home-bento .tile:nth-child(3){grid-column:span 4}.home-bento .tile:nth-child(4){grid-column:span 4}.home-bento .tile:nth-child(5){grid-column:span 4}}
@media(min-width:769px) and (max-width:1024px){.tile{grid-column:span 6}.tile.wide{grid-column:span 12}.home-bento .tile:nth-child(n){grid-column:span 6}}
@media(max-width:768px){.header-inner{min-height:66px}.nav-links{display:none}.menu-toggle{display:block;margin-left:auto}.wrap{width:min(calc(100% - 1.5rem),var(--content-width))}.tile,.tile.half,.tile.wide{grid-column:span 6}.home-bento .tile:nth-child(n){grid-column:span 6}.footer-grid{grid-template-columns:1fr}}
@media(max-width:480px){h1{font-size:2.65rem}.tile,.tile.half,.tile.wide,.home-bento .tile:nth-child(n){grid-column:1/-1}.section-heading{display:block}.source-list{columns:1}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}