@import url('/fonts/fonts.css');
:root{color-scheme:dark;--paper:#e6e6e6;--muted:#909090;--display:'Sofia Sans Extra Condensed',Impact,sans-serif;--text:'Geist','Segoe UI',sans-serif;--mono:'Geist Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#080808;color:var(--paper);font:15px/1.8 var(--text)}
body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.3),#080808 790px),linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.6)),url('/img/world-wide.jpg') center top/auto 850px no-repeat;pointer-events:none}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid white;outline-offset:7px}a:hover{color:#fff}::selection{background:#d4d4d4;color:#080808}
.top{max-width:1440px;margin:auto;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font:300 32px/1 var(--display);letter-spacing:.17em}.brand span{display:block;font:9px/1 var(--mono);letter-spacing:.3em;color:#929292;margin-top:9px}
.top nav{display:flex;gap:32px;flex-wrap:wrap}.top nav a{font:11px/1.5 var(--mono);color:#909090;transition:color .2s}.top nav a[aria-current=page]{color:#fff;text-shadow:0 0 18px #aaa}.back{font:10px var(--mono);letter-spacing:.1em;color:#aaa}
.layout{max-width:1440px;margin:0 auto;padding:56px 5% 90px;display:grid;grid-template-columns:285px minmax(0,740px);justify-content:space-between;gap:70px}
.side{align-self:start;position:sticky;top:40px;padding-top:9px}.label{font:10px/1.6 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#888}.side-title{font:300 40px/1.1 var(--display);text-transform:uppercase;margin:16px 0 30px}.contents{display:flex;flex-direction:column;gap:6px}.contents a{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:10px 12px;margin-left:-12px;color:#929292;font:13px/1.5 var(--text);transition:background .25s,color .25s}.contents a span{font:10px/2 var(--mono);color:#626262}.contents a:hover,.contents a.active{color:#fff;background:linear-gradient(90deg,#ffffff0c,transparent)}.contents a.active span{color:#ddd}.side-foot{margin-top:45px;font:11px/1.9 var(--mono);color:#7c7c7c}.side-foot a{display:block;color:#ccc;margin-top:8px}
.hero{padding-bottom:52px;animation:arrive .65s ease-out both}.hero .label{color:#a0a0a0}h1{font:300 clamp(76px,8.5vw,126px)/.94 var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:22px 0 26px;color:#f2f2f2;text-shadow:0 1px 22px #ffffff16}.subtitle{font:15px/1.6 var(--text);color:#aaa;margin:0}.meta{display:flex;gap:30px;flex-wrap:wrap;font:10px/1.8 var(--mono);color:#747474;margin-top:22px}
article{min-width:0}section{position:relative;padding:32px 0 25px;scroll-margin-top:35px}section+section{margin-top:8px}section h2{font:400 30px/1.2 var(--display);letter-spacing:.035em;text-transform:uppercase;margin:0 0 20px;color:#eee}section h2 span{font:11px var(--mono);color:#686868;display:inline-block;vertical-align:middle;margin-right:20px}p{margin:14px 0;color:#aaa;line-height:1.85}p a{color:#dedede;text-decoration:underline;text-decoration-color:#555;text-underline-offset:5px}p a:hover{text-decoration-color:#ddd}
.contact{display:inline-flex;gap:32px;align-items:center;padding:13px 22px;background:#e4e4e4;color:#080808;font:12px var(--mono);margin:8px 0 20px;transition:background .2s}.contact:hover{background:#fff;color:#000}.end{margin-top:45px;padding:28px 0;display:flex;justify-content:space-between;gap:22px;color:#9a9a9a;font:11px var(--mono)}.end a:hover{color:#fff}.footer{max-width:1440px;margin:auto;padding:25px 5% 35px;display:flex;justify-content:space-between;gap:22px;font:9px/1.8 var(--mono);letter-spacing:.1em;color:#606060}.footer a{color:#aaa}.progress{position:fixed;top:0;left:0;width:0;height:1px;background:#ddd;box-shadow:0 0 9px #aaa;z-index:5}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.layout{padding-top:85px;gap:120px}body:before{background-size:auto,auto,100% auto}}
@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.top nav{gap:18px}h1{font-size:86px}.top .back{display:none}}
@media(max-width:700px){.top{padding:26px 6%;align-items:flex-start}.brand{font-size:28px}.top nav{flex-direction:column;gap:9px;align-items:flex-end}.top nav a{font-size:10px}.layout{display:flex;flex-direction:column;padding:34px 6% 40px;gap:32px}.side{position:static;order:1;padding:0}.side-title{font-size:30px;margin:12px 0 16px}.side-foot{display:none}.contents{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.contents a{font-size:11px;padding:7px 8px;grid-template-columns:20px 1fr;gap:5px;margin-left:-8px}.contents a span{font-size:9px}article{display:contents}.hero{order:0;padding-bottom:0}.sections{order:2}h1{font-size:76px;margin:20px 0}.subtitle{font-size:13px}.meta{font-size:9px;gap:14px}section{padding:22px 0}section h2{font-size:28px}p{font-size:14px}.end{order:3;margin-top:0;line-height:1.8}.footer{padding:20px 6%;flex-wrap:wrap}body:before{background-size:auto,auto,auto 650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}