@font-face{font-family:Barlow;src:url('/fonts/barlow-condensed-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f1f1eb;--ink:#252b28;--olive:#666e59;--mint:#b4f2c5;--muted:#687068;--line:#d4d8cd;--mono:Plex,'Courier New',monospace}
*{box-sizing:border-box}
html{min-width:320px;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--olive) 0 74%,var(--mint) 74% 91%,var(--ink) 91%);z-index:2}
::selection{background:var(--mint);color:var(--ink)}
.site-shell{width:min(1600px,100%);min-height:100svh;margin:auto;padding:0 5.3%;display:flex;flex-direction:column}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 29px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800;line-height:1.3;letter-spacing:1.1px}
.brand-symbol{width:39px;height:34px;color:var(--olive)}
.brand-dot{font-size:9px;vertical-align:top;margin-left:3px}
.brand:focus-visible{outline:2px solid var(--olive);outline-offset:8px}
.header-note{font-family:var(--mono);font-size:11px;line-height:1.6;letter-spacing:.09em;margin:0 auto 0 8%;color:var(--muted)}
.edition{font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.hero{flex:1;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:3%;padding:62px 0 67px}
.eyebrow{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12px;letter-spacing:.11em;margin:0 0 27px;color:var(--olive)}
.mini-cross{font-size:24px;line-height:14px;font-family:Arial;font-weight:400}
h1{font-family:Barlow,'Arial Narrow',Impact,sans-serif;font-size:clamp(82px,8.5vw,135px);font-weight:700;letter-spacing:-.017em;line-height:.87;margin:0;position:relative;z-index:1}
h1>span{display:block}
.of-line{display:flex;align-items:center;gap:22px;margin:10px 0 12px}
.of{font-size:.56em;color:var(--olive);line-height:.88}
.title-rule{display:block;width:60px;height:2px;background:var(--olive);margin-top:8px}
.period{color:var(--olive)}
.statement{display:flex;align-items:flex-start;gap:18px;margin-top:38px}
.statement-marker{flex:0 0 4px;height:42px;background:var(--olive);border-top:14px solid var(--mint);margin-top:2px}
.statement p{font-size:17px;line-height:1.5;margin:0;letter-spacing:-.015em}
.statement p span{color:var(--muted)}
.identity{position:relative;align-self:center;max-width:490px;width:100%;justify-self:end;padding-top:15px}
.identity-top,.identity-bottom{display:flex;justify-content:space-between;font:10px/1.5 var(--mono);letter-spacing:.06em;color:var(--muted)}
.identity-top{padding:0 10px 17px}
.identity-grid{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#737a6210 1px,transparent 1px),linear-gradient(90deg,#737a6210 1px,transparent 1px);background-size:calc(100% / 12) calc(100% / 12);border:1px solid #737a6225;background-color:#e9ece240;isolation:isolate}
.identity-grid::after{content:'';position:absolute;inset:12.5%;border:1px solid #737a621c;transform:rotate(45deg);z-index:-1}
.orbit{position:absolute;border:1px solid #737a6228;border-radius:50%;pointer-events:none}
.orbit-outer{width:92%;height:92%}
.orbit-inner{width:66%;height:66%}
.axis{position:absolute;background:#737a6220}
.axis-horizontal{width:100%;height:1px}
.axis-vertical{height:100%;width:1px}
.crosshair{position:absolute;font:20px/1 var(--mono);color:var(--olive);z-index:1}
.top-left{left:-7px;top:-11px}.top-right{right:-7px;top:-11px}.bottom-left{left:-7px;bottom:-9px}.bottom-right{right:-7px;bottom:-9px}
.hero-symbol{width:77%;height:auto;position:relative;filter:drop-shadow(0 16px 12px #49543c13);transform:rotate(-7deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.identity:hover .hero-symbol{transform:translateY(-5px) rotate(-3deg)}
.symbol-main{fill:var(--olive)}
.symbol-shadow{fill:#c4ceba}
.symbol-accent{fill:var(--mint)}
.grid-code,.grid-coordinate{position:absolute;bottom:15px;font:10px/1.2 var(--mono);letter-spacing:.06em;color:var(--muted)}
.grid-code{left:17px}.grid-coordinate{right:17px}
.identity-bottom{padding:21px 10px 0;align-items:center}
.swatches{display:flex;gap:5px}
.swatches i{width:24px;height:10px;border:1px solid #737a6230;background:var(--paper)}
.swatches i:nth-child(2){background:#c4ceba}.swatches i:nth-child(3){background:var(--olive)}.swatches i:nth-child(4){background:var(--mint)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 28px;border-top:1px solid var(--line);font:10px/1.5 var(--mono);color:var(--muted);letter-spacing:.06em}
.footer-manifesto{margin-left:auto;margin-right:32px}
.footer-bars{display:flex;gap:5px;padding-right:5px}
.footer-bars i{width:8px;height:18px;transform:skewX(-28deg);background:var(--olive)}
.footer-bars i:last-child{background:var(--mint)}
@media(min-width:1500px){.hero{gap:5%}}
@media(max-width:1000px){.site-shell{padding:0 6%}.hero{grid-template-columns:1.12fr 1fr;gap:4%;padding:65px 0}.header-note{margin-left:6%}h1{font-size:clamp(70px,9vw,90px)}.identity-top{font-size:8px}.identity-bottom{font-size:9px}.statement p{font-size:16px}.eyebrow{font-size:10px}}
@media(max-width:700px){.site-shell{padding:0 7%}.site-header{padding:29px 0 23px}.header-note{display:none}.edition{font-size:10px}.brand{font-size:10px;gap:12px}.brand-symbol{width:32px}.hero{grid-template-columns:1fr;gap:46px;padding:49px 0 45px}.eyebrow{font-size:11px;margin-bottom:26px}h1{font-size:clamp(60px,20vw,120px)}.of-line{margin:8px 0 10px}.title-rule{width:46px}.statement{margin-top:28px}.statement p{font-size:16px}.identity{justify-self:center;width:82%;max-width:370px;padding-top:0}.identity-top{font-size:9px}.identity-bottom{font-size:10px;padding-top:16px}.site-footer{padding:22px 0 24px;align-items:flex-end;flex-wrap:wrap;row-gap:9px;font-size:9px}.site-footer>span:first-child{flex:1 0 75%}.footer-manifesto{margin:0;flex:1 0 75%;order:2}.footer-bars{grid-row:span 2}.grid-coordinate{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-symbol{transition:none}.identity:hover .hero-symbol{transform:rotate(-7deg)}}