:root{--paper: oklch(.985 .003 60);--paper-2: oklch(.97 .004 60);--ink: oklch(.14 .01 270);--ink-2: oklch(.32 .01 270);--ink-3: oklch(.55 .01 270);--line: oklch(.88 .006 60);--shock: oklch(.68 .24 8);--shock-glow: oklch(.72 .26 8);--pastel: oklch(.93 .055 10);--pastel-2: oklch(.96 .03 10);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Inter Tight", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--max: 1440px;--gutter: clamp(20px, 4vw, 56px)}:root[data-type=editorial]{--font-display: "Fraunces", serif;--font-body: "Inter Tight", sans-serif}:root[data-type=grotesk]{--font-display: "Inter Tight", sans-serif;--font-body: "Inter Tight", sans-serif}:root[data-type=mono]{--font-display: "JetBrains Mono", monospace;--font-body: "Inter Tight", sans-serif}:root[data-type=classic]{--font-display: "Instrument Serif", serif;--font-body: "Inter Tight", sans-serif}:root[data-theme=dark]{--paper: oklch(.14 .01 270);--paper-2: oklch(.18 .01 270);--ink: oklch(.97 .003 60);--ink-2: oklch(.82 .005 60);--ink-3: oklch(.62 .005 60);--line: oklch(.28 .01 270);--pastel: oklch(.32 .08 10);--pastel-2: oklch(.25 .06 10)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:.94}.italic{font-style:italic}.rule{height:1px;background:var(--line)}.section-label{display:flex;align-items:baseline;gap:14px;font-family:var(--font-mono);text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--ink-3)}.section-label .dot{width:6px;height:6px;background:var(--shock);border-radius:50%;display:inline-block}.section-wrap{max-width:var(--max);margin:0 auto;padding:120px var(--gutter);width:100%}.section-bar{display:flex;flex-direction:column;gap:16px;margin-bottom:60px}.section-bar h2{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,6vw,88px);line-height:.95;letter-spacing:-.03em}.section-bar h2 em{font-style:italic;color:var(--shock)}.work-section{padding:120px 0}.chapters{position:relative}.chapter{position:relative;overflow:hidden;padding:60px var(--gutter);border:1px solid var(--line);margin-bottom:24px;border-radius:4px;cursor:pointer;transition:all .3s ease}.chapter:hover,.chapter.expanded{background:var(--paper-2)}.ch-head{display:flex;gap:24px;align-items:flex-start;position:relative;z-index:1}.ch-num{font-family:var(--font-display);font-size:48px;font-weight:300;line-height:1;color:var(--shock);min-width:80px}.ch-titles{flex:1}.ch-kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:8px}.ch-titles h3{font-family:var(--font-display);font-size:28px;font-weight:300;line-height:1.1;letter-spacing:-.02em}.ch-titles h3 em{font-style:italic;color:var(--shock)}.ch-copy{margin-top:20px;font-size:14px;line-height:1.6;color:var(--ink-2);max-width:54ch;position:relative;z-index:1}.ch-meta{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:40px;margin-top:30px;padding-top:30px;border-top:1px solid var(--line);position:relative;z-index:1}.ch-stacks,.ch-metrics{display:flex;flex-direction:column;gap:12px}.ch-stacks .label,.ch-metrics .label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.ch-stacks{align-items:flex-start}.stack-list{display:flex;flex-wrap:wrap;gap:8px}.stack-cell{font-family:var(--font-mono);font-size:11px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.1em}.metric{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.metric strong{flex:.3;font-family:var(--font-display);font-size:24px;font-weight:300;color:var(--shock)}.metric span{flex:.7;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.ch-bg{position:absolute;right:-40px;bottom:-60px;font-family:var(--font-display);font-size:clamp(200px,30vw,460px);font-weight:300;font-style:italic;line-height:.8;letter-spacing:-.04em;color:color-mix(in oklch,var(--shock) 10%,transparent);pointer-events:none;z-index:0}.stacks-section{background:#030306;color:#f5f5f5;position:relative;overflow:hidden}.stacks-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 30%,color-mix(in oklch,var(--shock) 18%,transparent),transparent 60%);pointer-events:none}.stacks-desc{font-size:14px;line-height:1.6;color:#b7b7b7;max-width:44ch;margin-top:20px}.stacks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:60px;position:relative;z-index:1}.stack-section{padding:24px;border:1px solid oklch(.22 .01 270);border-radius:4px;background:#090b0f}.stack-section h3{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#e4e4e4;margin-bottom:16px}.stack-tools{display:flex;flex-wrap:wrap;gap:8px}.tag{font-family:var(--font-mono);font-size:10px;padding:6px 10px;border:1px solid oklch(.22 .01 270);border-radius:999px;color:#9e9e9e;text-transform:uppercase;letter-spacing:.1em}.contact-section{padding:120px 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px}.contact-left{padding:40px;background:var(--paper-2);border-radius:4px}.contact-lead{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:44ch;margin-bottom:40px}.info-list{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:4px;transition:all .2s ease}.info-item:hover{background:var(--paper);border-color:var(--shock)}.info-item .label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.info-item strong{color:var(--ink)}.contact-form{padding:40px;border:1px solid var(--line);border-radius:4px;background:var(--paper-2);display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea,.contact-form select{background:transparent;border:none;border-bottom:1px solid var(--line);padding:10px 0;font-family:var(--font-body);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--shock)}.contact-form textarea{resize:vertical;min-height:120px}.submit-btn{background:var(--shock);color:var(--paper);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:16px 24px;border-radius:999px;transition:all .2s ease;cursor:pointer;align-self:flex-start}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -15px var(--shock)}.footer{padding:40px var(--gutter);border-top:1px solid var(--line);text-align:center}.footer-content{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.footer p{flex:1}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklch,var(--paper) 72%,transparent);border-bottom:1px solid color-mix(in oklch,var(--line) 60%,transparent)}.logo{font-family:var(--font-display);font-size:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.logo .star{width:10px;height:10px;background:var(--shock);border-radius:50%;box-shadow:0 0 12px var(--shock-glow)}.nav{display:flex;gap:28px;align-items:center}.nav a{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2);transition:color .2s}.nav a:hover{color:var(--shock)}.top-right{display:flex;gap:14px;align-items:center;min-width:0}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}.lang-toggle button{padding:5px 10px;border-radius:999px;color:var(--ink-3);cursor:pointer;transition:all .2s}.lang-toggle button.active{background:var(--ink);color:var(--paper)}.status-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-2)}.status-pill .led{width:7px;height:7px;border-radius:50%;background:#37d67a;box-shadow:0 0 8px #37d67a;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.hero{position:relative;min-height:100vh;padding:120px var(--gutter) 80px;display:grid;grid-template-columns:1fr;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:40px;align-items:center;max-width:var(--max);margin:0 auto;width:100%;position:relative}.hero-grid.layout-editorial{grid-template-columns:1.1fr 1fr 1.1fr}.hero-grid.layout-offset{grid-template-columns:1fr 1fr}.hero-grid.layout-centered{grid-template-columns:1fr;text-align:center}.hero-left,.hero-right{display:flex;flex-direction:column;gap:28px}.hero-right{align-items:flex-end;text-align:right}.eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3)}.eyebrow .tick{width:14px;height:1px;background:var(--ink-3)}.hero h1{font-family:var(--font-display);font-weight:300;font-size:clamp(44px,7vw,104px);line-height:.92;letter-spacing:-.035em}.hero h1 em{font-style:italic;color:var(--shock);font-variation-settings:"SOFT" 100}.hero-tagline{font-size:14px;color:var(--ink-2);line-height:1.5;max-width:320px}.hero-right .hero-tagline{max-width:260px}.meta-list{display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.meta-list .row{display:flex;justify-content:space-between;gap:40px;border-bottom:1px dashed var(--line);padding-bottom:10px}.meta-list .row strong{color:var(--ink);font-weight:500}.hero-right .meta-list .row{flex-direction:row-reverse}.stage-wrap{position:relative;aspect-ratio:9/14;width:100%;max-width:420px;justify-self:center;perspective:1600px}.stage-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.7,.05,.2,1)}.stage-card.flipped{transform:rotateY(180deg)}.stage-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:6px;transition:opacity .5s ease}.stage-back{transform:rotateY(180deg);opacity:0;pointer-events:none}.stage-card.flipped .stage-front{opacity:0;pointer-events:none}.stage-card.flipped .stage-back{opacity:1;pointer-events:auto}.video-frame{position:relative;width:100%;height:100%;overflow:hidden;background:var(--ink);cursor:pointer;border-radius:4px}.video-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse at center,transparent 35%,var(--paper) 95%);pointer-events:none;transition:opacity .6s ease}.video-frame.hot:before{opacity:.7}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-frame .corner{position:absolute;z-index:4;width:22px;height:22px;border:1px solid var(--shock)}.corner.tl{top:10px;left:10px;border-right:0;border-bottom:0}.corner.tr{top:10px;right:10px;border-left:0;border-bottom:0}.corner.bl{bottom:10px;left:10px;border-right:0;border-top:0}.corner.br{bottom:10px;right:10px;border-left:0;border-top:0}.video-frame .timecode{position:absolute;z-index:4;bottom:18px;left:18px;font-family:var(--font-mono);font-size:10px;color:var(--shock);letter-spacing:.14em;display:flex;align-items:center;gap:8px}.video-frame .timecode .rec{width:8px;height:8px;background:var(--shock);border-radius:50%;animation:pulse 1.6s ease-in-out infinite}.video-frame .cta{position:absolute;z-index:4;bottom:18px;right:18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--paper);background:color-mix(in oklch,var(--ink) 60%,transparent);border:1px solid color-mix(in oklch,var(--shock) 80%,transparent);padding:8px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-frame .hover-hint{position:absolute;z-index:4;top:18px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--pastel);opacity:.85}.about-card{background:var(--pastel);color:var(--ink);padding:32px;height:100%;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border:1px solid color-mix(in oklch,var(--shock) 40%,transparent);box-shadow:0 0 0 4px color-mix(in oklch,var(--shock) 25%,transparent),0 30px 80px -40px color-mix(in oklch,var(--shock) 70%,transparent)}.about-card .about-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--shock)}.about-card h3{font-family:var(--font-display);font-size:34px;line-height:1;letter-spacing:-.02em;font-weight:300;margin-top:12px}.about-card p{font-size:13px;line-height:1.55;color:var(--ink-2);margin-top:18px}.about-card .socials{display:flex;gap:10px;margin-top:18px}.about-card .socials a{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;padding:8px 12px;border:1px solid var(--ink);border-radius:999px;transition:all .2s}.about-card .socials a:hover{background:var(--ink);color:var(--pastel)}.about-card .close-btn{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:14px;cursor:pointer}.ticker{position:absolute;left:0;right:0;bottom:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--paper-2) 100%,transparent);overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.ticker-track{display:inline-block;animation:tick 40s linear infinite}.ticker-track span{margin:0 40px}.ticker-track span:after{content:"◆";color:var(--shock);margin-left:40px}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.bigname{padding:80px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}.bigname-track{display:flex;gap:60px;white-space:nowrap;font-family:var(--font-display);font-weight:300;font-size:clamp(60px,12vw,180px);letter-spacing:-.04em;line-height:1;animation:tick 60s linear infinite}.bigname-track span em{font-style:italic;color:var(--shock)}.cursor{position:fixed;top:0;left:0;width:28px;height:28px;border:1px solid var(--shock);border-radius:50%;pointer-events:none;z-index:100;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--shock);border-radius:50%;transform:translate(-50%,-50%)}.cursor.hot{width:58px;height:58px;background:color-mix(in oklch,var(--shock) 20%,transparent)}body.no-cursor .cursor{display:none}body:not(.no-cursor){cursor:none}body:not(.no-cursor) a,body:not(.no-cursor) button,body:not(.no-cursor) input,body:not(.no-cursor) textarea,body:not(.no-cursor) .video-frame,body:not(.no-cursor) .stack-cell{cursor:none}.tweaks-panel{position:fixed;right:20px;bottom:20px;z-index:80;width:280px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 60px -20px #0000004d;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:16px;color:var(--ink)}.tweaks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.tweaks-header h3{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);font-weight:500;margin:0}.tweaks-header button{background:none;border:none;cursor:pointer;font-size:16px;color:var(--ink-2)}.tweaks-content{display:flex;flex-direction:column;gap:14px}.tweak-group{display:flex;flex-direction:column;gap:8px}.tweak-group label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}.tweak-group select{padding:6px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper);font-family:var(--font-body);cursor:pointer}.tweak-group input[type=checkbox]{width:auto;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media (max-width: 1100px){:root{--gutter: clamp(18px, 3.5vw, 40px)}.hero{padding:110px var(--gutter) 80px}.hero-grid,.hero-grid.layout-editorial,.hero-grid.layout-offset{grid-template-columns:1fr 1fr;gap:36px}.hero-right{display:none}.nav{gap:20px}.nav a{font-size:10px}}@media (max-width: 820px){.topbar{padding:14px var(--gutter)}.nav{display:none}.logo{font-size:17px}.status-pill{display:none}.top-right{gap:10px}.hero{padding:100px var(--gutter) 60px;min-height:auto}.hero-grid,.hero-grid.layout-editorial,.hero-grid.layout-offset,.hero-grid.layout-centered{grid-template-columns:1fr;gap:40px;text-align:left}.hero h1{font-size:clamp(40px,10vw,68px)}.hero-tagline{max-width:100%!important}.hero-left,.hero-right{align-items:flex-start!important;text-align:left!important}.hero-right .meta-list .row{flex-direction:row}.hero-right .meta-list{align-self:stretch!important}.stage-wrap{max-width:100%;order:2}.hero-right{display:flex!important}.ticker{font-size:10px}.bigname{padding:56px 0}.bigname-track{font-size:clamp(52px,16vw,120px);gap:40px}.contact-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr;gap:10px}.chapter{padding:40px 22px}.ch-head{gap:14px}.ch-num{min-width:52px;font-size:32px}.ch-titles h3{font-size:24px}.ch-meta{grid-template-columns:1fr;gap:24px}.ch-bg{right:-24px;bottom:-28px;font-size:clamp(120px,34vw,220px)}.tweaks-panel{right:12px;bottom:12px;width:calc(100vw - 24px);max-width:320px}body:not(.no-cursor){cursor:auto}body:not(.no-cursor) a,body:not(.no-cursor) button,body:not(.no-cursor) input,body:not(.no-cursor) textarea,body:not(.no-cursor) .video-frame,body:not(.no-cursor) .stack-cell{cursor:auto}.cursor{display:none!important}}@media (max-width: 520px){:root{--gutter: 18px}.topbar{padding:12px var(--gutter)}.topbar{gap:10px}.logo{min-width:0}.logo span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-toggle button{padding:4px 8px;font-size:9px}.hero{padding:90px var(--gutter) 50px}.hero h1{font-size:clamp(38px,12vw,54px);line-height:.96}.eyebrow,.meta-list{font-size:10px}.stage-wrap{aspect-ratio:4/5;max-width:100%}.video-frame .hover-hint,.video-frame .cta{font-size:9px}.video-frame .corner{width:16px;height:16px}.video-frame .timecode{font-size:9px;bottom:14px;left:14px}.video-frame .cta{bottom:14px;right:14px;padding:6px 10px}.about-card{padding:22px}.about-card h3{font-size:26px}.about-card p{font-size:12px}.about-card .socials{flex-wrap:wrap}.bigname-track{font-size:clamp(48px,18vw,88px);gap:24px}.section-wrap{padding:60px var(--gutter)}.meta-list .row{gap:16px}.info-item{align-items:flex-start;flex-direction:column;gap:8px}.contact-left,.contact-form{padding:24px 18px}.footer-content{flex-direction:column;gap:8px}footer{font-size:9px;padding:28px var(--gutter)}}@media (hover: none){.video-frame:before{opacity:.55}}
