#hero{isolation:isolate;width:100%;height:100svh;position:relative;overflow:hidden}#hero canvas,#fallback,#fallback img{width:100%;height:100%;position:absolute;inset:0}#fallback img{object-fit:cover;object-position:60% center}#fallback img:nth-child(2){opacity:.2}#hero canvas{pointer-events:none;display:block}#fallback{display:contents}#fallback img:first-child{z-index:0}#fallback img:nth-child(2){z-index:1}#building-fire{z-index:1;visibility:hidden}.building-fire-ready #building-fire{visibility:visible}.building-fire-ready #fallback img:nth-child(2){visibility:hidden}#fallback img:nth-child(3){z-index:2;transform-origin:66% 58%;will-change:transform}#fallback img:nth-child(4){z-index:3;will-change:transform, opacity;animation:7s ease-in-out infinite alternate fire-drift,2.7s ease-in-out infinite fire-flicker}#scene{z-index:2;opacity:0;transform-origin:66% 58%;will-change:transform}#embers{z-index:4}#foreground-fire{z-index:3;visibility:hidden;will-change:transform;transform-origin:50%}.foreground-fire-ready #foreground-fire{visibility:visible}.foreground-fire-ready #fallback img:nth-child(4){visibility:hidden;animation:none}.ready #scene{opacity:1}.ready #fallback img:nth-child(3){visibility:hidden}.paused #fallback img{animation-play-state:paused}@keyframes fire-drift{0%{transform:scale(1.022)translate(-3px,3px)}to{transform:scale(1.034)translate(4px,-5px)}}@keyframes fire-flicker{0%,to{opacity:.94}24%{opacity:1}39%{opacity:.89}61%{opacity:.98}78%{opacity:.92}}@media (prefers-reduced-motion:reduce){#fallback img:nth-child(4){animation:none}}#hero{&{--hero-scale:1;--hero-gold:#f1bb74}& button{font:inherit}& .hero-interface{z-index:7;width:1672px;height:941px;transform:scale(var(--hero-scale));transform-origin:0 0;color:#fff;pointer-events:none;font-family:Noto Sans SC,sans-serif;position:absolute;inset:0 auto auto 0}& .hero-interface button{pointer-events:auto}& .hero-shade,& .hero-top-shade,& .hero-bottom-shade{pointer-events:none;z-index:5;position:absolute;inset:0}& .hero-shade{background:linear-gradient(123.416deg,#0009 30.136%,#0000 56.725%)}& .hero-top-shade{background:linear-gradient(#0006 .531%,#0000 21.114%)}& .hero-bottom-shade{height:22.6355%;top:auto}& .hero-bottom-shade img{width:100%;height:100%;display:block}& .hero-header{align-items:flex-start;gap:112px;display:flex;position:absolute;top:22px;left:34px}& .brand{white-space:nowrap;color:#fffc;align-items:center;gap:14px;height:57px;font-family:Teko,sans-serif;font-size:40px;font-weight:400;display:flex}& .brand-symbol{flex:none}& #hero-nav{align-items:flex-start;gap:42px;padding-top:7px;display:flex}& .nav-item{color:#c9c9c9;cursor:default;background:0 0;border:0;padding:0;font:400 24px/34px Teko,sans-serif;position:relative}& .nav-item.active:after{content:"";background:var(--hero-gold);height:3px;position:absolute;bottom:-3px;left:0;right:0}& button:focus-visible{outline:2px solid var(--hero-gold);outline-offset:6px}& .hero-copy{width:543px;position:absolute;top:129px;left:72px}& .greeting{color:#ffffff29;align-items:center;gap:21px;height:40px;padding-left:11px;font:400 28px/40px Teko,sans-serif;display:flex}& .greeting-marks{opacity:.25;gap:0;display:flex}& .greeting-marks img{margin-right:-1px;display:block;transform:scaleX(-1)}& #hero-title{letter-spacing:0;margin:-2px 0 0;font-family:Noto Sans SC,sans-serif;font-size:76px;font-weight:700;line-height:98px}& #hero-title>span{white-space:nowrap;display:block}& #hero-title>span:first-child{color:#0000;background:linear-gradient(#e8e8e8 28.846%,#b3b3b3) text}& .warm-text{color:#0000;background:linear-gradient(#f8cc91 9.028%,#e98958 90.972%) text}& .hero-tagline{white-space:nowrap;margin:-4px 0 0;font:400 50px/72px Teko,sans-serif}& .intro-wrap{width:540px;margin:5px 0 0 3px;position:relative}& .hero-intro{margin:0;font:400 16px/25px Noto Sans SC,sans-serif}& .language-toggle{color:#fffc;cursor:pointer;background:#0009;border:0;border-radius:13px;align-items:center;gap:6px;height:25px;padding:0 10px 0 5px;font-size:12px;display:flex;position:absolute;bottom:-2px;right:16px}& .language-toggle img{flex:none}& .language-toggle:hover{color:#f8cc91;background:#000000e6}& .work-button{color:#fff;cursor:default;background:0 0;border:1px solid #fff;border-radius:36px;align-items:center;gap:22px;width:207px;height:48px;margin:35px 0 0 3px;padding:4px;font:700 16px/25px Noto Sans SC,sans-serif;display:flex}& .work-button img{flex:none}& .work-button{width:max-content;min-width:207px;max-width:100%;padding-right:20px}& .work-button span{white-space:nowrap;flex:none}& .skill-chart{width:248px;height:231px;position:absolute;top:177px;left:672px}& .radar-art{width:248px;height:231px;position:relative}& .radar-art img{max-width:none;display:block;position:absolute}& .radar-line{transform-origin:0 100%;margin-top:-2px}& .radar-grade{text-align:center;width:7px;height:24px;font:400 18px/24px Teko,sans-serif;position:absolute}& .radar-label{text-align:center;white-space:nowrap;font:700 11px/16px Noto Sans SC,sans-serif;position:absolute}& .radar-value{top:59.88px;left:78.42px}& .scroll-hint img{display:block}& .menu-toggle{display:none}& .hero-header{z-index:2}&.english .hero-intro{font-size:15px}& .english .radar-label{font-size:9px}@media (width<=1000px){& .hero-interface{width:100%;height:100%;transform:none}& .hero-header{gap:48px;top:24px;left:28px;right:28px}& .brand{gap:10px;height:44px;font-size:32px}& #hero-nav{gap:24px;padding-top:5px}& .nav-item{font-size:21px}& .hero-copy{width:min(540px,80%);top:140px;left:6%}& #hero-title{font-size:64px;line-height:1.3}& .hero-tagline{margin-top:5px;font-size:40px;line-height:1.5}& .intro-wrap{width:100%;margin-top:15px}& .hero-intro{padding-bottom:32px;font-size:15px;line-height:26px}& .language-toggle{bottom:0;right:0}& .hero-shade{background:linear-gradient(90deg,#000000b3,#00000040 75%,#0000)}}@media (width<=760px){& #hero{min-height:700px}& .hero-header{justify-content:space-between;top:20px;left:22px;right:22px}& .brand{font-size:30px}& .menu-toggle{cursor:pointer;background:#100d0c66;border:1px solid #ffffff59;border-radius:5px;flex-direction:column;justify-content:center;gap:7px;width:40px;height:44px;padding:9px;display:flex}& .menu-toggle span{background:#f1bb74;width:20px;height:1px}& #hero-nav{background:#100d0cf7;border:1px solid #f1bb7444;border-radius:8px;gap:14px;min-width:160px;padding:18px 24px;display:none;position:absolute;top:55px;right:0}&.menu-open #hero-nav{flex-direction:column;display:flex}& .nav-item{font-size:24px}& .hero-copy{width:auto;top:145px;left:24px;right:24px}& .greeting{gap:17px;padding-left:0;font-size:24px}& #hero-title{font-size:clamp(34px,8.7vw,58px);line-height:1.4}& .hero-tagline{font-size:clamp(24px,6.35vw,38px);line-height:1.6}& .hero-intro{font-size:14px;line-height:26px}& .intro-wrap{margin-left:0}& .work-button{margin-top:28px;margin-left:0}& .hero-shade{background:linear-gradient(90deg,#000000c9,#00000080)}& .english .hero-intro{font-size:14px}}& .hero-bottom-shade{background:linear-gradient(#0000,#080706 98%);height:clamp(180px,24vh,340px);inset:auto 0 0}& .skill-chart{z-index:6;visibility:hidden;transform-origin:0 0;pointer-events:none;color:#ffe8be;will-change:transform;font-family:Noto Sans SC,sans-serif;top:0;left:0}& .skill-chart:before{content:"";background:radial-gradient(#120e09e6 30%,#120e09b3 64%,#120e0922 100%);border:1px solid #edb66c30;border-radius:50%;position:absolute;inset:-18px -20px;box-shadow:0 0 35px #0005,inset 0 0 24px #f0b6670a}& .radar-ring{opacity:.75}& .radar-ring:nth-of-type(8){filter:drop-shadow(0 0 3px #e8aa5270);opacity:1}& .radar-line{opacity:.5}& .radar-value{filter:drop-shadow(0 0 6px #f9b45180)}& .radar-label{color:#fff1dc;text-shadow:0 1px 4px #000;letter-spacing:.3px}& .radar-grade{color:#ffd38c}& .scroll-hint{z-index:8;top:auto;left:calc(50% - 11px);bottom:max(24px,env(safe-area-inset-bottom));pointer-events:none;position:absolute}& .scroll-hint img{filter:drop-shadow(0 0 6px #f1bb7499);animation:2.6s ease-in-out infinite scroll-beacon}@media (prefers-reduced-motion:reduce){& .scroll-hint img{opacity:1;animation:none}}& .hero-interface a{pointer-events:auto}& #hero-nav{height:auto;left:auto}& .nav-item{opacity:1;cursor:pointer}& .nav-item.active:after{width:auto;height:3px;left:0}& .brand{letter-spacing:0}& .work-button{cursor:pointer}& .scroll-hint{pointer-events:auto;margin-left:-12px;padding:12px}& .hero-header{width:calc(100% - 68px)}& .hero-intro{padding-bottom:32px}& .language-toggle{bottom:0}}@keyframes scroll-beacon{0%,to{opacity:.35;transform:translateY(-3px)}55%{opacity:1;transform:translateY(4px)}}#hero .hero-socials{align-items:start;gap:24px;display:flex;position:absolute;top:655px;left:8px}#hero .hero-socials>a,#hero .social-pending{color:#eaf2ff;flex-direction:column;justify-content:start;align-items:center;gap:4px;min-width:44px;min-height:62px;font:400 16px/23px Teko,sans-serif;display:flex}#hero .hero-socials img{flex:none;max-width:none;display:block}#hero .hero-socials>a{transition:transform .2s,opacity .2s}#hero .hero-socials>a:hover{opacity:.8;transform:translateY(-4px)}#hero .hero-socials>a:focus-visible{outline-offset:5px;border-radius:4px;outline:2px solid #f90}#hero .social-pending{opacity:.5;cursor:default}@media (width<=1000px){#hero .hero-socials{margin:32px 0 0 3px;position:static}}@media (width<=760px){#hero .hero-socials{margin-top:22px;margin-left:0}#hero.english .hero-copy{top:110px}}@media (prefers-reduced-motion:reduce){#hero .hero-socials>a{transition:none}#hero .hero-socials>a:hover{transform:none}}html.home-document{scroll-snap-type:y mandatory;scroll-padding-top:0}.home-page{position:relative;overflow:clip}.hero-scroll{scroll-snap-align:start;scroll-snap-stop:always;height:100svh;min-height:700px}.hero-sticky{transform-origin:50%;height:100%}#hero{height:100%;min-height:0}.home-landscape{pointer-events:none;z-index:0;--journey:0;background:#0a0b10;position:fixed;inset:0;overflow:hidden}.home-landscape>img{object-fit:cover;object-position:60% center;width:100%;height:100%;position:absolute}.landscape-distance{transform:translate3d(0,calc(var(--journey) * -16px),0) scale(1.12);filter:saturate(.65);will-change:transform}.landscape-veil{background:linear-gradient(90deg,#0a0b10e8,#0a0b10ac 60%,#0a0b1070),linear-gradient(#0000 35%,#0a0b10d9);position:absolute;inset:0}.home-landscape>.landscape-foreground{opacity:.16;transform:translate3d(calc(var(--journey) * -22px),calc(var(--journey) * -35px),0) scale(1.2);will-change:transform}.landscape-embers{transform:translateY(calc(var(--journey) * -60px));will-change:transform;position:absolute;inset:-10%}.landscape-embers i{opacity:.4;width:2px;height:5px;animation:9s ease-in-out infinite alternate journey-ember;animation-delay:calc(var(--i) * -.8s);background:#f90;position:absolute;transform:rotate(25deg);box-shadow:0 0 10px #ff5900}@keyframes journey-ember{to{opacity:.1;translate:18px -30px}}.home-section{scroll-snap-align:start;scroll-snap-stop:always;color:#eaf2ff;background:0 0;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.home-section>.shell{padding-block:88px;transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1)}.home-section:not(.in-view)>.shell{opacity:.12;transform:translateY(65px)}.home-section.in-view>.shell{opacity:1;transform:none}.home-section .section-heading{align-items:end;margin-bottom:36px}.home-section .eyebrow{letter-spacing:3px;color:#f1bb74;align-items:center;gap:16px;margin-bottom:16px;font:500 18px/1.4 Teko,sans-serif;display:flex}.home-section .eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.home-section .section-heading h2{letter-spacing:.01em;color:#0000;background:linear-gradient(#e8e8e8,#b3b3b3) text;font-family:Noto Sans SC,sans-serif;font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:1.4}.home-section .section-heading h2 span{color:#f1bb74}.home-section .text-link{color:#f1bb74;white-space:nowrap;border-bottom:1px solid #f1bb7450;padding-bottom:8px}.home-section .text-link:hover{color:#eaf2ff}.writing-section .post-list{backdrop-filter:blur(10px);background:#0a0b1080;border-top:1px solid #f1bb7440}.writing-section .post-row{border-color:#f1bb7428;padding:28px 24px;transition:background .25s,transform .25s}.writing-section .post-row:hover,.writing-section .post-row:focus-visible{background:#1c212fa6;transform:translate(5px)}.writing-section .meta,.writing-section time{color:#eaf9ff;opacity:.65}.writing-section .post-index,.writing-section .post-arrow{color:#f1bb74}.project-marquee{scrollbar-width:thin;scrollbar-color:#f1bb7460 transparent;overscroll-behavior-x:contain;padding:16px 0 28px;overflow:auto hidden;mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000)}.marquee-track{width:max-content;display:flex}.marquee-group{gap:24px;padding-right:24px;display:flex}.marquee-card{backdrop-filter:blur(12px);background:#0a0b10c9;border:1px solid #f1bb7438;border-radius:4px;flex-direction:column;flex:none;width:clamp(280px,32vw,410px);transition:transform .4s,border-color .4s,box-shadow .4s;display:flex;overflow:hidden}.marquee-card:hover,.marquee-card:focus-visible{border-color:#f1bb74;transform:translateY(-10px);box-shadow:0 20px 40px #0007}.marquee-cover{aspect-ratio:1.65;position:relative;overflow:hidden}.marquee-cover:after{content:"";background:linear-gradient(#0000 40%,#0a0b10b0);position:absolute;inset:0}.marquee-cover img{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transition:transform .65s,filter .65s}.marquee-card:hover img{filter:saturate();transform:scale(1.055)}.marquee-number{z-index:1;letter-spacing:2px;color:#f1bb74;font:500 16px Teko,sans-serif;position:absolute;bottom:16px;left:20px}.marquee-open{z-index:1;color:#f1bb74;font-size:26px;position:absolute;bottom:12px;right:18px}.marquee-copy{flex-direction:column;flex:1;padding:24px;display:flex}.marquee-tags{letter-spacing:1.5px;color:#f1bb74;font-size:10px}.marquee-copy h3{color:#eaf2ff;margin:12px 0;font-size:21px;line-height:1.5}.marquee-copy p{color:#eaf9ffa8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 22px;font-size:13px;line-height:1.9;display:-webkit-box;overflow:hidden}.marquee-more{color:#f1bb74;border-top:1px solid #f1bb7425;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.home-document .studio-footer{backdrop-filter:blur(16px);background:#0a0b10b8;border-top:1px solid #f1bb7428;position:relative}@media (width<=760px){.hero-scroll{min-height:700px}.home-section>.shell{padding-block:64px}.home-section .section-heading{align-items:start;gap:18px}.home-section .section-heading h2{font-size:28px}.home-section .eyebrow{letter-spacing:2px;font-size:14px}.home-section .post-row{padding:22px 12px}.marquee-copy{padding:20px}.marquee-group{gap:16px;padding-right:16px}.marquee-card{width:78vw}.home-landscape>.landscape-foreground{opacity:.09}}@media (prefers-reduced-motion:reduce){html.home-document{scroll-behavior:auto;scroll-snap-type:y proximity}.hero-sticky{opacity:1!important;transform:none!important}.home-section:not(.in-view)>.shell{opacity:1;transform:none}.home-section>.shell,.marquee-card,.marquee-cover img,.writing-section .post-row{transition:none}.home-landscape img,.landscape-embers{transform:none!important}.landscape-embers i{animation:none}.marquee-group[aria-hidden]{display:none}}@media (prefers-reduced-motion:no-preference){html.home-document{scroll-behavior:smooth}}@media (width>=761px) and (height<=850px){.home-section>.shell{padding-block:40px}.home-section .section-heading{margin-bottom:24px}.marquee-copy{padding:20px}.marquee-cover{aspect-ratio:1.85}.marquee-copy h3{font-size:20px}}.project-marquee{scrollbar-width:none}.project-marquee::-webkit-scrollbar{display:none}.home-landscape>.landscape-distance{object-fit:cover;object-position:50% 0;filter:saturate(.8);width:100%;height:max(300vw,220svh);transform:translate3d(0,var(--scroll-offset,0px),0);will-change:transform}.home-section{perspective:1400px;--panel-y:0;--panel-depth:0}.home-section>.shell,.home-section:not(.in-view)>.shell,.home-section.in-view>.shell{opacity:1;perspective:1400px;transition:none;transform:none}.home-section .section-heading{transform-origin:bottom;transform:translate3d(0,calc(var(--panel-y) * 58px),calc(var(--panel-depth) * -160px)) rotateX(calc(var(--panel-y) * -16deg));opacity:calc(1 - var(--panel-depth) * .72);will-change:transform,opacity}.home-section .project-marquee,.home-section .post-list,.home-section .photo-tiles{transform-origin:50%;transform:translate3d(0,calc(var(--panel-y) * 105px),calc(var(--panel-depth) * -220px)) rotateX(calc(var(--panel-y) * -11deg));opacity:calc(1 - var(--panel-depth) * .65);will-change:transform,opacity}#hero .hero-copy{translate:0 calc(var(--hero-exit,0) * -60px);rotate:x calc(var(--hero-exit,0) * 10deg);transform-origin:top}.project-marquee{perspective:1400px;width:100%;padding-block:32px 40px;mask-image:none}.marquee-card{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transition:transform .16s ease-out,border-color .3s,box-shadow .3s;position:relative}.marquee-card:hover,.marquee-card:focus-visible{transform:perspective(1000px) translateY(-8px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 22px 40px #0009}@media (width<=1000px){.work-section .section-heading{width:calc(100% - 64px)}}@media (width<=700px){.work-section .section-heading{width:calc(100% - 40px)}.project-marquee{padding-block:22px 30px}}@media (prefers-reduced-motion:reduce){.home-landscape>.landscape-distance{transform:translate3d(0,var(--scroll-offset,0px),0)!important}.home-section .section-heading,.home-section .project-marquee,.home-section .post-list,.home-section .photo-tiles,.marquee-card,.marquee-card:hover,.marquee-card:focus-visible{opacity:1;transition:none;transform:none}#hero .hero-copy{translate:none;rotate:none}}.home-page .work-section{perspective:none;display:block;overflow:visible}.work-section>.shell{perspective:none}.stellar-journey{height:390svh;position:relative}.stellar-sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0}.stellar-stage{isolation:isolate;will-change:transform,opacity;width:100%;height:92svh;position:relative}.stellar-stage canvas{touch-action:pan-y!important}.stellar-labels{pointer-events:none;position:absolute;inset:0;overflow:visible}.stellar-billboard{pointer-events:none;visibility:hidden;will-change:transform;position:absolute}.stellar-billboard .stellar-card{pointer-events:auto}.stellar-billboard:hover,.stellar-billboard:focus-within{z-index:1100!important}.stellar-card{color:#eaf2ff;cursor:pointer;text-align:left;touch-action:pan-y;background:#1c212fee;border:1px solid #656f9866;border-radius:12px;flex-direction:column;width:220px;padding:12px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 15px 30px #0009}.stellar-card:hover,.stellar-card:focus-visible{outline-offset:3px;border-color:#f1bc78;outline:2px solid #f1bc78;transform:scale(1.12);box-shadow:0 20px 45px #000a,0 0 25px #f1bc7840}.stellar-card img{object-fit:cover;pointer-events:none;border-radius:6px;width:100%;height:175px}.stellar-card strong{white-space:normal;margin:7px 0;font:600 17px/1.5 Noto Sans SC,sans-serif}.stellar-number{letter-spacing:2px;color:#f1bc78;margin-top:12px;font:500 15px Teko,sans-serif}.stellar-tags{color:#eaf9ffa0;font-size:10px}.stellar-hint{text-align:center;color:#eaf9ff90;letter-spacing:2px;pointer-events:none;font-size:12px;position:absolute;bottom:20px;left:0;right:0}.stellar-modal{color:#eaf2ff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;padding:40px;position:fixed;inset:0;overflow:auto}.stellar-modal[open]{place-items:center;display:grid}.stellar-modal::backdrop{backdrop-filter:blur(12px);background:#0a0b10dc}.stellar-close{color:#eaf2ff;cursor:pointer;z-index:2;background:#1c212f;border:1px solid #656f98;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:24px;right:24px}.stellar-detail{width:min(100%,430px);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:#1c212f;border:1px solid #656f9866;border-radius:16px;transition:transform .22s ease-out;overflow:hidden;box-shadow:0 30px 80px #0008}.stellar-detail>img{object-fit:cover;width:100%;max-height:42svh;display:block}.stellar-detail>div{padding:24px}.stellar-detail h3{margin:12px 0;font-size:24px}.stellar-detail p{color:#eaf9ffb0;font-size:14px;line-height:1.8}.stellar-detail a{color:#0a0b10;background:#f1bc78;border-radius:6px;justify-content:space-between;align-items:center;margin-top:22px;padding:12px 16px;display:flex}.stellar-fallback{flex-wrap:wrap;justify-content:center;gap:20px;padding:30px 0;display:flex}.stellar-journey.reduced{height:auto}.reduced .stellar-sticky{height:auto;position:relative}.reduced .stellar-stage{height:auto}.reduced .stellar-hint{display:none}@media (width<=700px){.stellar-card{width:200px}.stellar-card img{height:150px}.stellar-modal{padding:60px 20px}.stellar-journey{height:350svh}}@media (prefers-reduced-motion:reduce){.stellar-card,.stellar-detail{transition:none}.stellar-card:hover{transform:none}}.stellar-journey:not(.reduced){margin-bottom:-65svh}.stellar-billboard{transform-style:preserve-3d}.stellar-billboard .stellar-card{transform-style:preserve-3d;backface-visibility:hidden;transform:rotateX(var(--hover-x,0deg)) rotateY(var(--hover-y,0deg));background:#1c212f;box-shadow:7px 9px #0a0b10aa,0 20px 40px #0009}.stellar-billboard .stellar-card:hover,.stellar-billboard .stellar-card:focus-visible{transform:translateZ(18px) rotateX(var(--hover-x,0deg)) rotateY(var(--hover-y,0deg)) scale(1.1);box-shadow:0 24px 50px #000a,0 0 28px #f1bc7838}.stellar-labels[data-settled=true] .stellar-card{touch-action:auto}.work-section>.shell,.stellar-journey,.stellar-sticky,.stellar-stage,.stellar-labels{overflow:visible}.stellar-billboard .stellar-card{height:310px}.stellar-billboard .stellar-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stellar-billboard .stellar-tags{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.home-landscape .landscape-distance{filter:none;width:100%;height:auto;transform:translate3d(0,var(--scroll-offset,0px),0);will-change:transform;--band-height:max(33.333vw,55svh);--band-overlap:clamp(64px,8vw,160px);position:absolute;inset:0 0 auto}.landscape-distance img{width:100%;height:var(--band-height);object-fit:cover;object-position:center;filter:none;display:block;transform:none}.landscape-distance img+img{margin-top:calc(-1 * var(--band-overlap));mask-image:linear-gradient(to bottom,transparent,#000 var(--band-overlap));position:relative}.landscape-veil{background:linear-gradient(90deg,#0a0b10ac,#0a0b1050 60%,#0a0b1033),linear-gradient(#0000 40%,#0a0b1040)}.home-section{isolation:isolate;perspective:1600px;overflow:clip}.home-section>.shell{z-index:2;perspective:1600px;padding-block:52px;position:relative}.section-midground{z-index:1;aspect-ratio:1;pointer-events:none;transform-origin:60% 60%;width:clamp(240px,26vw,440px);transform:translate3d(calc(var(--panel-y) * 50px),calc(var(--panel-y) * 155px),calc(var(--panel-depth) * -300px)) rotateY(calc(var(--panel-y) * 16deg)) rotateX(calc(var(--panel-y) * -9deg));opacity:calc(1 - var(--panel-depth) * .88);will-change:transform,opacity;position:absolute;top:clamp(16px,5svh,70px);right:clamp(24px,8vw,160px)}.section-midground img{object-fit:contain;filter:drop-shadow(0 25px 24px #0008);width:100%;height:100%;animation:9s ease-in-out infinite alternate midground-breathe}@keyframes midground-breathe{to{translate:0 -9px;rotate:1deg}}.home-section .section-heading{z-index:3;transform-origin:25%;min-height:180px;transform:translate3d(0,calc(var(--panel-y) * 240px),calc(var(--panel-depth) * 110px)) rotateX(calc(var(--panel-y) * -20deg));opacity:calc(1 - var(--panel-depth) * .9);will-change:transform,opacity;align-items:center;margin-bottom:22px;padding-right:28%;position:relative}.home-section .section-heading h2{letter-spacing:-.035em;white-space:nowrap;text-shadow:0 10px 30px #0a0b10a0;margin:0;font-size:clamp(42px,5.1vw,82px);line-height:1.22}.home-section .eyebrow{margin-bottom:18px;font-size:clamp(16px,1.6vw,24px)}.home-section .section-heading .text-link{z-index:4;margin:0;font-size:12px;position:absolute;bottom:6px;right:0}.home-section .project-marquee,.home-section .post-list,.home-section .photo-tiles{z-index:2;transform-origin:50% 15%;transform:translate3d(0,calc(var(--panel-y) * 100px),calc(var(--panel-depth) * -130px)) rotateX(calc(var(--panel-y) * -12deg));opacity:calc(1 - var(--panel-depth) * .72);position:relative}.project-marquee{padding-block:20px 32px}.marquee-card{width:clamp(280px,28vw,390px)}.marquee-cover{aspect-ratio:2}.marquee-copy{padding:18px 22px}.marquee-copy h3{font-size:20px}.marquee-copy p{margin-bottom:16px}.writing-section .section-midground{width:clamp(300px,34vw,500px);top:12svh;right:3vw}.photos-section .photo-tiles{height:clamp(300px,45svh,560px)}.hero-scroll{perspective:1600px}.hero-sticky{will-change:opacity}#hero{perspective:1600px;--hero-exit:0}#hero #scene,#hero #fallback img:nth-child(3){translate:calc(var(--hero-exit) * 80px) calc(var(--hero-exit) * 105px);rotate:y calc(var(--hero-exit) * -9deg);opacity:calc(1 - var(--hero-exit) * .35)}#hero .hero-copy{translate:0 calc(var(--hero-exit) * -190px);rotate:x calc(var(--hero-exit) * 19deg);transform-origin:top;opacity:calc(1 - var(--hero-exit) * .7)}#hero .skill-chart{translate:0 calc(var(--hero-exit) * -80px)}@media (width>=761px) and (height<=800px){.home-section>.shell{padding-block:30px}.home-section .section-heading{min-height:150px;margin-bottom:12px}.home-section .section-heading h2{font-size:clamp(40px,4.7vw,68px)}.section-midground{width:250px;top:16px}.writing-section .section-midground{width:310px;top:25px}.project-marquee{padding-block:20px 24px}.marquee-copy p{font-size:12px}.photos-section .photo-tiles{height:42svh}}@media (width<=760px){.home-section>.shell{padding-block:44px}.home-section .section-heading{justify-content:start;align-items:start;min-height:165px;margin-bottom:16px;padding-right:0}.home-section .section-heading h2{white-space:normal;max-width:85%;font-size:clamp(31px,6.8vw,50px);line-height:1.4}.home-section .section-heading .text-link{bottom:0;left:0;right:auto}.home-section .eyebrow{letter-spacing:2px;margin-bottom:14px;font-size:14px}.section-midground,.writing-section .section-midground{width:180px;opacity:calc(.65 - var(--panel-depth) * .6);top:26px;right:-25px}.writing-section .post-list{width:100%}.marquee-card{width:78vw}.photos-section .photo-tiles{height:48svh}.landscape-distance img{object-position:60% center}}@media (prefers-reduced-motion:reduce){.section-midground,.home-section .section-heading,.home-section .project-marquee,.home-section .post-list,.home-section .photo-tiles{opacity:1;will-change:auto;transform:none}.section-midground img{animation:none}#hero #fallback img:first-child,#hero #building-fire,#hero #scene,#hero #fallback img:nth-child(3),#hero #foreground-fire,#hero #embers,#hero .hero-copy,#hero .skill-chart{opacity:1;translate:none;rotate:none}.home-landscape .landscape-distance{transform:translate3d(0,var(--scroll-offset,0px),0)}}.landscape-distance img:first-child{object-position:60% center;height:100svh}.home-section .section-heading{padding-bottom:36px;display:block}.home-section .section-heading .text-link{bottom:2px;left:0;right:auto}.home-section .section-heading h2{text-shadow:none}html.home-document{scroll-snap-type:none;scroll-behavior:smooth}.home-section,.hero-scroll{scroll-snap-align:none;scroll-snap-stop:normal}.home-landscape{transform:translate3d(var(--camera-x,0%),0,0) scale(var(--camera-scale,1.025));transform-origin:50%;will-change:transform}.home-section,.home-section>.shell{perspective:none}.home-section .section-heading{will-change:transform,opacity;padding-right:0}.home-section .project-marquee,.home-section .post-list,.home-section .photo-tiles{transform-origin:50% 30%;will-change:transform,opacity}.writing-section .post-list{max-width:none}.home-section .post-row,.home-section .photo-tile{opacity:var(--chapter-reveal,1);translate:0 calc((1 - var(--chapter-reveal,1)) * 20px)}#hero .hero-copy{opacity:1;translate:none;rotate:none}#hero #scene,#hero #fallback img:nth-child(3){translate:calc(var(--hero-exit) * 15px) calc(var(--hero-exit) * 45px);opacity:1;rotate:none}@media (prefers-reduced-motion:reduce){html.home-document{scroll-behavior:auto}.home-landscape{will-change:auto;transform:none}.home-section .post-row,.home-section .photo-tile{opacity:1;translate:none}#hero #scene,#hero #fallback img,#hero #building-fire,#hero #foreground-fire,#hero #embers{translate:none!important;rotate:none!important}}.chapter-foregrounds{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.chapter-foreground{opacity:0;visibility:hidden;transform-origin:50% 100%;will-change:opacity,transform;position:absolute;bottom:-20px;left:-2%;right:-2%}.chapter-foreground img{object-fit:fill;filter:brightness(.8)saturate(.8);width:100%;height:auto;max-height:62svh;display:block}.home-page{z-index:2}.home-section>.shell{isolation:isolate}.home-document .studio-footer{z-index:2}.hero-scroll{height:135svh;min-height:945px}.hero-scroll>.hero-sticky{height:100svh;min-height:700px;position:sticky;top:0}#hero #fallback img:first-child{translate:0 calc(var(--hero-exit) * 70px)}#hero #building-fire{translate:0 calc(var(--hero-exit) * 55px)}#hero #scene,#hero #fallback img:nth-child(3){translate:calc(var(--hero-exit) * 22px) calc(var(--hero-exit) * 30px)}#hero #foreground-fire,#hero #embers{translate:0 calc(var(--hero-exit) * -60px)}@media (width<=760px){.hero-scroll{height:130svh;min-height:910px}.chapter-foreground{bottom:-8px;left:-12%;right:-12%}.chapter-foreground img{max-height:35svh}.home-section .section-heading{padding-bottom:36px}}@media (prefers-reduced-motion:reduce){.hero-scroll{height:100svh;min-height:700px}.hero-scroll>.hero-sticky{position:relative}.chapter-foreground{will-change:auto;transform:none!important}}.hero-scroll>.hero-sticky{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--hero-feather,0px)),transparent 100%)}.home-section .section-heading,#hero #hero-title{transform-origin:0}#hero #hero-title{width:550px;max-width:100%;text-shadow:none;margin:0 0 8px;line-height:0;animation:none}#hero .hero-title-art{filter:drop-shadow(0 3px 8px #0008);width:100%;height:auto;display:block}.home-page.english .section-heading h2{letter-spacing:-.015em;white-space:normal;color:#eaf2ff;background:0 0;max-width:100%;font-family:Noto Sans,sans-serif;font-size:clamp(34px,4vw,64px);font-weight:600;font-stretch:100%;line-height:1.2}.home-section .section-heading h2>span[data-en]:not(.orange-text):not(.purple-text){color:#eaf2ff}#hero .work-button{transform:perspective(900px) translate3d(var(--button-x,0px),var(--button-y,0px),0) rotateY(var(--button-yaw,0deg)) rotateX(var(--button-pitch,0deg)) scale(var(--button-hover-scale,1));transform-style:preserve-3d;will-change:transform;cursor:pointer;transition:background .22s,border-color .22s,box-shadow .22s}#hero .work-button:hover,#hero .work-button:focus-visible{--button-hover-scale:1.045;background:#ff990023;border-color:#f90;outline:2px solid #0000;box-shadow:0 8px 25px #0006,0 0 20px #ff990020}#hero .work-button:focus-visible{outline-offset:5px;outline-color:#f90}#hero .work-button img{transition:transform .25s;transform:translateZ(9px)}#hero .work-button span{transform:translateZ(5px)}#hero .work-button:hover img{transform:translate3d(4px,0,12px)}@media (width<=760px){#hero #hero-title{width:100%;max-width:500px}.home-page.english .section-heading h2{max-width:100%;font-size:clamp(30px,7.8vw,44px);font-weight:600;line-height:1.25}}@media (prefers-reduced-motion:reduce){#hero .work-button,#hero .work-button img{will-change:auto;transition:none;transform:none!important}}.work-section>.shell{width:calc(100% - 112px);max-width:1200px}.work-section .section-heading{width:100%;max-width:none;margin-inline:0}.work-section .project-marquee{width:100%;max-width:100%;padding-block:20px 32px}@media (width<=1000px){.work-section>.shell{width:calc(100% - 64px)}}@media (width<=700px){.work-section>.shell{width:calc(100% - 40px)}}.chapter-foreground{transform-origin:50% 100%;inset:0}.chapter-foreground .foreground-edge{object-fit:contain;filter:brightness(.72)saturate(.7);image-rendering:auto;width:100%;height:auto;max-height:none;position:absolute;bottom:-10px}.foreground-edge.edge-left{left:0;mask-image:linear-gradient(90deg,#000 0% 12%,#0000 43%)}.foreground-edge.edge-right{right:0;mask-image:linear-gradient(270deg,#000 0% 12%,#0000 43%)}#hero #hero-title{aspect-ratio:1902/587;margin:0 0 16px;position:relative;overflow:hidden}#hero #hero-title .hero-title-art{filter:none;width:104.259%;max-width:none;height:auto;position:absolute;top:-18.3986%;left:-2.31335%}.home-page .photos-section{perspective:none;display:block;overflow:visible}.unfurl-journey{height:240svh;position:relative}.unfurl-sticky{justify-content:center;align-items:center;height:88svh;display:flex;position:sticky;top:6svh;overflow:clip}.unfurl-banner{isolation:isolate;background:#0a0b1099;border:1px solid #656f9850;height:80svh;position:relative;overflow:hidden}.unfurl-perspective{perspective:1000px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.unfurl-matrix{transform-origin:50%;will-change:transform;flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:125%;height:150svh;display:flex}.unfurl-column{will-change:transform;flex-direction:column;flex-shrink:0;gap:20px;width:24%;display:flex}.unfurl-photo{color:#eaf2ff;cursor:pointer;touch-action:pan-y;background:#1c212f;border:0;flex-shrink:0;width:100%;height:clamp(190px,30vw,360px);padding:0;transition:scale .3s;position:relative;overflow:hidden}.unfurl-photo:hover,.unfurl-photo:focus-visible{outline-offset:-2px;outline:2px solid #f1bc78;scale:1.02}.unfurl-photo img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s;display:block}.unfurl-photo:hover img,.unfurl-photo:focus-visible img{opacity:1}.unfurl-photo>span{text-align:left;background:linear-gradient(#0000,#0a0b10cc);padding:32px 16px 14px;font-size:14px;position:absolute;inset:auto 0 0}.unfurl-photo b{float:right;color:#f1bc78}.unfurl-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 50px 65px -35px #0a0b10,inset 0 -50px 65px -35px #0a0b10}.unfurl-lightbox{color:#eaf2ff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:64px 24px 28px;position:fixed;inset:0}.unfurl-lightbox::backdrop{background:#0a0b10ed}.unfurl-lightbox[open]{justify-content:center;align-items:center;display:flex}.unfurl-lightbox figure{text-align:center;max-width:1200px;margin:0}.unfurl-lightbox img{object-fit:contain;max-width:100%;max-height:75svh;margin:auto;display:block}.unfurl-lightbox figcaption{margin-top:16px;font-size:14px}.unfurl-close{color:#eaf2ff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font:36px/44px sans-serif;position:fixed;top:16px;right:20px}@media (width<=650px){.unfurl-matrix{gap:10px;width:170%}.unfurl-column{gap:10px}.unfurl-photo{height:210px}.unfurl-photo>span{padding:24px 8px 10px;font-size:11px}}.unfurl-journey.reduced{height:auto}.reduced .unfurl-sticky{height:auto;position:relative;top:0;overflow:visible}.reduced .unfurl-banner{height:auto;overflow:visible}.reduced .unfurl-perspective{perspective:none;position:relative}.reduced .unfurl-matrix{will-change:auto;align-items:start;width:100%;height:auto}.reduced .unfurl-column{will-change:auto;flex:1;min-width:0}.reduced .unfurl-photo{height:220px}.reduced .unfurl-vignette{display:none}@media (prefers-reduced-motion:reduce){.unfurl-photo,.unfurl-photo img{transition:none}.unfurl-photo:hover{scale:1}}.unfurl-journey:not(.reduced){width:100dvw;margin-left:calc(50% - 50dvw)}.unfurl-sticky{height:100svh;top:0;overflow:clip}.unfurl-banner{box-sizing:border-box;will-change:width,height,border-radius;border-style:solid;flex-shrink:0}.unfurl-journey.reduced{width:100%;margin-left:0}.photo-load-status{color:#eaf2ff;text-align:center;justify-items:center;gap:18px;min-width:220px;padding:48px 24px;font-size:14px;display:grid}.photo-load-status[hidden]{display:none}.photo-load-status:not(.failed):before{content:"";border:3px solid #656f9855;border-top-color:#f90;border-radius:50%;width:36px;height:36px;animation:1s linear infinite photo-loading}@keyframes photo-loading{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.photo-load-status:before{animation:none!important}}
