:root,[data-dir="1"]{--bg: oklch(.155 .018 48);--bg-2: oklch(.195 .02 46);--ink: oklch(.955 .012 70);--ink-2: oklch(.8 .015 64);--ink-3: oklch(.62 .018 56);--line: oklch(.955 .012 70 / .13);--line-2: oklch(.955 .012 70 / .07);--accent: oklch(.74 .135 52);--accent-2: oklch(.7 .13 28);--accent-ink:oklch(.8 .12 56);--on-accent: oklch(.18 .03 50);--scene-sky-top: oklch(.16 .03 285);--scene-sky-mid: oklch(.3 .07 35);--scene-sky-low: oklch(.52 .13 48);--scene-sun: oklch(.86 .13 70);--scene-ridge: oklch(.135 .02 40);--scene-haze: oklch(.4 .09 40);--scene-mode: atmos;--grain: .05}[data-dir="2"]{--bg: oklch(.15 .016 248);--bg-2: oklch(.192 .018 248);--ink: oklch(.965 .006 230);--ink-2: oklch(.8 .012 232);--ink-3: oklch(.62 .015 235);--line: oklch(.965 .006 230 / .13);--line-2: oklch(.965 .006 230 / .07);--accent: oklch(.72 .13 232);--accent-2: oklch(.8 .1 208);--accent-ink:oklch(.81 .12 232);--on-accent: oklch(.15 .03 250);--scene-sky-top: oklch(.14 .035 268);--scene-sky-mid: oklch(.26 .055 250);--scene-sky-low: oklch(.5 .11 232);--scene-sun: oklch(.88 .07 218);--scene-ridge: oklch(.115 .02 255);--scene-haze: oklch(.4 .08 240);--scene-mode: atmos;--grain: .045}[data-dir="3"]{--bg: oklch(.16 .022 280);--bg-2: oklch(.205 .024 278);--ink: oklch(.95 .012 80);--ink-2: oklch(.79 .016 70);--ink-3: oklch(.61 .02 64);--line: oklch(.95 .012 80 / .13);--line-2: oklch(.95 .012 80 / .07);--accent: oklch(.74 .125 45);--accent-2: oklch(.66 .13 300);--accent-ink:oklch(.8 .11 50);--on-accent: oklch(.17 .03 285);--scene-sky-top: oklch(.17 .05 290);--scene-sky-mid: oklch(.3 .08 330);--scene-sky-low: oklch(.5 .13 40);--scene-sun: oklch(.82 .12 55);--scene-ridge: oklch(.12 .02 285);--scene-haze: oklch(.36 .09 330);--scene-mode: silhouette;--grain: .07}[data-dir="4"]{--bg: oklch(.155 .034 288);--bg-2: oklch(.2 .04 286);--ink: oklch(.965 .01 290);--ink-2: oklch(.8 .02 288);--ink-3: oklch(.62 .026 286);--line: oklch(.965 .01 290 / .14);--line-2: oklch(.965 .01 290 / .07);--accent: oklch(.7 .16 290);--accent-2: oklch(.74 .13 250);--accent-ink:oklch(.81 .14 290);--on-accent: oklch(.16 .04 290);--scene-sky-top: oklch(.15 .05 296);--scene-sky-mid: oklch(.28 .09 295);--scene-sky-low: oklch(.48 .14 290);--scene-sun: oklch(.83 .11 296);--scene-ridge: oklch(.11 .03 292);--scene-haze: oklch(.34 .1 292);--scene-mode: silhouette;--grain: .06}[data-dir="5"]{--bg: oklch(.155 .004 250);--bg-2: oklch(.196 .005 250);--ink: oklch(.955 .004 250);--ink-2: oklch(.785 .005 250);--ink-3: oklch(.6 .006 250);--line: oklch(.955 .004 250 / .13);--line-2: oklch(.955 .004 250 / .07);--accent: oklch(.74 .12 55);--accent-2: oklch(.72 .06 60);--accent-ink:oklch(.81 .11 58);--on-accent: oklch(.17 .02 55);--scene-sky-top: oklch(.135 .008 250);--scene-sky-mid: oklch(.215 .018 240);--scene-sky-low: oklch(.34 .05 60);--scene-sun: oklch(.78 .09 62);--scene-ridge: oklch(.12 .006 250);--scene-haze: oklch(.3 .022 210);--scene-mode: atmos;--grain: .04}:root{--maxw: 1280px;--gutter: clamp(1.25rem, 4vw, 4.5rem);--rail: clamp(0px, 6vw, 88px);--font-display: "Clash Display", "Hanken Grotesk", system-ui, sans-serif;--font-body: "General Sans", "Hanken Grotesk", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, .8, .24, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.62;font-size:1.0625rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative;transition:background .6s var(--ease),color .6s var(--ease)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}::selection{background:color-mix(in oklch,var(--accent) 30%,transparent);color:var(--ink)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:var(--grain);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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);position:relative;z-index:2}section{position:relative;z-index:2}.section-pad{padding-block:clamp(5.5rem,15vh,12rem)}.eyebrow{font-family:var(--font-body);font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:.9em;margin-bottom:2.2rem}.eyebrow .num{color:var(--accent-ink);font-variant-numeric:tabular-nums}.eyebrow:after{content:"";flex:1;height:1px;background:var(--line)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s;border-bottom:1px solid transparent}.nav[data-scrolled=true]{background:color-mix(in oklch,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:var(--line)}.nav-inner{max-width:var(--maxw);margin-inline:auto;padding:1.15rem var(--gutter);display:flex;align-items:center;gap:1.5rem}.brand{font-family:var(--font-display);font-weight:600;font-size:.98rem;letter-spacing:.01em;display:flex;align-items:center;gap:.6rem;white-space:nowrap}.brand .mk{width:22px;height:22px;flex:none;color:var(--accent)}.nav-links{display:flex;gap:2rem;margin-left:auto;font-size:.86rem;font-weight:500}.nav-links a{color:var(--ink-2);position:relative;padding-block:.2rem;white-space:nowrap;transition:color .2s}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--ease)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform:scaleX(1)}.nav-toggles{display:flex;align-items:center;gap:.5rem}@media (max-width: 900px){.nav-links{display:none}.nav-toggles{margin-left:auto}}.lang-btn{display:inline-flex;align-items:center;height:36px;padding:0 .5rem;border-radius:999px;border:1px solid var(--line);font-size:.74rem;font-weight:600;letter-spacing:.06em;color:var(--ink-3);transition:border-color .2s,color .2s}.lang-btn:hover{border-color:var(--ink-3)}.lang-btn .seg{padding:0 .4em;transition:color .2s}.lang-btn .seg.on{color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;border-radius:999px;font-size:.96rem;font-weight:500;border:1px solid var(--line);color:var(--ink);transition:transform .2s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .3s;white-space:nowrap;will-change:transform}.btn svg{width:17px;height:17px;transition:transform .28s var(--ease)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:transparent;font-weight:600}.btn-primary:hover{box-shadow:0 8px 30px color-mix(in oklch,var(--accent) 40%,transparent)}.btn-primary:hover svg{transform:translate(3px)}.btn-ghost:hover{border-color:var(--ink-3);transform:translateY(-2px)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding-top:clamp(7rem,13vh,9.5rem);padding-bottom:clamp(3rem,9vh,7rem);overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to bottom,transparent,var(--bg) 92%);z-index:1;pointer-events:none}.hero .wrap{width:100%}.hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:60rem}.hero .kicker{font-size:clamp(.78rem,1vw,.9rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:1.6rem;display:inline-flex;align-items:center;gap:.7rem}.hero .kicker:before{content:"";width:26px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,8.2vw,7.4rem);line-height:.98;letter-spacing:-.025em;margin-bottom:1.8rem;text-wrap:balance}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent-ink)}.hero .sub{font-size:clamp(1.1rem,1.7vw,1.4rem);color:var(--ink-2);max-width:46ch;line-height:1.5;margin-bottom:2.4rem;text-wrap:pretty}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem}.now-line{margin-top:3.2rem;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.6rem;font-size:.82rem;color:var(--ink-3);max-width:60rem}.now-line .live{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative;flex:none}@media (prefers-reduced-motion: no-preference){.now-line .live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--accent);animation:ping 2.4s ease-out infinite}}@keyframes ping{0%{transform:scale(1);opacity:.7}to{transform:scale(3.4);opacity:0}}.now-line .lbl{font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.now-line .v{color:var(--ink-2)}.now-line .v strong{color:var(--ink);font-weight:600}.now-line .coord{margin-left:auto;letter-spacing:.1em;font-variant-numeric:tabular-nums}.scroll-cue{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.scroll-cue .ln{width:1px;height:38px;background:linear-gradient(var(--ink-3),transparent)}@media (prefers-reduced-motion: no-preference){.scroll-cue .ln{animation:cue 2.2s var(--ease) infinite;transform-origin:top}}@keyframes cue{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}@media (max-width: 640px){.scroll-cue{display:none}}.route-rail{position:fixed;top:0;bottom:0;left:0;width:var(--rail);z-index:40;pointer-events:none;display:flex;justify-content:flex-start;align-items:stretch;padding-left:clamp(10px,1.6vw,24px)}.route-rail svg{height:100%;width:40px;overflow:visible}.route-rail .track{fill:none;stroke:var(--line);stroke-width:1.5}.route-rail .trail{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in oklch,var(--accent) 55%,transparent))}.route-rail .marker{fill:var(--accent)}.route-rail .marker-ring{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.5}@media (max-width: 980px){.route-rail{display:none}}.route-rail .wp-label{font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;fill:var(--ink-3)}.ticker{border-block:1px solid var(--line);overflow:hidden;padding-block:1.1rem;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ticker-track{display:flex;width:max-content}@media (prefers-reduced-motion: no-preference){.ticker-track{animation:scroll-x 46s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}}@keyframes scroll-x{to{transform:translate(-50%)}}.ticker-item{font-size:.92rem;font-weight:500;color:var(--ink-2);padding-inline:1.6rem;white-space:nowrap;display:inline-flex;align-items:center;gap:1.6rem}.ticker-item:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.7}.about-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}.about-lead{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.28;letter-spacing:-.015em;text-wrap:pretty}.about-lead .em{color:var(--accent-ink);font-style:italic}.portrait{aspect-ratio:4 / 5;border-radius:4px;overflow:hidden;position:relative;background:linear-gradient(160deg,var(--bg-2),color-mix(in oklch,var(--scene-haze) 30%,var(--bg)));border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:flex-start}.portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait .ph-label{position:relative;z-index:1;margin:1rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:600}@media (max-width: 820px){.about-grid{grid-template-columns:1fr}.portrait{max-width:320px}}.section-title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1.03;letter-spacing:-.025em;max-width:18ch;text-wrap:balance}.work-head{margin-bottom:2rem}.work-head .section-title{margin-top:.4rem}.work-index{border-top:1px solid var(--line)}.work-row{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(0,1.3fr);gap:clamp(1.4rem,4vw,3.6rem);align-items:start;padding:clamp(2.2rem,4vw,3.4rem) 0;border-bottom:1px solid var(--line);color:inherit;transition:padding-left .45s var(--ease)}a.work-row:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .45s var(--ease)}a.work-row:hover{padding-left:1.2rem}a.work-row:hover:before{transform:scaleY(1)}.work-row .w-idx{font-size:.82rem;font-weight:600;color:var(--ink-3);padding-top:.7rem;font-variant-numeric:tabular-nums}.work-row .w-name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1;letter-spacing:-.025em;display:inline-flex;align-items:baseline;gap:.55rem;transition:color .3s}.work-row .w-name .arrow{width:.62em;height:.62em;opacity:0;transform:translate(-5px,3px);transition:opacity .3s,transform .3s;color:var(--accent-ink)}a.work-row:hover .w-name{color:var(--accent-ink)}a.work-row:hover .w-name .arrow{opacity:1;transform:none}.work-row .w-type{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-top:1.1rem}.work-row .w-status{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:.9rem;display:inline-flex;align-items:center;gap:.5rem}.work-row .w-status.live{color:var(--accent-ink)}.work-row .w-status.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.work-row .w-right{padding-top:.4rem}.work-row .w-desc{color:var(--ink-2);font-size:1.04rem;line-height:1.58;max-width:54ch}.work-row .w-foot{margin-top:1.2rem;font-size:.8rem;color:var(--ink-3);letter-spacing:.01em;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.work-row .w-foot .chip{color:var(--ink-2)}.work-row .w-foot .sep{color:var(--line)}.work-row .w-visit{color:var(--accent-ink);font-weight:600}@media (max-width: 800px){.work-row{grid-template-columns:2.2rem 1fr}.work-row .w-right{grid-column:2;padding-top:1.2rem}}@media (max-width: 480px){.work-row{grid-template-columns:1fr;gap:.4rem}.work-row .w-idx{padding-top:0}.work-row .w-right{grid-column:1}}.numbers{border-block:1px solid var(--line)}.num-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2.5rem,6vw,5rem);align-items:center;padding-block:clamp(4rem,9vh,6.5rem)}.num-hero .big{font-family:var(--font-display);font-weight:500;font-size:clamp(5rem,13vw,11rem);line-height:.84;letter-spacing:-.03em;color:var(--accent-ink)}.num-hero .lbl{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--ink);max-width:28ch;margin-top:1.4rem;line-height:1.45}.num-hero .src{font-size:.78rem;color:var(--ink-3);letter-spacing:.04em;margin-top:.8rem;display:inline-block}.num-rest{display:grid;grid-template-columns:1fr 1fr;gap:0}.num-cell{padding:1.7rem 1.7rem 1.7rem 0;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--line)}.num-cell:nth-child(2n){padding-left:1.7rem;border-left:1px solid var(--line-2)}.num-cell .n{font-family:var(--font-display);font-weight:500;font-size:clamp(2.1rem,3.5vw,2.9rem);line-height:1;letter-spacing:-.02em}.num-cell .l{font-size:.94rem;color:var(--ink-2);line-height:1.4;text-wrap:pretty}.num-cell .s{font-size:.7rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-weight:600}@media (max-width: 860px){.num-wrap{grid-template-columns:1fr}}@media (max-width: 440px){.num-rest{grid-template-columns:1fr}.num-cell:nth-child(2n){padding-left:0;border-left:none}}.how-lead{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.7vw,2.3rem);line-height:1.34;max-width:32ch;text-wrap:pretty}.how-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.8rem,4vw,3.4rem);margin-top:3.4rem}.how-col{padding-top:1.7rem;border-top:1px solid var(--line)}.how-col .idx{font-size:.82rem;font-weight:700;color:var(--accent-ink);display:block;margin-bottom:1.2rem}.how-col h4{font-family:var(--font-display);font-size:1.2rem;font-weight:500;margin-bottom:.6rem;letter-spacing:-.01em}.how-col p{color:var(--ink-2);font-size:.95rem;line-height:1.58}.meta-banner{margin-top:3.6rem;display:flex;align-items:baseline;gap:1.1rem;flex-wrap:wrap;padding-top:1.8rem;border-top:1px solid var(--line)}.meta-banner .star{color:var(--accent-ink);font-size:1.2rem;line-height:1}.meta-banner .txt{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.25;color:var(--ink)}@media (max-width: 780px){.how-cols{grid-template-columns:1fr}}.timeline{margin-top:3rem}.tl-item{display:grid;grid-template-columns:12rem 1fr;gap:clamp(1rem,4vw,3rem);padding:1.8rem 0;border-top:1px solid var(--line);align-items:start;transition:padding-left .3s var(--ease)}.tl-item:last-child{border-bottom:1px solid var(--line)}.tl-item:hover{padding-left:.7rem}.tl-period{font-size:.82rem;color:var(--ink-3);letter-spacing:.04em;padding-top:.3rem;font-variant-numeric:tabular-nums}.tl-body h4{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:-.01em}.tl-body .org{color:var(--accent-ink)}.tl-body p{color:var(--ink-2);font-size:.96rem;margin-top:.4rem;line-height:1.5}.tl-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2.8rem}@media (max-width: 660px){.tl-item{grid-template-columns:1fr;gap:.5rem}.tl-period{padding-top:0}}.contact{text-align:center;position:relative}.contact .eyebrow{justify-content:center}.contact .eyebrow:after{display:none}.contact h2{font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,6.5vw,5.2rem);line-height:1.02;letter-spacing:-.03em;max-width:16ch;margin:0 auto;text-wrap:balance}.contact h2 em{font-style:italic;font-weight:400;color:var(--accent-ink)}.contact-cap{max-width:48ch;margin:1.6rem auto 0;font-size:clamp(1rem,1.7vw,1.2rem);color:var(--ink-2);line-height:1.55;text-wrap:pretty}.mail-big{display:inline-block;margin-top:2rem;font-size:clamp(1rem,2.4vw,1.5rem);color:var(--ink);letter-spacing:-.01em;position:relative}.mail-big:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .36s var(--ease)}.mail-big:hover:after{transform:scaleX(1)}.contact-cta{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:2.4rem}.contact-meta{margin-top:2.2rem;font-size:.8rem;color:var(--ink-3);letter-spacing:.04em}.film-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;margin-top:clamp(2rem,4vw,3.2rem)}.film-text .section-title{margin-bottom:1.4rem}.film-lead{color:var(--ink-2);font-size:1.06rem;line-height:1.6;max-width:42ch}.film-kicker{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.35;color:var(--ink);margin-top:1.5rem;max-width:30ch;text-wrap:pretty}.film-meta{margin-top:1.6rem;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.film-also{margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.88rem;line-height:1.5;color:var(--ink-2);max-width:40ch;text-wrap:pretty}.film-video{position:relative}.yt-facade{display:block;width:100%;position:relative;aspect-ratio:16 / 9;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);padding:0;cursor:pointer;box-shadow:0 30px 60px -30px #000000a6;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}.yt-facade:hover{transform:translateY(-5px);border-color:color-mix(in oklch,var(--accent) 30%,var(--line))}.yt-thumb{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02)}.yt-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 45%,transparent,oklch(0 0 0 / .45))}.yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:0 12px 34px color-mix(in oklch,var(--accent) 45%,transparent);transition:transform .3s var(--ease)}.yt-facade:hover .yt-play{transform:translate(-50%,-50%) scale(1.08)}.yt-play svg{width:26px;height:26px;margin-left:3px}.yt-label{position:absolute;left:16px;bottom:14px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--ink);background:color-mix(in oklch,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line)}.film-video iframe{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:11px;display:block}@media (max-width: 820px){.film-grid{grid-template-columns:1fr}.film-lead{max-width:none}}.footer{position:relative;padding:0 0 2.6rem}.footer-scene{width:100%;height:clamp(160px,18vw,260px);margin-bottom:1.9rem}.footer-scene svg{display:block;width:100%;height:100%}.footer-scene .fr-far{fill:color-mix(in oklch,var(--bg) 90%,var(--ink) 13%)}.footer-scene .fr-mid{fill:color-mix(in oklch,var(--bg) 93%,var(--ink) 7%)}.footer-scene .fr-near{fill:color-mix(in oklch,var(--bg) 84%,#000)}.footer-scene .footer-glow{fill:var(--accent);opacity:.16}.footer-scene .footer-trail{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.1 11;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--accent) 55%,transparent))}.footer-scene .footer-rig .body{fill:var(--accent)}.footer-scene .footer-rig{pointer-events:auto;cursor:pointer}.footer-scene .rig-car.hop{animation:jimnyHop .62s cubic-bezier(.3,1.4,.5,1) 1}@keyframes jimnyHop{0%{transform:scale(1.6) translateY(0) rotate(0)}28%{transform:scale(1.6) translateY(-13px) rotate(-5deg)}55%{transform:scale(1.6) translateY(0) rotate(0)}72%{transform:scale(1.6) translateY(-4px) rotate(2deg)}to{transform:scale(1.6) translateY(0) rotate(0)}}.footer-scene .footer-rig .glass{fill:color-mix(in oklch,var(--accent) 42%,var(--bg))}.footer-scene .footer-rig .clad{fill:color-mix(in oklch,var(--accent) 52%,#000)}.footer-scene .footer-rig .tire{fill:color-mix(in oklch,var(--accent) 32%,#000)}.footer-scene .footer-rig .rim{fill:var(--accent)}.footer-scene .footer-rig .hub{fill:color-mix(in oklch,var(--accent) 30%,#000)}.footer-scene .footer-rig .line{fill:none;stroke:color-mix(in oklch,var(--accent) 52%,#000);stroke-width:.7;stroke-linecap:round}@media (prefers-reduced-motion: no-preference){.footer-scene .footer-trail{animation:trailMarch 26s linear infinite}}@keyframes trailMarch{to{stroke-dashoffset:-120}}.footer-inner{display:flex;flex-wrap:wrap;gap:1.3rem;align-items:center;justify-content:space-between}.footer .f-top{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.8rem;font-weight:600;color:var(--ink-2);letter-spacing:.02em;transition:color .2s}.footer .f-top svg{width:15px;height:15px;color:var(--accent);transition:transform .25s var(--ease)}.footer .f-top:hover{color:var(--ink)}.footer .f-top:hover svg{transform:translateY(-3px)}.footer .f-brand{font-size:.84rem;color:var(--ink-2);font-weight:500}.footer .f-meta{font-size:.76rem;color:var(--ink-3);letter-spacing:.04em}.footer .f-line{font-size:.76rem;color:var(--ink-3);flex-basis:100%;padding-top:.9rem;margin-top:.2rem;border-top:1px solid var(--line-2)}.dir-switch{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:70;display:flex;flex-direction:column;gap:.55rem;padding:.85rem;border-radius:16px;background:color-mix(in oklch,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);box-shadow:0 20px 50px #00000080;max-height:min(78vh,560px);overflow-y:auto;transition:transform .4s var(--ease),opacity .4s}.dir-switch .ds-head{display:flex;align-items:center;gap:.5rem;font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding:0 .2rem .1rem}.dir-switch .ds-head .x{margin-left:auto;cursor:pointer;color:var(--ink-3);line-height:1;padding:.1rem}.dir-switch .ds-head .x:hover{color:var(--ink)}.dir-opt{display:flex;align-items:center;gap:.7rem;padding:.5rem .7rem;border-radius:10px;border:1px solid transparent;text-align:left;transition:background .2s,border-color .2s;min-width:200px}.dir-opt:hover{background:var(--bg-2)}.dir-opt[aria-pressed=true]{border-color:color-mix(in oklch,var(--accent) 45%,var(--line));background:var(--bg-2)}.dir-opt .sw{width:30px;height:30px;border-radius:7px;flex:none;border:1px solid var(--line)}.dir-opt .nm{display:flex;flex-direction:column;gap:1px}.dir-opt .nm b{font-family:var(--font-display);font-size:.86rem;font-weight:600}.dir-opt .nm span{font-size:.68rem;color:var(--ink-3)}.sw-1{background:linear-gradient(145deg,#a34d16,#793d21,#522c23 50%,#0c0b1a)}.sw-2{background:linear-gradient(145deg,#006c93,#053753,#040817);background:linear-gradient(145deg,color(xyz 0.106 0.129 0.311),#053753,#040817)}.sw-3{background:linear-gradient(145deg,#9e4421,#823e36,#673742 50%,#34234f)}.sw-4{background:linear-gradient(145deg,#5f4ba6,#34265d,#0e061d)}.sw-5{background:linear-gradient(145deg,#e5955d,#6e4c35,#0b0c0e)}.dir-fab{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:69;width:48px;height:48px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);box-shadow:0 12px 30px #00000073}.dir-fab svg{width:20px;height:20px}body.ds-collapsed .dir-switch{opacity:0;transform:translateY(10px) scale(.96);pointer-events:none}body.ds-collapsed .dir-fab{display:flex}@media (max-width: 560px){.dir-opt{min-width:0}.dir-opt .nm span{display:none}}.origin{margin-top:clamp(2.8rem,6vw,4.8rem)}.origin-label{display:flex;align-items:center;gap:1.1rem;font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:clamp(1.6rem,3vw,2.4rem)}.origin-label:after{content:"";flex:1;height:1px;background:var(--line)}.origin-beats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.8rem,4vw,3.2rem)}.origin-beat{padding-top:1.4rem;border-top:1px solid var(--line)}.origin-beat .k{display:block;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink);margin-bottom:.7rem;letter-spacing:-.01em}.origin-beat p{color:var(--ink-2);font-size:.95rem;line-height:1.58;text-wrap:pretty}@media (max-width: 780px){.origin-beats{grid-template-columns:1fr;gap:1.6rem}}image-slot{display:block;width:100%;height:100%}.portrait{aspect-ratio:4 / 5}.portrait image-slot{width:100%;height:100%;border-radius:3px}@media (prefers-reduced-motion: no-preference){.portrait image-slot{animation:kenburns 22s ease-in-out infinite alternate;will-change:transform}}@keyframes kenburns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.13) translate(-1.5%,-2%)}}.overland{margin-top:clamp(2.5rem,6vw,4.5rem);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.6vw,1.2rem)}.ov-item{position:relative;aspect-ratio:4 / 5;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--bg-2)}.ov-item image-slot{width:100%;height:100%}.overland-cap{margin-top:1.1rem;font-size:.78rem;letter-spacing:.04em;color:var(--ink-3);text-transform:none}@media (max-width: 620px){.overland{grid-template-columns:1fr 1fr}.overland .ov-item:nth-child(3){display:none}}.work-list{display:flex;flex-direction:column;gap:clamp(4rem,9vw,7.5rem);margin-top:clamp(2.5rem,5vw,4rem)}.group-label{display:flex;align-items:center;gap:1.1rem;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);margin-top:clamp(1rem,2vw,2rem)}.group-label:first-child{margin-top:0}.group-label:after{content:"";flex:1;height:1px;background:var(--line)}.project{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.project .project-shot{order:0}.project .project-meta{order:1}.project:nth-child(2n) .project-shot{order:1}.project:nth-child(2n) .project-meta{order:0}.shot{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--bg-2);box-shadow:0 30px 60px -30px #000000a6;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}.project:hover .shot{transform:translateY(-5px);border-color:color-mix(in oklch,var(--accent) 30%,var(--line));box-shadow:0 40px 70px -28px #000000b3}.shot-bar{display:flex;align-items:center;gap:.7rem;height:36px;padding:0 .9rem;border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg) 60%,var(--bg-2))}.shot-dots{display:flex;gap:6px}.shot-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}.shot-dots i:first-child{background:color-mix(in oklch,var(--accent) 60%,var(--line))}.shot-url{margin:0 auto;font-size:.72rem;color:var(--ink-3);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:.15rem .8rem;border-radius:999px;background:color-mix(in oklch,var(--bg) 70%,transparent)}.shot image-slot{display:block;width:100%;aspect-ratio:16 / 10}.shot.shot-stack{position:relative;overflow:visible}.shot-inset{position:absolute;right:16px;bottom:-30px;width:47%;border:1px solid color-mix(in oklch,var(--accent) 35%,var(--line));border-radius:9px;overflow:hidden;background:var(--bg-2);box-shadow:0 24px 44px -20px #000000b3}.shot-inset .shot-bar.mini{height:27px;padding:0 .6rem;gap:.45rem;justify-content:flex-start}.shot-inset .shot-bar.mini .shot-url{margin:0;font-size:.6rem;background:none;padding:0;color:var(--accent-ink);letter-spacing:.04em}.shot-inset image-slot{display:block;width:100%;aspect-ratio:16 / 10}.ia-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 22%,transparent)}@media (max-width: 820px){.shot-inset{bottom:-24px;width:52%}}.project-phone .project-shot{display:flex;justify-content:center}.phone{position:relative;width:clamp(210px,24vw,248px);padding:9px;border-radius:36px;background:linear-gradient(160deg,var(--bg-2),color-mix(in oklch,var(--bg) 70%,#000));border:1px solid var(--line);box-shadow:0 40px 70px -28px #000000bf,inset 0 0 0 1.5px #00000080;transition:transform .5s var(--ease)}.project-phone:hover .phone{transform:translateY(-6px)}.phone-notch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:38%;height:19px;background:color-mix(in oklch,var(--bg) 60%,#000);border-radius:0 0 12px 12px;z-index:2}.phone-screen{border-radius:28px;overflow:hidden;background:var(--bg)}.phone-screen image-slot{display:block;width:100%;aspect-ratio:9 / 19}.w-foot .w-visit{color:var(--accent-ink);font-weight:600;position:relative}.w-foot .w-visit:after{content:"↗";margin-left:.25em;font-size:.85em}.w-foot a.w-visit:hover{text-decoration:underline;text-underline-offset:3px}.project-meta .p-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.project-meta .w-idx{font-size:.82rem;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.05em}.project-meta .w-status{margin:0}.project-meta .w-name{display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);font-weight:500;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1;letter-spacing:-.025em;color:var(--ink);transition:color .3s;margin-bottom:.5rem}.project-meta a.w-name:hover{color:var(--accent-ink)}.project-meta .w-name .arrow{width:.6em;height:.6em;opacity:0;transform:translate(-5px,3px);transition:opacity .3s,transform .3s;color:var(--accent-ink)}.project-meta a.w-name:hover .arrow{opacity:1;transform:none}.project-meta .w-type{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.3rem}.project-meta .w-desc{color:var(--ink-2);font-size:1.04rem;line-height:1.6;max-width:50ch}.project-meta .w-foot{margin-top:1.4rem;font-size:.8rem;color:var(--ink-3);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.project-meta .w-foot .chip{color:var(--ink-2)}.project-meta .w-foot .sep{color:var(--line)}.project-meta .w-status.live{color:var(--accent-ink);display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.project-meta .w-status.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.project-meta .w-status:not(.live){font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.cvss{border:1px solid var(--line);border-radius:11px;aspect-ratio:16 / 10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;background:radial-gradient(120% 90% at 50% 120%,color-mix(in oklch,var(--accent) 16%,transparent),transparent 70%),var(--bg-2);position:relative;overflow:hidden}.cvss:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);background-size:28px 28px;opacity:.5;-webkit-mask-image:radial-gradient(circle at 50% 60%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 60%,#000,transparent 75%)}.cvss-tag{position:relative;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.cvss-num{position:relative;font-family:var(--font-display);font-weight:500;font-size:clamp(4rem,9vw,6.5rem);line-height:.9;letter-spacing:-.03em;color:var(--accent-ink)}.cvss-lbl{position:relative;font-size:.74rem;font-weight:600;letter-spacing:.1em;color:var(--ink-3);font-variant-numeric:tabular-nums}@media (max-width: 820px){.project{grid-template-columns:1fr;gap:1.8rem}.project .project-shot,.project .project-meta,.project:nth-child(2n) .project-shot,.project:nth-child(2n) .project-meta{order:0}.project-meta .w-desc{max-width:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translateY(24px)}to{transform:none}}@media (prefers-reduced-motion: no-preference){.reveal.in{animation:slideIn .8s var(--ease) both}.reveal.in[data-d="1"]{animation-delay:.09s}.reveal.in[data-d="2"]{animation-delay:.18s}.reveal.in[data-d="3"]{animation-delay:.27s}.anim-on .hero-anim{animation:slideIn .9s var(--ease) both}.anim-on .hero-anim[data-d="0"]{animation-delay:.05s}.anim-on .hero-anim[data-d="1"]{animation-delay:.16s}.anim-on .hero-anim[data-d="2"]{animation-delay:.28s}.anim-on .hero-anim[data-d="3"]{animation-delay:.4s}.anim-on .hero-anim[data-d="4"]{animation-delay:.54s}}@media (prefers-reduced-motion: no-preference){.project:not(.in) .project-shot,.project:not(.in) .project-meta{opacity:0}.project.reveal.in{animation:none}.project.in .project-shot{animation:projFromL .9s var(--ease) both}.project.in .project-meta{animation:projFromR .9s var(--ease) both;animation-delay:.1s}.project:nth-child(2n).in .project-shot{animation-name:projFromR}.project:nth-child(2n).in .project-meta{animation-name:projFromL}}@keyframes projFromL{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@keyframes projFromR{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.overland:not(.in) .ov-item{opacity:0}.overland.reveal.in{animation:none}.overland.in .ov-item{animation:riseIn .75s var(--ease) both}.overland.in .ov-item:nth-child(2){animation-delay:.13s}.overland.in .ov-item:nth-child(3){animation-delay:.26s}}.ov-item image-slot{transition:transform .55s var(--ease),filter .55s var(--ease);filter:saturate(.82)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.ov-item:hover image-slot{transform:scale(1.06);filter:saturate(1.06)}}.shot image-slot{will-change:transform}.num-hero .big,.num-cell .n,.cvss-num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shot img,.phone-screen img,.ov-item img,.portrait img{display:block;width:100%;object-fit:cover}.shot img{aspect-ratio:16 / 10}.phone-screen img{aspect-ratio:9 / 19}.ov-item img{height:100%}.portrait img{border-radius:3px;object-position:50% 34%;transform:scale(1.24)}@media (prefers-reduced-motion: no-preference){.portrait img{animation:kenburns-portrait 22s ease-in-out infinite alternate;will-change:transform}}@keyframes kenburns-portrait{0%{transform:scale(1.22) translateY(-1%)}to{transform:scale(1.3) translate(-1.2%,-3%)}}.ov-item img{transition:transform .55s var(--ease),filter .55s var(--ease);filter:saturate(.82)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.ov-item:hover img{transform:scale(1.06);filter:saturate(1.06)}}.overland .ov-item:nth-child(2) img{object-position:50% 66%;transform:scale(1.16)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.overland .ov-item:nth-child(2):hover img{transform:scale(1.22)}}img.contain{object-fit:contain}