:root{--bg:#0b0a09;--bg-2:#121010;--fg:#f1ece5;--muted:#cbc2b7;--dim:#948b80;--copper:#d29a6c;--amber:#ff8a3d;--red:#e5322d;--line:#ffffff1a;--glass:#12100f8c;--display:"Archivo", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--script:"Caveat", cursive;--gutter:clamp(16px, 4vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .45em;font-weight:800;line-height:.95}h1{font-size:clamp(2.6rem,5.2vw,4.9rem)}h2{font-size:clamp(2.2rem,4.6vw,4.2rem)}h3{letter-spacing:.02em;font-size:1.05rem}h1 em,h2 em{color:var(--copper);font-style:normal}p{max-width:58ch;color:var(--muted);margin:0 0 1em}.eyebrow{font:600 .72rem/1 var(--body);text-transform:uppercase;letter-spacing:.22em;color:var(--copper);margin-bottom:1.2em}.eyebrow b{color:var(--red);margin-right:.8em}.pill{color:var(--fg);font:600 .72rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:.6em;padding:.75em 1.35em;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.pill i{font-style:normal;transition:transform .25s}.pill:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.pill:hover i{transform:translate(3px)}.pill.ghost{border-color:var(--line)}.pill:disabled{opacity:.5;cursor:wait}.nav{z-index:50;padding:18px var(--gutter);background:linear-gradient(#0b0a09b3,#0000);align-items:center;gap:24px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a09b8}.nav-logo{font:900 1.5rem/1 var(--display);letter-spacing:-.04em;text-decoration:none}.nav-links{gap:26px;margin:0 auto;display:flex}.nav-links a{font:500 .7rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #0000;padding:6px 0;text-decoration:none;transition:color .2s,border-color .2s}.nav-links a span{color:var(--dim);margin-right:6px}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a.active{border-color:var(--red)}.nav-toggle{display:none}.film{height:1000vh;position:relative}.film-stage{height:100svh;position:sticky;top:0;overflow:hidden}.film-poster img,.film-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-canvas{opacity:0;transition:opacity .4s}.film-canvas.ready{opacity:1}.film-shade{pointer-events:none;background:linear-gradient(90deg,#0b0a09c7 0%,#0b0a0959 38%,#0000 62%),linear-gradient(#0000 70%,#0b0a0999);position:absolute;inset:0}.chapter{left:calc(var(--gutter) + 130px);will-change:opacity, transform;max-width:min(620px,56vw);margin-top:-18vh;position:absolute;top:50%}.chapter:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0b0a099e,#0000);position:absolute;inset:-30% -40% -30% -30%}.chapter h1,.chapter h2,.chapter p{text-shadow:0 2px 24px #00000073}.chapter p{color:#f1ece5e0;font-size:1.05rem}.chapter h2{font-size:clamp(2.4rem,5.4vw,5rem)}.chapter-hero{max-width:none;margin-top:0;top:17vh}.chapter-hero h1{max-width:10ch}.kicker{font:600 .82rem/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--fg)!important}.chapter-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hud{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#0e0c0b73;border:1px solid #ffffff2e;border-radius:6px;padding:14px 16px;font-size:.68rem;position:absolute}.hud h4{font:600 .68rem/1 var(--body);letter-spacing:.18em;color:var(--fg);margin:0 0 10px}.hud ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hud li:before{content:"";vertical-align:middle;background:var(--copper);width:18px;height:1px;margin-right:8px;display:inline-block}.hud-a{width:170px;top:-4vh;left:62vw}.hud-b{width:220px;top:-9vh;left:calc(62vw + 200px)}.hud-b svg{width:100%;margin-top:10px}.hud-b polyline{fill:none;stroke:var(--amber);stroke-width:1.5px}.route{left:var(--gutter);pointer-events:none;width:120px;position:absolute;top:22vh;bottom:18vh}.route svg{width:2px;height:100%;position:absolute;top:0;left:0;overflow:visible}.route line{stroke-width:2px}.route-track{stroke:#ffffff26}.route-fill{stroke:var(--red);stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px var(--red))}.route ol{flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.route li{font:600 .6rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);padding-left:18px;transition:color .3s;position:relative}.route li:before{content:"";background:var(--bg);border:1px solid var(--dim);border-radius:50%;width:10px;height:10px;transition:background .3s,border-color .3s,box-shadow .3s;position:absolute;top:-3px;left:-4px}.route li.passed{color:var(--fg)}.route li.passed:before{background:var(--red);border-color:var(--red);box-shadow:0 0 10px var(--red)}.film-ui{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:28px}.scroll-hint,.skip{font:600 .62rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;text-decoration:none}.scroll-hint{align-items:center;gap:12px;display:flex}.scroll-hint span{border:1px solid var(--muted);border-radius:10px;width:18px;height:28px;position:relative}.scroll-hint span:after{content:"";background:var(--red);width:2px;height:6px;margin-left:-1px;animation:1.6s ease-in-out infinite wheel;position:absolute;top:6px;left:50%}@keyframes wheel{50%{opacity:.2;transform:translateY(8px)}}.skip:hover{color:var(--fg)}.film-loader{background:#ffffff0f;height:2px;transition:opacity .6s;position:absolute;bottom:0;left:0;right:0}.film-loader i{height:100%;width:calc(var(--p,0) * 100%);background:var(--red);display:block}.film-loader.done{opacity:0}.digital{z-index:2;height:420vh;margin-top:-100svh;position:relative}.digital-stage{background:var(--bg);visibility:hidden;height:100svh;position:sticky;top:0;overflow:hidden}.digital-stage.live{visibility:visible}#digital-canvas{width:100%;height:100%;position:absolute;inset:0}.digital-flash{pointer-events:none;background:#f4f6fa;position:absolute;inset:0}.digital-from{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.digital-intro{text-align:center;opacity:0;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.digital-intro h2{margin:0;font-size:clamp(2.6rem,7vw,6.5rem)}.peak-labels{left:var(--gutter);right:var(--gutter);pointer-events:none;grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:absolute;top:22vh}.peak-label{text-align:center;opacity:0;padding-bottom:64px;position:relative}.peak-label:nth-child(2){margin-top:-6vh}.peak-label:after{content:"";background:linear-gradient(var(--red), transparent);width:1px;height:56px;position:absolute;bottom:0;left:50%}.peak-label b{font:800 clamp(1.4rem, 3vw, 2.6rem)/1 var(--display);text-transform:uppercase;text-shadow:0 2px 20px #000c;margin-bottom:8px;display:block}.peak-label span{font:500 .66rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}.section{padding:clamp(80px, 12vw, 150px) var(--gutter);border-top:1px solid var(--line);isolation:isolate;grid-template-columns:minmax(130px,1fr) 5fr;gap:32px;display:grid;position:relative;overflow:hidden}.section-side{position:relative}.section-side .num{font:700 1.1rem/1 var(--display);color:var(--fg);margin:0 0 6px}.section-side .label{font:700 .72rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);margin-bottom:40px}.section-side ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.section-side li{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.section-body{position:relative}.section-body p{color:#f1ece5db;text-shadow:0 1px 14px #0009}.section-bg{z-index:-1;position:absolute;inset:-8% 0}.section-bg img{object-fit:cover;width:100%;height:100%}.section-bg:after{content:"";background:linear-gradient(90deg, var(--bg) 6%, #0b0a09eb 36%, #0b0a09b3 56%, #0b0a0926 82%), linear-gradient(var(--bg), transparent 18%, transparent 82%, var(--bg));position:absolute;inset:0}.script{right:var(--gutter);font:500 1.5rem/1.05 var(--script);color:var(--fg);text-align:right;position:absolute;bottom:48px;transform:rotate(-8deg)}.script span{color:var(--copper);display:block}.about{align-items:center;min-height:92vh}.about .section-body{max-width:640px}.about .pill{margin-top:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:48px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffff0d,#ffffff03);border-radius:10px;padding:26px;position:relative}.card:before{content:"";background:linear-gradient(90deg, var(--red), transparent);height:1px;position:absolute;top:-1px;left:26px;right:26px}.card h3{align-items:center;gap:10px;margin-bottom:18px;display:flex}.card h3 i{color:var(--amber);font-size:.7rem;font-style:normal}.card ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.card li{color:#f1ece5c7;font-size:.9rem;line-height:1.5}.card li b{color:var(--fg);margin-bottom:2px;font-weight:600;display:block}.work-grid{grid-template-columns:2fr 1fr;gap:18px;margin-top:40px;display:grid}.work-card{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.work-card:hover{border-color:#ffffff4d;transform:translateY(-4px)}.work-shot{aspect-ratio:16/9;overflow:hidden}.work-shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s}.work-card:hover .work-shot img{transform:scale(1.04)}.work-meta{padding:24px}.work-meta h3{font-size:1.6rem}.tags{flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:.68rem}.link{color:var(--copper);font-size:.8rem}.work-nda{background:radial-gradient(120% 80% at 100% 0%, #e5322d1f, transparent 60%), var(--bg-2);justify-content:flex-end;padding:28px}.work-nda h3{font-size:1.6rem}.work-nda .pill{align-self:flex-start;margin-top:8px}.hobbies{grid-template-columns:minmax(130px,1fr) 5fr;padding-bottom:clamp(60px,8vw,110px)}.hobby-strip{height:clamp(420px,62vh,640px);margin-right:calc(-1 * var(--gutter));grid-template-columns:repeat(4,1fr);display:grid;position:relative}.hobby{clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);margin:0 -4%;position:relative;overflow:hidden}.hobby:first-child{clip-path:polygon(0 0,100% 0,86% 100%,0 100%);margin-left:0}.hobby img{object-fit:cover;filter:saturate(.9)brightness(.8);width:100%;height:100%;transition:transform .8s,filter .4s}.hobby:hover img{filter:none;transform:scale(1.05)}.hobby figcaption{letter-spacing:.08em;text-transform:uppercase;color:#f1ece5cc;text-shadow:0 2px 12px #000c;font-size:.72rem;position:absolute;bottom:30%;left:18%;right:12%}.hobby figcaption b{font:800 1.15rem/1.1 var(--display);color:var(--fg);margin-bottom:6px;display:block}.elevation{pointer-events:none;width:100%;height:22%;position:absolute;bottom:6%;left:0;right:0;overflow:visible}.elevation path{fill:none;stroke:var(--red);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 6px var(--red))}.process{min-height:80vh}.process .section-bg img{filter:brightness(.5)saturate(.85)}.steps{--fill:0;grid-template-columns:repeat(5,1fr);gap:24px;margin:48px 0 0;padding:34px 0 0;list-style:none;display:grid;position:relative}.steps:before,.steps:after{content:"";background:#ffffff40;height:1px;position:absolute;top:7px;left:7px;right:0}.steps:after{background:var(--red);transform-origin:0;transform:scaleX(var(--fill));box-shadow:0 0 8px var(--red)}.steps li{color:#f1ece5d1;text-shadow:0 1px 12px #000000b3;font-size:.88rem;position:relative}.steps li:before{content:"";border:1px solid var(--fg);background:var(--bg);width:15px;height:15px;box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 8px var(--fg);z-index:1;border-radius:50%;position:absolute;top:-34px;left:0}.steps span{color:var(--copper);font-size:.7rem;display:block}.steps b{color:var(--fg);margin:2px 0 6px;font-size:1.05rem;font-weight:600;display:block}.contact{align-items:center;min-height:100vh}.contact .section-bg:after{background:linear-gradient(90deg, var(--bg) 6%, #0b0a09e6 42%, #0b0a098c 62%, #0b0a091a 85%), linear-gradient(var(--bg), transparent 20%, transparent 85%, var(--bg))}.form{grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin-top:30px;display:grid}.form label{font:600 .66rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);gap:6px;display:grid}.form .wide{grid-column:1/-1}.form input,.form textarea{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;color:var(--fg);font:400 1rem/1.4 var(--body);letter-spacing:0;text-transform:none;background:#0b0a0999;border-radius:8px;padding:14px 16px}.form input:focus,.form textarea:focus{border-color:var(--copper);outline:none}.form .pill{justify-self:start}.hp{position:absolute;left:-9999px}.form-status{grid-column:1/-1;min-height:1.6em;margin:0;font-size:.9rem}.form-status[data-state=ok]{color:#7fd8a4}.form-status[data-state=error]{color:#ff8b80}.footer{padding:28px var(--gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex}.footer p{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.72rem}.to-top{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}@media (width<=1100px){.hud{display:none}.nav-links{gap:16px}.nav-links a span{display:none}}@media (width<=760px){.nav{gap:12px}.nav.scrolled,.nav.open{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0a09f0}.nav>.pill{margin-left:auto;padding:.65em 1em}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-content:center;gap:6px;width:40px;height:40px;display:grid}.nav-toggle span{background:var(--fg);width:16px;height:1.5px;transition:transform .3s;display:block}.nav.open .nav-toggle span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav.open .nav-toggle span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.nav-links{z-index:-1;padding:0 var(--gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0b0a09f5;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.nav.open .nav-links{opacity:1;visibility:visible}.nav-links a{font:800 1.8rem/1 var(--display);letter-spacing:0;color:var(--fg)}.nav-links a span{font:500 .75rem/1 var(--body);display:inline}.film{height:900vh}.film-shade{background:linear-gradient(#0000 25%,#0b0a098c 55%,#0b0a09eb 100%)}.chapter,.chapter-hero{left:var(--gutter);right:var(--gutter);max-width:none;margin:0;top:auto;bottom:96px}.chapter-hero h1{font-size:clamp(2.4rem,11vw,3.4rem)}.chapter h2{font-size:clamp(2.1rem,10vw,3rem)}.chapter p{font-size:.95rem}.route{left:auto;right:var(--gutter);width:2px;height:34vh;top:96px;bottom:auto}.route li{padding:0;font-size:0}.peak-labels{grid-template-columns:1fr;gap:10px;top:18vh}.peak-label,.peak-label:nth-child(2){margin:0;padding-bottom:0}.peak-label:after{display:none}.section{grid-template-columns:1fr;gap:18px}.section-side ul{display:none}.section-side .label{margin-bottom:0}.section-bg:after,.contact .section-bg:after{background:linear-gradient(var(--bg) 0%, #0b0a09b3 30%, #0b0a09eb 65%, var(--bg))}.script{justify-self:end;margin-top:12px;font-size:1.3rem;position:relative;bottom:auto;right:auto}.work-grid{grid-template-columns:1fr}.hobby-strip{grid-template-columns:1fr;gap:10px;height:auto;margin:0}.hobby,.hobby:first-child{clip-path:polygon(0 6%,100% 0,100% 94%,0 100%);height:240px;margin:0}.hobby figcaption{bottom:26px;left:20px}.elevation{display:none}.steps{grid-template-columns:1fr;gap:22px;padding:0 0 0 34px}.steps:before,.steps:after{width:1px;height:auto;inset:8px auto 8px 7px}.steps:after{transform-origin:top;transform:scaleY(var(--fill))}.steps li:before{top:2px;left:-34px}.form{grid-template-columns:1fr}.footer p{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-hint span:after{animation:none}}