:root{--bg: #0c0d10;--bg-deep: #08090b;--surface: #14151a;--surface-2: #16171c;--text: #ecebe8;--white: #ffffff;--gray-100: #c9cace;--gray-200: #b4b5ba;--gray-300: #a9aaae;--gray-400: #9a9ba0;--gray-500: #8a8b90;--gray-600: #6c6d72;--title-fade: #8f9096;--line-faint: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .08);--line-card: rgba(255, 255, 255, .09);--line-media: rgba(255, 255, 255, .1);--line-frame: rgba(255, 255, 255, .12);--line-meta: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .3);--red: #ec5040;--green: #3cb450;--blue: #466ef5;--violet: #aa50e6;--font-sans: "Archivo", system-ui, sans-serif;--font-serif: "Instrument Serif", serif;--font-mono: "JetBrains Mono", monospace;--container: 1320px;--gutter: clamp(20px, 6vw, 96px);--edge: clamp(20px, 4vw, 48px);--rail-w: 64px;--ease-out: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip;background:var(--bg);scrollbar-width:none;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html::-webkit-scrollbar{width:0;height:0}body{margin:0;overflow-x:clip;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,blockquote,figure,dl,dd{margin:0}img,video,canvas,iframe{display:block}strong{color:var(--text);font-weight:600}a{color:inherit;text-decoration:none}a:hover{color:var(--white)}button{font:inherit;color:inherit}::selection{background:var(--red);color:var(--white)}:focus-visible{outline:1px solid var(--white);outline-offset:3px}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em;text-transform:none}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500)}.display{font-weight:900;font-stretch:125%;line-height:.9;letter-spacing:-.035em;text-transform:uppercase;background:linear-gradient(180deg,var(--white) 35%,var(--title-fade));-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance;filter:drop-shadow(0 6px 40px rgba(0,0,0,.7))}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{position:fixed;top:0;left:0;right:calc(var(--rail-w) + 60px);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--edge);background:linear-gradient(180deg,#0c0d10eb,#0c0d1000);pointer-events:none}.brand{pointer-events:auto;font-weight:800;font-stretch:125%;font-size:17px;letter-spacing:-.01em;color:var(--text)}.site-nav{pointer-events:auto;display:flex;align-items:center;gap:28px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.nav-status{display:flex;align-items:center;gap:9px;color:var(--gray-500);white-space:nowrap}.nav-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.nav-link{color:var(--gray-100);white-space:nowrap}.nav-cta{display:flex;align-items:center;height:38px;padding:0 18px;border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;transition:border-color .2s}.nav-cta:hover{border-color:var(--white)}@media(max-width:1099px){.nav-status{display:none}}@media(max-width:899px){.site-header{right:0}.nav-link{display:none}}.rail{position:fixed;top:0;right:0;bottom:0;width:var(--rail-w);z-index:1100;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-left:1px solid var(--line-faint);background:#0c0d1066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rail.is-dragging{cursor:grabbing}.rail-inner{position:absolute;top:28px;bottom:28px;left:0;right:0;display:flex;flex-direction:column;justify-content:space-between}.rail-tick{position:relative;height:1px;display:flex;justify-content:flex-end}.rail-tick i{height:1px;width:9px;background:#ffffff38}.rail-tick span{position:absolute;left:9px;top:-6px;font-family:var(--font-mono);font-size:9.5px;line-height:12px;color:var(--gray-600)}.rail-playhead{position:absolute;top:0;right:0;width:46px;height:1px;background:var(--white);box-shadow:0 0 12px #ffffffb3;pointer-events:none;will-change:transform}.rail-readout{position:absolute;right:70px;top:-10px;font-family:var(--font-mono);font-size:10px;line-height:18px;letter-spacing:.08em;color:var(--text);background:var(--bg);padding:0 6px;border:1px solid var(--line-meta)}.sec-index{position:fixed;right:calc(var(--rail-w) + 28px);bottom:26px;z-index:1050;display:flex;flex-direction:column;align-items:flex-end;gap:2px;mix-blend-mode:difference;opacity:0;pointer-events:none;transition:opacity .4s}.sec-index.is-visible{opacity:1;pointer-events:auto}.sec-index a{font-size:15px;line-height:1.15;font-weight:800;font-stretch:125%;letter-spacing:.01em;text-transform:uppercase;color:#ecebe857;transition:color .3s}.sec-index a:hover,.sec-index a.is-active{color:var(--white)}@media(max-width:899px){.rail,.sec-index{display:none}}@media(max-height:699px){.sec-index{display:none}}.c-red{--acc: var(--red)}.c-green{--acc: var(--green)}.c-blue{--acc: var(--blue)}.c-violet{--acc: var(--violet)}.section{position:relative;padding:clamp(80px,10vw,140px) 0}.section--tight{padding:clamp(60px,8vw,110px) 0}.stack{display:flex;flex-direction:column;gap:var(--stack, 36px)}.split{display:flex;flex-wrap:wrap;gap:32px 64px}.split-label{flex:0 0 180px;display:flex;gap:12px;align-items:baseline;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500)}.split-label .num{color:var(--acc, var(--red))}.split-body{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:48px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.sec-head-main{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.sec-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--acc, var(--red))}.sec-title{font-size:clamp(32px,4.4vw,64px);line-height:.95;font-weight:900;font-stretch:125%;letter-spacing:-.035em;text-transform:uppercase}.sec-title--xl{font-size:clamp(32px,7vw,112px);line-height:.9;letter-spacing:-.04em}.sec-title .serif{color:var(--gray-100)}.h-lead{font-size:clamp(36px,4.6vw,68px);line-height:1;font-weight:700;font-stretch:118%;letter-spacing:-.03em;text-wrap:balance}.h-lead .serif{font-size:1.1em;color:var(--gray-100)}.copy{font-size:17px;line-height:1.65;color:var(--gray-300);text-wrap:pretty}.copy p{text-wrap:pretty}.copy strong{color:var(--text)}.card{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--line-card);border-radius:6px;background:#ffffff04;transition:background .3s,border-color .3s}.card:hover{background:#ffffff0a;border-color:#fff3}.tag{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-500)}.tag:before{content:"";flex:none;width:6px;height:6px;background:var(--acc, var(--red))}.media{position:relative;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--line-media)}.media img,.media video,.media .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media img{transition:transform .9s var(--ease-out)}.media video{opacity:0;transition:opacity .45s}.media video.is-playing{opacity:1}[data-hover-media]:hover .media img{transform:scale(1.045)}.media img.is-top{object-position:top center}.btn{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 28px;background:#0c0d1080;color:var(--text);font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--text);cursor:pointer}.btn--lg{height:56px;padding:0 32px}.btn-ghost{border-color:var(--line-strong)}.btn,.nav-cta,.overlay-btn,.reel-icon{position:relative;isolation:isolate;overflow:hidden;transition:border-color .45s var(--ease-out)}.btn:before,.nav-cta:before,.overlay-btn:before,.reel-icon:before{content:"";position:absolute;z-index:1;left:var(--x, 50%);top:var(--y, 50%);width:230%;aspect-ratio:1;border-radius:50%;background:var(--text);mix-blend-mode:difference;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .6s var(--ease-out)}.btn:is(:hover,:focus-visible):before,.nav-cta:is(:hover,:focus-visible):before,.overlay-btn:is(:hover,:focus-visible):before,.reel-trigger:is(:hover,:focus-visible) .reel-icon:before{transform:translate(-50%,-50%) scale(1)}.btn:is(:hover,:focus-visible),.nav-cta:is(:hover,:focus-visible),.overlay-btn:is(:hover,:focus-visible),.reel-trigger:is(:hover,:focus-visible) .reel-icon{border-color:var(--text)}@media(prefers-reduced-motion:reduce){.btn:before,.nav-cta:before,.overlay-btn:before,.reel-icon:before{transition-duration:.01s}}.back-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-300)}.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,#ffffff0b 0,#ffffff0b 1px,#fff0 1px,#fff0 11px),var(--frame-bg, transparent);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-600)}.proj-link{color:var(--text);font-weight:600;padding:0 .1em;margin:0 -.1em;background:linear-gradient(var(--acc, var(--red)),var(--acc, var(--red))) no-repeat left bottom / 100% 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .35s var(--ease-out),color .35s var(--ease-out)}.proj-link.serif{font-weight:inherit}.proj-link:after{content:"↗";display:inline-block;margin-left:.18em;font-family:var(--font-mono);font-size:.7em;font-weight:400;color:var(--acc, var(--red));transition:transform .35s var(--ease-out),color .35s var(--ease-out)}.proj-link:is(:hover,:focus-visible){background-size:100% 100%;color:var(--bg);outline:none}.proj-link:is(:hover,:focus-visible):after{color:var(--bg);transform:translate(2px,-2px)}.link-preview{position:fixed;left:0;top:0;z-index:2500;pointer-events:none;will-change:transform}.link-preview-card{width:260px;aspect-ratio:16 / 10;overflow:hidden;border-radius:8px;border:1px solid var(--line-media);background:var(--surface);box-shadow:0 30px 80px #0009;opacity:0;transform:scale(.82) translateY(10px);transform-origin:0% 100%;transition:opacity .25s var(--ease-out),transform .35s var(--ease-out)}.link-preview-card.is-on{opacity:1;transform:none}.link-preview-card img{width:100%;height:100%;object-fit:cover;object-position:top center}.cta-block{position:relative;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--line-faint)}.cta-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cta-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 42% 40% at 50% 50%,#0c0d10eb,#0c0d1000)}.cta-content{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:30px;padding:100px 24px}.cta-title{font-size:clamp(34px,4.6vw,68px);line-height:1;font-weight:700;font-stretch:118%;letter-spacing:-.03em;text-wrap:balance}.cta-title .serif{font-size:1.1em;color:var(--gray-100)}.cta-block--compact{margin-top:clamp(100px,12vw,180px);min-height:70vh}.site-footer{position:relative;display:flex;flex-wrap:wrap;gap:8px 28px;padding:24px var(--gutter) 28px;border-top:1px solid var(--line-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-600)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08090bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay[hidden]{display:none}.overlay-btn{height:40px;padding:0 16px;background:none;border:1px solid var(--line-strong);color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;transition:border-color .2s}.overlay-btn:hover{border-color:var(--white)}.overlay-close{position:absolute;top:24px;right:24px;padding:0 18px}.lightbox{gap:24px;padding:72px clamp(16px,5vw,96px) 32px}.lb-stage{display:flex;justify-content:center;min-height:0;max-width:100%}.lb-stage img{max-width:100%;max-height:calc(100vh - 180px);border-radius:10px;border:1px solid var(--line-meta);box-shadow:0 40px 120px #000000b3}.lb-controls{display:flex;align-items:center;gap:20px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}.lb-count{min-width:72px;text-align:center}.lightbox.is-scroll{justify-content:flex-start}.lightbox.is-scroll .lb-stage{flex:1;width:100%;overflow-y:auto;align-items:flex-start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.lightbox.is-scroll .lb-stage img{max-height:none;height:auto;margin:auto}.reel{padding:clamp(16px,5vw,80px)}.reel-frame{position:relative;width:min(1280px,100%);aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;border:1px solid var(--line-meta);background:#000}.reel-frame video{width:100%;height:100%;object-fit:contain}