:root{--obsidian: #08090b;--charcoal: #111317;--graphite: #181b20;--elevated: #1e2228;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--bone: #f2f3f5;--titanium: #a8adb6;--muted: #7a8089;--chrome-1: #ffffff;--chrome-2: #c9ced6;--chrome-3: #6e747e;--chrome: linear-gradient(100deg, var(--chrome-3) 0%, var(--chrome-1) 22%, var(--chrome-2) 38%, var(--chrome-3) 56%, var(--chrome-1) 78%, var(--chrome-3) 100%);--accent-ink: #08090b;--glass: rgba(26, 29, 34, .62);--glass-light: rgba(255, 255, 255, .07);--glass-line: rgba(255, 255, 255, .14);--blur: saturate(170%) blur(22px);--t-hero: clamp(2.8rem, 12vw, 14rem);--t-display: clamp(2.4rem, 7.5vw, 7rem);--t-section: clamp(1.8rem, 4.2vw, 3.6rem);--t-lead: clamp(1.05rem, 1.8vw, 1.5rem);--t-body: clamp(.95rem, 1.05vw, 1.1rem);--t-meta: .8125rem;--f-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;--f-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "Segoe UI", sans-serif;--f-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--s-16: 64px;--s-24: 96px;--s-32: 128px;--r-sm: 12px;--r-md: 22px;--r-lg: 28px;--r-pill: 999px;--gutter: clamp(16px, 4vw, 64px);--ease: cubic-bezier(.32, .72, 0, 1);--tap: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--obsidian);color:var(--bone);font-family:var(--f-body);font-size:var(--t-body);line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--chrome-1);outline-offset:3px;border-radius:var(--r-sm)}.skip{position:absolute;left:var(--gutter);top:-100px;z-index:100;min-height:var(--tap);display:inline-flex;align-items:center;padding:0 var(--s-6);border-radius:var(--r-pill);background:var(--bone);color:var(--obsidian);font:600 var(--t-meta)/1 var(--f-body);transition:top .25s var(--ease)}.skip:focus{top:var(--gutter)}.wrap{padding-inline:var(--gutter)}.meta{font:400 var(--t-meta)/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chrome-text{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}@supports not ((background-clip: text) or (-webkit-background-clip: text)){.chrome-text{color:var(--bone)}}.line{display:block;overflow:hidden}.line>span{display:block;will-change:transform}.nav{position:fixed;inset:max(12px,env(safe-area-inset-top)) 0 auto 0;z-index:40;display:flex;justify-content:center;padding-inline:var(--gutter);pointer-events:none}.nav__bar{pointer-events:auto;display:flex;align-items:center;gap:var(--s-2);padding:6px;border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);box-shadow:0 1px #ffffff14 inset,0 12px 40px #00000073}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav__bar{background:#111317f5}}.nav__mark{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);font:700 .95rem/1 var(--f-display);letter-spacing:-.03em;border-radius:var(--r-pill)}.nav a[data-nav]{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding-inline:var(--s-4);border-radius:var(--r-pill);font:500 .875rem/1 var(--f-body);color:var(--titanium);transition:background .3s var(--ease),color .3s var(--ease)}.nav a[data-nav]:hover{background:var(--glass-light);color:var(--bone)}.nav .ic{width:18px;height:18px}@media (max-width: 620px){.nav a[data-nav] span{display:none}.nav a[data-nav]{padding-inline:var(--s-3);min-width:var(--tap);justify-content:center}}.progress{position:fixed;left:0;bottom:0;height:2px;width:100%;z-index:45;pointer-events:none}.progress__bar{height:100%;width:100%;background:var(--chrome);transform:scaleX(0);transform-origin:0 50%}.hero{position:relative;min-height:100svh;display:grid;align-content:center;padding-block:var(--s-32) var(--s-24);overflow:hidden}.hero__canvas,.hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__poster{object-fit:cover;width:100%;height:100%;opacity:.9}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,transparent 28%,rgba(8,9,11,.74) 100%),linear-gradient(180deg,rgba(8,9,11,.55),transparent 35%,rgba(8,9,11,.88))}.hero__inner{position:relative;z-index:2}.hero__inner:before{content:"";position:absolute;z-index:-1;inset:-8vh -12vw -12vh calc(var(--gutter) * -1);background:radial-gradient(90% 75% at 22% 50%,rgba(8,9,11,.92) 0%,rgba(8,9,11,.72) 45%,transparent 78%);pointer-events:none}.hero h1{margin:0;font:700 var(--t-hero)/.88 var(--f-display);letter-spacing:-.05em;text-transform:uppercase}.hero__sub{margin:var(--s-8) 0 0;max-width:40ch;font-size:var(--t-lead);color:#d9dde3;letter-spacing:-.015em}.hero__meta{position:absolute;z-index:2;inset:auto var(--gutter) max(var(--s-8),env(safe-area-inset-bottom)) var(--gutter);display:flex;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}.descent{position:relative;height:240svh}.descent__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.descent__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);will-change:transform,opacity}.descent__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--obsidian);opacity:0}.descent__word{position:relative;z-index:2;margin:0;text-align:center;font:700 var(--t-display)/.9 var(--f-display);letter-spacing:-.045em;text-transform:uppercase;mix-blend-mode:difference}.section{padding-block:var(--s-32)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;margin-bottom:var(--s-16);border-top:1px solid var(--line);padding-top:var(--s-6)}.section__head h2{margin:0;font:700 var(--t-section)/.98 var(--f-display);letter-spacing:-.04em;text-transform:uppercase}.work{display:grid;gap:var(--s-16)}.project{display:grid;gap:var(--s-6);background:var(--charcoal);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 1px #ffffff0d inset,0 20px 60px #0006}.project__media{position:relative;overflow:hidden;background:var(--graphite);aspect-ratio:16 / 10}.project__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform .9s var(--ease)}.project:hover .project__media img{transform:scale(1)}.project__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}.project__video.is-playing{opacity:1}@media (prefers-reduced-motion: reduce){.project__video{display:none}}.project__tag{position:absolute;left:var(--s-4);bottom:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-line);color:var(--titanium)}.project__body{display:grid;gap:var(--s-4);padding:0 var(--s-6) var(--s-8)}.project__links{display:flex;flex-wrap:wrap;gap:var(--s-3)}.project h3{margin:0;font:700 clamp(1.5rem,3vw,2.4rem)/1 var(--f-display);letter-spacing:-.035em;text-transform:uppercase}.project p{margin:0;max-width:62ch;color:var(--titanium)}.project__lead{color:var(--bone)!important;font-size:var(--t-lead);letter-spacing:-.015em}.concepts .section__head{margin-bottom:var(--s-12)}.reel__view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.reel__track{display:flex;width:max-content;animation:reel var(--reel-s, 60s) linear infinite}.reel:hover .reel__track,.reel:focus-within .reel__track,.reel.is-paused .reel__track{animation-play-state:paused}@keyframes reel{to{transform:translate(-50%)}}.reel__list{display:flex;gap:var(--s-6);margin:0;padding:0 var(--s-6) 0 0;list-style:none}.reel__card{width:clamp(260px,30vw,440px);display:grid;gap:var(--s-3);align-content:start}.reel__media{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--graphite);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px #ffffff0d inset,0 20px 60px #0006}.reel__media img,.reel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel__video{opacity:0;transition:opacity .6s var(--ease);pointer-events:none}.reel__video.is-playing{opacity:1}.reel__card .meta{margin:0}.reel__card h3{margin:0;font:700 1.3rem/1.05 var(--f-display);letter-spacing:-.03em;text-transform:uppercase}.reel__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-top:var(--s-8)}.reel__foot p{margin:0}.reel__toggle{min-height:var(--tap);padding-inline:var(--s-6);border-radius:var(--r-pill);cursor:pointer;background:var(--glass-light);border:1px solid var(--glass-line);color:var(--bone)}@media (prefers-reduced-motion: reduce){.reel__track{animation:none}.reel__view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none}.reel__card{scroll-snap-align:start}.reel__list[aria-hidden=true],.reel__toggle,.reel__video{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding-inline:var(--s-6);border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--glass-light);color:var(--bone);font:600 .9rem/1 var(--f-body);letter-spacing:-.01em;transition:transform .25s var(--ease),background .25s var(--ease);justify-self:start;cursor:pointer}.btn:hover{background:#ffffff24}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--titanium)}.btn.ghost:hover{background:var(--glass-light);color:var(--bone)}.btn .ic{width:17px;height:17px}@media (min-width: 900px){.project{grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch}.project__media{aspect-ratio:auto;height:100%;min-height:380px}.project__body{padding:var(--s-12);align-content:center}.project:nth-child(2n) .project__media{order:2}}.about{display:grid;gap:var(--s-12)}.about__lead{font-size:var(--t-lead);max-width:46ch;letter-spacing:-.015em}.caps{display:grid;gap:var(--s-6)}.cap{background:var(--charcoal);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-6)}.cap h3{margin:0 0 var(--s-4);display:flex;align-items:center;gap:var(--s-2);font:600 .9rem/1 var(--f-body);letter-spacing:-.01em;color:var(--bone)}.cap h3 .ic{width:18px;height:18px;color:var(--titanium)}.cap ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-3)}.cap li{color:var(--titanium);display:flex;gap:var(--s-3);align-items:start}.cap li:before{content:"";width:5px;height:5px;margin-top:.62em;border-radius:50%;background:var(--chrome-2);flex:none}@media (min-width: 760px){.about{grid-template-columns:1fr 1fr;gap:var(--s-16)}.caps{grid-template-columns:repeat(3,1fr)}}.manifesto{min-height:100svh;display:grid;align-content:center;padding-block:var(--s-32);background:#f2f3f5;color:#08090b}.manifesto p{margin:0;font:700 var(--t-display)/.94 var(--f-display);letter-spacing:-.05em;text-transform:uppercase}.contact{padding-block:var(--s-32) var(--s-16)}.contact h2{margin:0 0 var(--s-8);font:700 var(--t-display)/.9 var(--f-display);letter-spacing:-.05em;text-transform:uppercase}.contact__mail{display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--tap);font:600 clamp(1.05rem,2.6vw,2rem)/1.1 var(--f-display);letter-spacing:-.025em;word-break:break-word}.contact__mail .ic{width:1em;height:1em;flex:none}.social{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-12)}.social a{display:inline-flex;flex-direction:column;align-items:center;gap:var(--s-2);min-width:72px}.social .tile{width:60px;height:60px;display:grid;place-items:center;border-radius:28%;background:linear-gradient(160deg,var(--elevated),var(--charcoal));border:1px solid var(--line-strong);box-shadow:0 1px #ffffff1a inset,0 10px 24px #00000073;transition:transform .3s var(--ease)}.social a:hover .tile{transform:translateY(-3px) scale(1.03)}.social a:active .tile{transform:scale(.96)}.social .ic{width:26px;height:26px;color:var(--bone)}.social .lbl{font-size:.75rem;color:var(--muted)}.contact__grid{margin-top:var(--s-16);display:grid;gap:var(--s-6);border-top:1px solid var(--line);padding-top:var(--s-6)}@media (min-width: 760px){.contact__grid{grid-template-columns:repeat(3,1fr)}}.foot{display:flex;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap;padding:var(--s-8) var(--gutter) max(var(--s-12),env(safe-area-inset-bottom))}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media (pointer: coarse),(max-width: 760px){.contact__grid a,.foot a{display:inline-flex;align-items:center;min-height:var(--tap)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.line>span{transform:none!important}.descent{height:auto}.descent__pin{position:relative;height:70svh}.descent__media{transform:none}.grain{display:none}}:root{--apex: #2e7fff;--apex-ink: #06121f;--apex-wash: rgba(46, 127, 255, .12);--apex-line: rgba(46, 127, 255, .4)}.project[data-brand=apex] .project__index{color:var(--apex)}.project[data-brand=apex] .project__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--apex);margin-right:var(--s-2);box-shadow:0 0 0 3px var(--apex-wash)}.project[data-brand=apex]:hover{border-color:var(--apex-line)}.project[data-brand=apex] h3{text-wrap:balance}.project__actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding-inline:var(--s-6);border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--glass-light);color:var(--bone);font:600 .9rem/1 var(--f-body);letter-spacing:-.01em;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}a.ax-btn{text-decoration:none}.ax-btn:hover{background:#ffffff24;border-color:var(--apex-line)}.ax-btn:active{transform:scale(.97)}.ax-btn--primary{background:var(--apex);border-color:var(--apex);color:var(--apex-ink)}.ax-btn--primary:hover{background:#529bff;border-color:#529bff}.ax-btn__who{display:block;font-size:11px;font-weight:500;opacity:.72;letter-spacing:.04em;text-transform:uppercase}.ax-btn__stack{display:grid;gap:3px;text-align:center}.ax-sheet{width:min(640px,100%);max-height:min(88vh,900px);padding:0;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--charcoal);color:var(--bone);overflow:auto;overscroll-behavior:contain;box-shadow:0 40px 120px #000000a6}.ax-sheet,.ax-sheet *{overscroll-behavior:contain}.ax-sheet::backdrop{background:#0405079e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ax-sheet[open]{animation:ax-rise .34s var(--ease)}@keyframes ax-rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ax-sheet[open]{animation:none}}@media (max-width: 640px){.ax-sheet{width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:auto auto 0;border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0}.ax-sheet[open]{animation:ax-sheet-up .36s var(--ease)}@keyframes ax-sheet-up{0%{transform:translateY(100%)}to{transform:none}}}.ax-form{padding:var(--s-6) var(--s-6) var(--s-8);display:grid;gap:var(--s-6)}.ax-head{display:flex;align-items:start;justify-content:space-between;gap:var(--s-4)}.ax-head h2{font-family:var(--f-display);font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.03em;margin:var(--s-2) 0 0;line-height:1.05}.ax-close{flex:none;width:var(--tap);height:var(--tap);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--glass-light);color:var(--titanium);font-size:22px;line-height:1;cursor:pointer}.ax-close:hover{color:var(--bone);background:#ffffff1f}.ax-blurb{color:var(--titanium);margin:0;max-width:52ch}.ax-frame{position:relative;height:min(64vh,680px);border:1px solid var(--line);border-radius:var(--r-md);background:var(--obsidian);overflow:hidden}.ax-frame iframe{display:block;width:100%;height:100%;border:0}.ax-frame__wait{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-content:center;pointer-events:none}.ax-frame[data-state=ready] .ax-frame__wait{display:none}@media (max-width: 640px){.ax-frame{height:calc(100dvh - 260px);min-height:380px}}.ax-alt{margin:0;max-width:62ch;text-transform:none;letter-spacing:0}.ax-alt a{color:var(--bone);text-decoration:underline;text-underline-offset:3px}
