:root{--bg:#0d0e10;--surface:#151618;--surface-2:#202225;--blue:#245f8d;--blue-bright:#9fc9e5;--silver:#c3c9ca;--text:#f0f1ef;--muted:#979ea1;--line:rgba(223,228,228,0.18);--line-bright:rgba(242,245,247,0.5);--radius-sm:2px;--radius-md:10px;--pad:clamp(1.25rem,4vw,4.5rem);--display:clamp(4rem,10vw,10.5rem);--project:clamp(3.2rem,7.5vw,8.4rem);--section:clamp(2.6rem,5vw,5.5rem);--body:clamp(1rem,1.25vw,1.25rem);--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:auto}body,html{background:var(--bg);color:var(--text)}body{margin:0;font-family:Space Grotesk,Inter,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:var(--body);line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.34;background:linear-gradient(90deg,transparent calc(var(--pad) - 1px),rgba(166,202,224,.07) var(--pad),transparent calc(var(--pad) + 1px),transparent calc(100% - var(--pad) - 1px),rgba(166,202,224,.07) calc(100% - var(--pad)),transparent calc(100% - var(--pad) + 1px))}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:var(--blue);color:white}.page-shell{min-height:100vh}.section{position:relative;padding:clamp(6rem,11vw,11rem) var(--pad);border-top:0;content-visibility:auto;contain-intrinsic-size:900px}.section:before{content:none}.system-layer{position:fixed;z-index:40;right:var(--pad);bottom:1.25rem;display:flex;align-items:center;gap:.6rem;color:rgba(198,224,240,.64);font-size:.52rem;letter-spacing:.15em;pointer-events:none;mix-blend-mode:screen}.system-layer i{display:block;width:clamp(2rem,5vw,5rem);height:1px;background:currentColor}.system-layer small{font:inherit}.section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(.75rem,1.5vw,1.5rem);gap:clamp(.75rem,1.5vw,1.5rem)}.eyebrow{margin:0 0 2rem;color:var(--silver);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}.section-title{margin:0;font-size:var(--section);font-weight:520;line-height:.94;letter-spacing:-.045em}.muted{color:var(--muted)}.temp-label{position:absolute;top:1rem;left:1rem;z-index:2;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.35);background:rgba(13,14,16,.68);color:white;font-size:.58rem;letter-spacing:.16em}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:100;transform:translateY(-150%);background:white;color:black;padding:.7rem 1rem}.skip-link:focus{transform:none}@media (max-width:760px){:root{--pad:1.15rem;--display:clamp(3.4rem,17vw,5.7rem);--project:clamp(3rem,14vw,5.4rem);--section:clamp(2.8rem,12vw,4.2rem)}.section{padding-top:5rem;padding-bottom:5rem;contain-intrinsic-size:720px}.section-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.glass-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.system-layer{right:1.15rem;bottom:.8rem}.system-layer small{display:none}}@media (hover:none),(pointer:coarse){.ripple-hover:after{display:none}.media-frame:hover img,.project-image:hover img,.wall-item:hover img{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.arrow-icon{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square;stroke-linejoin:miter;transition:transform .45s var(--ease)}a:hover .arrow-icon{transform:translateX(.35rem)}.project-number{display:block;color:var(--silver);font-size:clamp(2rem,3vw,4rem);font-weight:300;letter-spacing:-.04em}.project-number small{font-size:.65rem;letter-spacing:.14em;color:var(--muted)}.project-tag{display:inline-flex;align-items:center;min-height:1.75rem;padding:.25rem .5rem;color:var(--silver);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.glass-panel,.project-tag{border:1px solid var(--line)}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.012));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-header{display:grid;grid-template-columns:1fr 7fr 3fr;grid-gap:1rem;gap:1rem;align-items:end;margin-bottom:clamp(3rem,7vw,7rem)}.section-header>span{display:flex;flex-direction:column;gap:.35rem;color:var(--blue-bright);font-size:.72rem;letter-spacing:.15em}.section-header>span b{font-size:1.1rem;font-weight:450}.section-header>span small{color:var(--muted);font-size:.54rem;letter-spacing:.14em}.section-header h2{margin:0;font-size:var(--section);line-height:.94;letter-spacing:-.05em;font-weight:500;text-transform:uppercase}.section-header p{margin:0;color:var(--muted);font-size:.85rem}.ripple-hover{--pointer-x:50%;--pointer-y:50%;position:relative;isolation:isolate;overflow:hidden}.ripple-hover:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle 11rem at var(--pointer-x) var(--pointer-y),rgba(77,184,255,.24),rgba(255,255,255,.06) 35%,transparent 72%);transition:opacity .45s ease;mix-blend-mode:screen}.ripple-hover:hover:after{opacity:1}@media (max-width:760px){.section-header{grid-template-columns:1fr 3fr;align-items:start}.section-header p{grid-column:2}.ripple-hover:after{display:none}}.nav{position:fixed;inset:0 0 auto;z-index:20;height:5rem;align-items:stretch;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid rgba(190,220,238,.11);background:rgba(5,15,25,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.nav{display:flex}.brand{align-items:center;gap:1rem;letter-spacing:.18em}.brand>span{font-size:1.4rem;font-weight:600}.brand small{color:var(--silver);font-size:.58rem;line-height:1.35}.nav-links{position:relative;display:flex}.nav-indicator{position:absolute;left:0;bottom:.75rem;width:24px;height:1px;pointer-events:none;background:rgba(185,223,245,.8);will-change:transform}.nav-links a{position:relative;display:grid;place-items:center;min-width:8.5rem;border-left:1px solid rgba(190,220,238,.1);color:rgba(230,242,249,.82);font-size:.6rem;letter-spacing:.18em;transition:color .3s ease,background .3s ease}.nav-links a:focus-visible,.nav-links a:hover{color:var(--blue-bright);background:rgba(110,180,224,.03)}.footer{min-height:78vh;display:grid;grid-template-columns:8fr 4fr;grid-gap:4rem;gap:4rem;align-content:space-between;padding:clamp(5rem,10vw,9rem) var(--pad) 2rem;border-top:1px solid var(--line);background:var(--surface)}.footer p,.footer span{color:var(--muted);font-size:.65rem;letter-spacing:.16em}.footer h2{margin:2rem 0;font-size:clamp(3.2rem,7vw,8rem);font-weight:400;line-height:.92;letter-spacing:-.055em}.footer-links{align-self:end}.footer-links span{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;border-bottom:1px solid var(--line-bright);font-size:.76rem;letter-spacing:.16em}.footer>p:last-child{text-align:right}.scroll-progress{position:fixed;z-index:30;right:0;top:0;width:2px;height:100vh;background:rgba(183,192,203,.1);pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:var(--blue-bright);will-change:transform}@media(max-width:760px){.nav{height:4.2rem}.nav-links a{min-width:auto;padding:0 .6rem;font-size:.58rem}.brand small{display:none}.footer{min-height:72vh;grid-template-columns:1fr;gap:3rem}.footer>p:last-child{text-align:left}}@media(max-width:360px){.nav-links a{padding:0 .42rem;letter-spacing:.1em}}.hero{position:relative;min-height:100svh;padding:7.5rem var(--pad) 2.25rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;overflow:hidden;background:#060a12}.hero:after{content:"";position:absolute;inset:auto var(--pad) 2.25rem;height:1px;background:rgba(217,229,238,.2)}.hero-copy{position:relative;z-index:3;grid-column:1/span 8;padding-bottom:clamp(3.5rem,9vh,8rem);pointer-events:none;transform:translate3d(0,calc(var(--hero-scroll, 0) * -2.8rem),0);opacity:calc(1 - var(--hero-scroll, 0) * .46);transition:opacity .1s linear}.hero h1{margin:0 0 1.5rem;font-size:var(--display);font-weight:520;line-height:.78;letter-spacing:-.08em;color:#eef4f8}.hero-copy p{margin:.25rem 0;color:#c7d7e2;font-size:clamp(.64rem,.95vw,.82rem);letter-spacing:.21em}.hero-world{position:fixed;z-index:0;inset:0;pointer-events:none;background:#03070d}.hero-webgl{width:100%!important;height:100%!important}.page-shell{position:relative;z-index:1}.hero{background:transparent}.hero-world:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 42%,transparent 0 20%,rgba(3,7,13,.38) 56%,rgba(3,7,13,.76));pointer-events:none}.scroll-hint{position:absolute;z-index:4;left:var(--pad);bottom:2.65rem;color:#a4b7c5;font-size:.6rem;letter-spacing:.18em}.personal-intro{width:min(86vw,1500px);min-height:70svh;margin:clamp(8rem,16vh,14rem) auto;padding:clamp(2rem,5vw,5rem);border:1px solid rgba(180,210,235,.42);border-radius:1.5rem;background:rgba(8,20,34,.68);box-shadow:0 0 4rem rgba(45,141,207,.12),inset 0 1px rgba(220,240,255,.18);color:#eff6fb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.personal-intro .section-header p,.personal-intro .section-header>span{color:#a9c7dc}.intro-layout{display:grid;grid-template-columns:8fr 4fr;grid-gap:clamp(2rem,7vw,9rem);position:relative}.intro-layout:before{content:"";position:absolute;left:0;top:-2rem;width:clamp(6rem,15vw,17rem);height:1px;background:#1d5d8d}.intro-layout h2{max-width:15ch;font-size:clamp(3rem,6.8vw,7.8rem);font-weight:450;line-height:.91;letter-spacing:-.07em}.intro-layout h2 span{display:block;margin-bottom:2rem;font-size:.7rem;font-weight:500;letter-spacing:.16em}.intro-copy{max-width:31rem;padding-bottom:.5rem}.intro-copy p{margin:0 0 1.4rem;font-size:clamp(1rem,1.45vw,1.32rem);line-height:1.45}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:0;gap:0;margin:clamp(5rem,10vw,10rem) 0 0;padding:0;border-top:1px solid #aeb6bb;border-bottom:1px solid #aeb6bb;list-style:none}.metric-grid li{padding:1.15rem .8rem 1.15rem 0;border-right:1px solid #aeb6bb;font-size:.59rem;letter-spacing:.12em}.profile-lower{display:grid;grid-template-columns:7fr 5fr;grid-gap:2rem;margin-top:3rem;padding:1.5rem;border:1px solid rgba(171,215,244,.25);background:rgba(3,12,22,.32)}.profile-lower h3{margin:0 0 1rem}.profile-lower h3 small{margin-left:.5rem;color:#86b9df;font-size:.55rem;letter-spacing:.16em}.profile-skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.profile-skills article{position:relative;min-height:6rem;padding:1rem;border:1px solid rgba(181,220,245,.3);background:rgba(60,116,153,.1)}.profile-skills b,.profile-skills small,.profile-skills span{display:block}.profile-skills span{margin-top:.6rem;color:#c4d2dc;font-size:.68rem}.profile-skills small{position:absolute;right:.8rem;bottom:.6rem;color:#80c8f3;font-size:.55rem}.profile-experience{padding-left:1.4rem;border-left:1px solid rgba(181,220,245,.3)}.profile-experience article{position:relative;display:grid;grid-gap:.25rem;gap:.25rem;padding:.55rem 0 .55rem 1rem;border-bottom:1px solid rgba(181,220,245,.16)}.profile-experience article:before{content:"";position:absolute;left:-.3rem;top:1rem;width:.45rem;height:.45rem;border-radius:50%;background:#8cccf2;box-shadow:0 0 .8rem #4eafea}.profile-experience span{color:#93c8ed;font-size:.61rem}.profile-experience b{font-size:.78rem;font-weight:500}.profile-experience small{color:#bfcbd4;font-size:.66rem}.capability{width:min(88vw,1500px);margin:0 auto clamp(7rem,14vh,12rem);padding:clamp(2rem,5vw,5rem);background:rgba(8,20,34,.54);border:1px solid rgba(180,210,235,.25)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.capability-grid article{min-height:17rem;padding:1rem 1.25rem 2rem 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-grid article:nth-child(3n){border-right:0}.capability-grid article:nth-child(3n+2),.capability-grid article:nth-child(3n+3){padding-left:1.25rem}.capability-grid span{color:var(--muted);font-size:.62rem;letter-spacing:.16em}.capability-grid h3{max-width:12ch;margin:4.5rem 0 1rem;font-size:clamp(1.35rem,2.1vw,2.2rem);font-weight:480;line-height:.95;letter-spacing:-.04em}.capability-grid p{max-width:26rem;margin:0;color:#aab1b6;font-size:.76rem;line-height:1.55}.projects-horizontal{position:relative;height:800svh;background:linear-gradient(145deg,#090b0f,#11151b 48%,#080a0d);border-top:1px solid var(--line)}.projects-stage{position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.projects-stage-header{z-index:3;top:6.2rem;left:var(--pad);right:var(--pad);display:grid;grid-template-columns:2fr 7fr 3fr;grid-gap:1rem;gap:1rem;align-items:start;pointer-events:none}.projects-stage-header p,.projects-stage-header span{color:#b1c5d2;font-size:.58rem;letter-spacing:.17em}.projects-stage-header span{display:flex;gap:.6rem;align-items:center}.projects-stage-header span:after{content:"";width:2rem;height:1px;background:#4e9ed2}.projects-stage-header h2{margin:0;font-size:clamp(2.2rem,4.25vw,5rem);font-weight:470;line-height:.83;letter-spacing:-.065em}.projects-stage-header p{justify-self:end;text-align:right}.projects-track{display:flex;width:400%;height:100%;will-change:transform}.brochure-track{width:800%}.brochure-slide{width:12.5%}.project-panel{width:25%;flex:none;display:grid;grid-template-columns:5fr 7fr;grid-gap:clamp(2rem,5vw,7rem);gap:clamp(2rem,5vw,7rem);align-items:center;padding:8rem var(--pad) 3rem}.project-panel-copy{position:relative;padding-top:6rem}.project-panel-copy:before,.project-panel-media:after{content:"";position:absolute;width:1rem;height:1rem;border-color:rgba(153,210,246,.75);pointer-events:none}.project-panel-copy:before{left:-.55rem;top:5.55rem;border-top:1px solid;border-left:1px solid}.project-panel-media:after{right:.75rem;bottom:.75rem;border-right:1px solid;border-bottom:1px solid;z-index:3}.project-index{display:block;color:#c6d2d9;font-size:clamp(3.1rem,6vw,6.5rem);line-height:.8;font-weight:350;letter-spacing:-.07em}.project-index small{margin-left:.5rem;color:#7f888d;font-size:.64rem;letter-spacing:.14em}.project-panel-copy>p,.project-role{display:block;margin:1.45rem 0;color:#9ca5aa;font-size:.62rem;letter-spacing:.14em}.project-panel h3{max-width:7ch;margin:0;font-size:clamp(3.3rem,6.1vw,7rem);font-weight:530;line-height:.88;letter-spacing:-.075em}.project-title-en{display:block;margin-top:.75rem;color:#98c6e3;font-size:.64rem;font-weight:450;letter-spacing:.18em;text-transform:uppercase}.project-panel a{display:inline-flex;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:.85rem;border-top:1px solid #aab4b8;font-size:.63rem;letter-spacing:.16em}.project-panel-media{position:relative;min-height:min(63vh,47vw);overflow:hidden;background:#eee}.project-panel-media img{object-fit:cover;transition:transform .9s var(--ease),filter .9s var(--ease)}.project-panel-media:hover img{transform:scale(1.025);filter:brightness(1.04)}.project-panel-media>span{position:absolute;z-index:2;top:1rem;left:1rem;padding:.3rem .45rem;background:rgba(0,0,0,.55);color:#fff;font-size:.58rem;letter-spacing:.16em}.projects-progress{position:absolute;z-index:4;display:flex;gap:.6rem;align-items:center;right:var(--pad);bottom:2.55rem;color:#a0a8ad;font-size:.6rem;letter-spacing:.12em}.projects-progress i{width:5.5rem;height:1px;background:#657077}.project-directions{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(3rem,8vw,10rem);gap:clamp(3rem,8vw,10rem);width:min(88vw,1500px);margin:clamp(8rem,17vh,15rem) auto}.direction-card{position:relative;display:grid;grid-template-columns:5fr 7fr;grid-column:2/-1;grid-gap:clamp(1.5rem,5vw,6rem);gap:clamp(1.5rem,5vw,6rem);min-height:72svh;padding:1.2rem 0;border-top:1px solid rgba(185,215,234,.3);background:rgba(5,14,24,.5)}.direction-card:nth-child(2){grid-column:1/span 11;grid-template-columns:7fr 5fr}.direction-card:nth-child(2) .direction-copy{order:2}.direction-card:nth-child(2) .direction-media{order:1}.direction-card:nth-child(3){grid-column:3/-1}.direction-card header{position:absolute;z-index:2;top:1.2rem;left:0;right:0;display:flex;justify-content:space-between;color:#a8c4d8;font-size:.58rem;letter-spacing:.16em}.direction-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:5rem 1.25rem 1.25rem}.direction-copy p,.direction-copy strong{color:#a3bed2;font-size:.62rem;font-weight:500;letter-spacing:.15em}.direction-copy h2{max-width:7ch;margin:1.1rem 0 .7rem;font-size:clamp(3.2rem,6.2vw,7.2rem);font-weight:450;line-height:.86;letter-spacing:-.075em}.direction-copy>span{max-width:23rem;margin-top:2rem;color:#b7c5ce;font-size:.82rem;line-height:1.6}.direction-copy a{display:inline-flex;align-items:center;gap:.8rem;width:max-content;margin-top:2rem;padding-top:.75rem;border-top:1px solid rgba(197,218,231,.45);font-size:.6rem;letter-spacing:.15em}.direction-media{position:relative;min-height:clamp(25rem,55vw,52rem);overflow:hidden;background:#132331}.direction-media img{object-fit:cover;filter:saturate(.74) brightness(.83);transition:transform .9s var(--ease)}.direction-card:hover .direction-media img{transform:scale(1.025)}.direction-corporate-website .direction-media{border-radius:0 5rem 0 0}.direction-video-motion .direction-media{-webkit-clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}.direction-exhibition .direction-media{border:1px solid rgba(185,215,234,.42);transform:translateY(2.5rem)}.visual-wall{width:min(92vw,1550px);margin:0 auto clamp(2rem,4vw,4rem);background:rgba(8,20,34,.5);color:#eaf3f8}.visual-wall .section-header p,.visual-wall .section-header>span{color:#5d666d}.wall-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(10rem,20vw));grid-gap:1rem;gap:1rem}.wall-item{border:1px solid rgba(20,49,66,.46);background:#d5d9dc}.wall-item:nth-child(odd){transform:translateY(-1rem)}.wall-item:before{content:"";position:absolute;z-index:4;inset:.55rem auto auto .55rem;width:.55rem;height:.55rem;border-top:1px solid #1680bb;border-left:1px solid #1680bb}.wall-item img{object-fit:cover}.wall-item-1{grid-column:1/span 3;grid-row:1/span 2}.wall-item-2{grid-column:4/span 5;grid-row:1}.wall-item-3{grid-column:9/-1;grid-row:1/span 2}.wall-item-4{grid-column:4/span 2;grid-row:2/span 2}.wall-item-5{grid-column:6/span 3;grid-row:2}.wall-item-6{grid-column:1/span 3;grid-row:3}.wall-item-7{grid-column:6/span 3;grid-row:3}.wall-item-8{grid-column:9/-1;grid-row:3}.content-social{background:#1b1b1a}.content-social-grid{display:grid;grid-template-columns:3fr 3fr 6fr;grid-gap:1rem;align-items:end}.content-figure{margin:0;font-size:clamp(3.1rem,6vw,7rem);font-weight:420;line-height:.85;letter-spacing:-.07em}.content-figure span{display:block;margin-top:1rem;color:var(--muted);font-size:.61rem;letter-spacing:.14em}.content-social-grid>p:last-child{max-width:32rem;margin:0;color:#b5b9ba;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.45}.additional{min-height:18svh;padding-top:2.5rem;padding-bottom:2.5rem;background:rgba(8,20,34,.62);color:#eaf3f8}.additional .section-header p,.additional .section-header>span{color:#58636a}.additional-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #8d989d}.additional-grid span{padding:1.2rem 0;border-bottom:1px solid #8d989d;font-size:clamp(.72rem,1.05vw,1rem);letter-spacing:.08em}.additional-grid span:nth-child(3n+2),.additional-grid span:nth-child(3n+3){padding-left:1rem;border-left:1px solid #8d989d}.about{min-height:92svh;display:flex;flex-direction:column;justify-content:center;background:#0e0f10}.about-grid{display:grid;grid-template-columns:8fr 4fr;grid-gap:5rem;gap:5rem;align-items:end}.about h2{margin:0;font-size:clamp(2.8rem,5.5vw,6.5rem);font-weight:400;line-height:1.01;letter-spacing:-.065em}.about h2 strong{display:block;margin-bottom:.6rem;color:#dae7ee;font-size:1.18em}.experience{border-left:1px solid var(--line);padding-left:1.5rem}.experience p,.experience small,.experience>span{color:var(--muted);font-size:.6rem;letter-spacing:.13em}.experience ol{margin:1.5rem 0 2rem;padding:0;list-style:none}.experience li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.experience b{font-size:.9rem;font-weight:500}.experience small{white-space:nowrap}@media(max-width:760px){.capability,.personal-intro,.visual-wall{width:92vw;margin-left:auto;margin-right:auto;border-radius:1rem}.profile-lower{grid-template-columns:1fr;padding:1rem}.profile-experience{padding-left:1rem;border-left:0;border-top:1px solid rgba(181,220,245,.3);padding-top:1rem}.profile-skills{grid-template-columns:1fr}.hero{padding-top:6rem}.hero-copy{grid-column:1/-1;padding-bottom:7rem}.hero h1{font-size:clamp(4rem,19vw,6.1rem)}.hero-scene:after{background:linear-gradient(0deg,#060a12,transparent 48%,rgba(6,10,18,.25))}.scroll-hint{bottom:2.55rem}.about-grid,.content-social-grid,.intro-layout{grid-template-columns:1fr;gap:2.5rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid li:nth-child(2n){border-right:0;padding-left:.8rem}.additional-grid,.capability-grid{grid-template-columns:1fr}.capability-grid article,.capability-grid article:nth-child(3n),.capability-grid article:nth-child(3n+2),.capability-grid article:nth-child(3n+3){min-height:0;padding:1rem 0 2rem;border-right:0}.capability-grid h3{margin:3rem 0 .75rem}.additional-grid span,.additional-grid span:nth-child(3n+2),.additional-grid span:nth-child(3n+3){padding-left:0;border-left:0}.projects-horizontal{height:auto}.projects-stage{position:relative;height:auto;overflow:visible}.projects-stage-header{position:relative;top:auto;left:auto;right:auto;display:block;padding:5rem var(--pad) 2rem}.projects-stage-header h2{margin:1rem 0;font-size:clamp(3rem,13vw,4.6rem)}.projects-stage-header p{text-align:left}.projects-track{display:block;width:auto;height:auto;transform:none!important}.project-panel{width:auto;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;padding:3rem var(--pad);border-top:1px solid var(--line)}.project-panel-copy{padding-top:0}.project-panel h3{font-size:clamp(3.1rem,14vw,5.2rem)}.project-panel-media{min-height:65vw;grid-row:1}.projects-progress{display:none}.project-directions{display:block;width:92vw;margin:6rem auto}.direction-card,.direction-card:nth-child(2),.direction-card:nth-child(3){grid-column:auto;grid-template-columns:1fr;min-height:0;margin-bottom:4rem}.direction-card:nth-child(2) .direction-copy,.direction-card:nth-child(2) .direction-media{order:0}.direction-copy{padding:4.2rem 1rem 1.2rem}.direction-copy h2{font-size:clamp(3rem,15vw,5rem)}.direction-media{min-height:70vw}.direction-corporate-website .direction-media{border-radius:0 2.5rem 0 0}.direction-exhibition .direction-media{transform:none}.wall-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.wall-item,.wall-item-1,.wall-item-2,.wall-item-3,.wall-item-4,.wall-item-5,.wall-item-6,.wall-item-7,.wall-item-8{grid-column:auto;grid-row:auto;min-height:50vw}.wall-item:nth-child(3n){grid-column:span 2}.content-figure{font-size:clamp(3.8rem,18vw,6rem)}}.projects-stage{height:100svh}@media(max-width:760px){.capability-marquee .marquee-line{animation-duration:52s}}main>.section{content-visibility:visible;contain-intrinsic-size:auto}@media(max-width:760px){.projects-horizontal{height:auto;overflow:visible}.projects-stage-header{position:relative;top:auto}.projects-track.brochure-track{display:block;width:auto;height:auto}.brochure-case{width:auto;display:block}}.hero-world:after{background:radial-gradient(circle at 66% 45%,transparent 0 16%,rgba(3,7,13,.18) 58%,rgba(3,7,13,.46))}.personal-intro{width:min(84vw,1320px);min-height:0;margin:clamp(5rem,10vh,8rem) auto;padding:clamp(1.75rem,4vw,4.2rem);background:rgba(7,19,33,.52);box-shadow:0 1rem 4rem rgba(5,20,35,.12),inset 0 1px rgba(220,241,255,.16)}.intro-layout{grid-template-columns:minmax(0,8fr) minmax(12rem,4fr);gap:clamp(2rem,7vw,9rem)}.intro-summary{max-width:46rem;font-size:clamp(1.25rem,1.65vw,1.6rem);line-height:1.75}.intro-copy{padding:0;align-self:end}.intro-copy p:first-child{font-size:.86rem;letter-spacing:.08em}.intro-copy .muted{margin-top:1.1rem}.profile-lower{grid-template-columns:1fr 1.08fr;gap:2rem;margin-top:clamp(2.5rem,5vw,4.5rem);padding:1.15rem;background:rgba(4,13,24,.28)}.profile-skills article{min-height:4.7rem;padding:.75rem .9rem;border-color:rgba(181,220,245,.2);background:rgba(50,111,151,.035)}.profile-skills span{margin-top:.4rem;font-size:.57rem}.profile-experience{padding-left:1.25rem}.profile-experience button{grid-template-columns:7.4rem 1fr 1rem;padding:.78rem 0}.profile-experience button b{font-size:.67rem}.profile-experience button span{font-size:.52rem}.profile-experience article.is-open .experience-detail p{padding:.1rem 1.6rem .9rem 8rem}.projects-stage-header{top:5.9rem}.brochure-case{grid-template-columns:minmax(15rem,3.1fr) minmax(0,8.9fr);gap:clamp(2.5rem,5vw,7rem);padding:7.5rem var(--pad) 3rem}.brochure-copy>span{margin-bottom:2.1rem;font-size:clamp(3.2rem,5.2vw,6.3rem)}.brochure-copy p{margin:0 0 1.25rem;font-size:.54rem}.brochure-copy h3{margin:0;font-size:clamp(2.6rem,4.6vw,5.7rem);line-height:.91}.brochure-copy strong{margin-top:1.1rem;font-size:.64rem}.brochure-copy small{margin-top:1.65rem;font-size:.55rem;line-height:1.8}.brochure-media{gap:clamp(.6rem,1.2vw,1.4rem)}.brochure-media figure{min-height:clamp(19rem,37vw,39rem);background:rgba(16,31,43,.72)}.brochure-media figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,32,.03),rgba(7,20,32,.22));pointer-events:none}.brochure-media span{z-index:3}.visual-wall{position:relative;overflow:hidden;padding:clamp(2rem,4vw,4rem);border:1px solid transparent;border-radius:1.45rem;background:linear-gradient(rgba(8,21,34,.26),rgba(8,21,34,.26)) padding-box,linear-gradient(135deg,rgba(82,169,226,.82),rgba(225,240,249,.5),rgba(36,93,137,.7)) border-box;box-shadow:0 0 3rem rgba(50,135,197,.14),inset 0 0 3rem rgba(179,220,246,.07);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.visual-wall .section-header{position:relative;z-index:2}.wall-grid{position:relative;z-index:1}.capability-marquee{position:relative;overflow:hidden;min-height:15svh;margin:clamp(3rem,7vw,7rem) 0;padding:.55rem 0;border-top:1px solid rgba(176,216,241,.22);border-bottom:1px solid rgba(176,216,241,.22);background:rgba(7,19,33,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marquee-line{display:flex;width:max-content;gap:1.15rem;padding:.55rem 0;animation:marquee 32s linear infinite;white-space:nowrap}.marquee-line span{color:#dbeaf4;font-size:clamp(1rem,1.7vw,1.55rem);letter-spacing:.03em}.marquee-line i{margin-left:1.15rem;color:#4eade5;font-style:normal}.marquee-line .is-highlight{color:#62baf0}.marquee-reverse{animation-direction:reverse;animation-duration:38s;opacity:.72}@keyframes marquee{to{transform:translateX(calc(-50% - .575rem))}}@media(max-width:760px){.personal-intro{width:92vw;margin:4rem auto;padding:1.4rem}.intro-layout{grid-template-columns:1fr;gap:1.5rem}.intro-summary{font-size:1.08rem;line-height:1.75}.intro-copy{display:none}.profile-lower{grid-template-columns:1fr;gap:1.2rem}.profile-experience{padding-left:0;border-left:0;border-top:1px solid rgba(181,220,245,.25);padding-top:1rem}.profile-experience button{grid-template-columns:1fr 1rem}.profile-experience button span{grid-column:1/-1}.profile-experience article.is-open .experience-detail p{padding:.2rem 1.2rem 1rem 0}.projects-horizontal{height:auto;overflow:visible}.brochure-case{padding:2.5rem var(--pad)}.brochure-copy>span{margin-bottom:1.2rem}.brochure-copy h3{font-size:clamp(2.2rem,11vw,3.8rem)}.brochure-media figure{min-height:40vw}.capability-marquee{min-height:13svh}.marquee-line{animation-duration:48s}.marquee-line span{font-size:1rem}.visual-wall{width:92vw;padding:1rem;border-radius:1rem}}@media(prefers-reduced-motion:reduce){.marquee-line{animation-play-state:paused}}.personal-intro{min-height:auto;margin:clamp(7rem,13vh,11rem) auto;background:rgba(7,19,33,.27);scroll-margin-top:5.5rem}.intro-layout{grid-template-columns:7fr 5fr;align-items:end;gap:clamp(2rem,6vw,7rem)}.intro-layout:before{display:none}.intro-layout h2{max-width:none;margin:0;font-size:clamp(4.5rem,9vw,10rem);font-weight:470;line-height:.78;letter-spacing:-.09em}.intro-name-en{display:block;margin:.85rem 0 1.6rem;color:#95c4e5;font-size:.61rem;letter-spacing:.2em}.intro-summary{max-width:33rem;margin:0;color:#d1dce4;font-size:clamp(1.35rem,1.7vw,1.75rem);line-height:1.65;letter-spacing:.02em}.intro-copy{align-self:center;padding-top:3rem}.intro-copy p:first-child{color:#d9ecf8;font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.35}.intro-copy .muted{margin-top:2.2rem;font-size:.6rem;letter-spacing:.17em}.profile-lower{margin-top:clamp(3rem,7vw,6rem);background:rgba(4,13,24,.36);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-skills article{min-height:5.5rem;padding:.9rem;background:rgba(50,111,151,.07)}.profile-skills span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem}.profile-experience article{display:block;padding:0}.profile-experience article:before{display:none}.profile-experience button{position:relative;display:grid;grid-template-columns:8.5rem 1fr 1.2rem;width:100%;grid-gap:.8rem;gap:.8rem;padding:.9rem .1rem .8rem;border:0;border-bottom:1px solid rgba(181,220,245,.18);background:transparent;color:inherit;text-align:left;cursor:pointer}.profile-experience button span{color:#93c8ed;font-size:.58rem}.profile-experience button b{font-size:.72rem;font-weight:500;line-height:1.45}.profile-experience button i{justify-self:end;color:#8bc9ef;font-style:normal;transition:transform .35s var(--ease)}.experience-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s var(--ease),opacity .3s ease}.experience-detail p{overflow:hidden;margin:0;color:#b6c8d6;font-size:.7rem;line-height:1.65}.profile-experience article.is-open .experience-detail{grid-template-rows:1fr;opacity:1}.profile-experience article.is-open .experience-detail p{padding:.15rem 1.8rem 1rem 9.3rem}.profile-experience article.is-open button i{transform:rotate(45deg)}.capability{margin-bottom:clamp(6rem,10vh,9rem);padding:clamp(1.5rem,3vw,3rem);background:rgba(8,20,34,.25);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.capability .section-header{margin-bottom:2rem}.capability-grid article{min-height:0;padding:.9rem 1rem .9rem 0}.capability-grid h3{margin:1.6rem 0 .35rem;font-size:clamp(1.15rem,1.65vw,1.65rem)}.capability-grid p{color:#8da5b6;font-size:.62rem}.capability-grid span{font-size:.52rem}.projects-horizontal{height:calc(100svh + 450vw);background:transparent;border-top:0}.projects-stage-header{position:absolute;z-index:4;top:6.3rem}.projects-track.brochure-track{display:flex;width:300%;height:100svh}.brochure-case{width:33.3333%;flex:none;display:grid;grid-template-columns:3.3fr 8.7fr;align-items:center;grid-gap:clamp(2rem,4vw,5rem);gap:clamp(2rem,4vw,5rem);padding:7rem var(--pad) 3rem}.brochure-copy{align-self:center}.brochure-copy>span{display:block;color:#dce9f1;font-size:clamp(4rem,7vw,8rem);font-weight:350;line-height:.8;letter-spacing:-.08em}.brochure-copy p,.brochure-copy small,.brochure-copy strong{display:block;margin-top:1rem;color:#8fc3e4;font-size:.58rem;letter-spacing:.16em}.brochure-copy h3{margin:1.4rem 0 .4rem;font-size:clamp(2.8rem,5.4vw,6.6rem);font-weight:450;line-height:.84;letter-spacing:-.075em}.brochure-copy small{max-width:18rem;color:#b7c6d0;line-height:1.7}.brochure-media{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:clamp(.5rem,1vw,1.2rem);gap:clamp(.5rem,1vw,1.2rem);align-items:center}.brochure-media figure{position:relative;min-height:clamp(20rem,41vw,43rem);margin:0;overflow:hidden;border:1px solid rgba(190,216,233,.24);background:#111f2b}.brochure-media figure:nth-child(2){transform:translateY(2rem)}.brochure-media figure:nth-child(3){transform:translateY(-1rem)}.brochure-media img{object-fit:cover;filter:saturate(.76) brightness(.87)}.brochure-media span{position:absolute;z-index:2;left:.6rem;top:.6rem;color:#f1f8fc;font-size:.48rem;letter-spacing:.12em}.projects-progress{z-index:5}.video-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:var(--pad);background:rgba(1,6,12,.74);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-modal{position:relative;width:min(76vw,980px);padding:1rem;border:1px solid rgba(173,212,239,.45);background:rgba(6,18,30,.9);box-shadow:0 2rem 7rem rgba(0,0,0,.5)}.video-close{position:absolute;z-index:3;right:1rem;top:1rem;width:2rem;height:2rem;border:0;background:rgba(0,0,0,.55);color:white;cursor:pointer;font-size:1.4rem}.video-screen{position:relative;min-height:min(55vh,36rem);overflow:hidden;background:#09131d}.video-screen img{object-fit:cover;filter:saturate(.7) brightness(.65)}.video-modal.is-playing .video-screen img{animation:temp-play 1.1s steps(2) infinite}.video-screen span{position:absolute;left:1rem;bottom:1rem;color:#d5efff;font-size:.58rem;letter-spacing:.16em}.video-modal>p{margin:1.1rem 0 .25rem;color:#9ac7e4;font-size:.58rem;letter-spacing:.15em}.video-modal h3{margin:0;font-size:clamp(2rem,4vw,4.5rem);font-weight:460;line-height:.9}.video-modal>small{color:#b7c8d3;font-size:.68rem}.video-play{margin-top:1.3rem;padding:.75rem 1rem;border:1px solid rgba(172,216,244,.56);background:transparent;color:#dff3ff;font-size:.58rem;letter-spacing:.15em;cursor:pointer}@keyframes temp-play{50%{transform:scale(1.035);filter:brightness(.9) saturate(1.1)}}.visual-wall{background:rgba(7,19,33,.38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wall-grid{grid-template-rows:repeat(3,minmax(10rem,17vw))}.wall-item-9{grid-column:1/span 2;grid-row:4}.wall-item-10{grid-column:3/span 4;grid-row:4}.wall-item-11{grid-column:7/span 3;grid-row:4}.wall-item-12{grid-column:10/-1;grid-row:4}.wall-item:nth-child(3n) img{filter:hue-rotate(142deg) saturate(.7) brightness(.9)}.wall-item:nth-child(4n) img{filter:grayscale(.5) contrast(1.1)}.wall-item:nth-child(5n) img{filter:sepia(.22) saturate(1.2) brightness(.95)}.content-social{width:min(88vw,1500px);min-height:0;margin:6rem auto 0;padding:1.1rem 1.5rem;border:1px solid rgba(177,214,238,.28);background:rgba(8,20,34,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content-social .section-header{display:flex;align-items:center;justify-content:space-between;margin:0}.content-social .section-header h2{font-size:1.1rem}.content-social-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:1rem;margin-top:1rem}.content-social-grid span,.content-social-grid strong{color:#c2d9e8;font-size:.72rem;letter-spacing:.1em}.content-social-grid strong{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:440;text-align:right}.content-social-grid strong small{display:block;color:#8eaeC2;font-size:.52rem;letter-spacing:.13em}.additional{width:min(88vw,1500px);min-height:15svh;margin:1.5rem auto 6rem;padding:1.1rem 1.5rem;border:1px solid rgba(177,214,238,.2);background:rgba(8,20,34,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.additional .section-header{display:flex;justify-content:space-between;margin-bottom:1rem}.additional .section-header h2{font-size:1rem}.additional-grid{grid-template-columns:repeat(5,1fr);border-top:0}.additional-grid span{padding:.35rem 0;border-bottom:0;color:#b7cbd9;font-size:.64rem}.additional-grid span:nth-child(n+2){padding-left:1rem;border-left:1px solid rgba(177,214,238,.22)}.brochure-case:nth-child(2) .brochure-media img{filter:hue-rotate(135deg) saturate(.75) brightness(.96)}.brochure-case:nth-child(3) .brochure-media img{filter:sepia(.38) saturate(1.15) brightness(.92)}@media(max-width:760px){.personal-intro{margin:5rem auto;padding:1.6rem}.intro-layout{grid-template-columns:1fr;gap:2rem}.intro-layout h2{font-size:clamp(4rem,20vw,6.6rem)}.intro-summary{font-size:1.15rem;line-height:1.65}.intro-copy{padding-top:0}.profile-experience button{grid-template-columns:1fr 1.2rem}.profile-experience button span{grid-column:1/-1}.profile-experience article.is-open .experience-detail p{padding:.2rem 1.8rem 1rem 0}.capability{padding:1.4rem}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid article,.capability-grid article:nth-child(n){padding:.7rem;border-right:1px solid var(--line)}.capability-grid article:nth-child(2n){border-right:0}.projects-horizontal{height:auto;overflow:visible}.projects-stage-header{position:relative;top:auto;padding:5rem var(--pad) 2rem}.projects-track.brochure-track{display:block;width:auto;height:auto}.brochure-case{width:auto;display:block;padding:3rem var(--pad);border-top:1px solid rgba(177,214,238,.2)}.brochure-copy{margin-bottom:2rem}.brochure-media{gap:.6rem}.brochure-media figure{min-height:40vw}.brochure-media figure:nth-child(2),.brochure-media figure:nth-child(3){transform:none}.projects-progress{display:none}.video-modal{width:92vw}.video-screen{min-height:52vw}.wall-grid{grid-template-rows:none}.wall-item,.wall-item-1,.wall-item-10,.wall-item-11,.wall-item-12,.wall-item-2,.wall-item-3,.wall-item-4,.wall-item-5,.wall-item-6,.wall-item-7,.wall-item-8,.wall-item-9{grid-column:auto;grid-row:auto;min-height:45vw}.wall-item:nth-child(3n){grid-column:span 2}.additional,.content-social{width:92vw}.additional .section-header,.content-social .section-header{display:block}.content-social-grid{grid-template-columns:1fr 1fr}.content-social-grid strong{text-align:left}.additional{min-height:0;margin-bottom:3rem}.additional-grid{grid-template-columns:1fr 1fr}.additional-grid span:nth-child(n+2){padding-left:.6rem}}.projects-horizontal{height:100svh;overflow:hidden}.capability-marquee{min-height:0;margin:clamp(2rem,4vw,4rem) 0;padding:.5rem 0}.capability-marquee .marquee-line{padding:.35rem 0;animation-duration:36s}.capability-marquee .marquee-line span{font-size:clamp(.96rem,1.35vw,1.3rem)}@media(max-width:760px){.projects-horizontal{height:auto;overflow:visible}.capability-marquee .marquee-line{animation-duration:52s}}.website-cases{width:min(92vw,1480px);margin:0 auto;padding:clamp(4rem,7vw,7rem) 0 clamp(2rem,4vw,4rem);border:0;background:transparent}.website-list{display:grid;grid-gap:0;gap:0}.website-case{position:relative;width:100%;min-height:clamp(36rem,60vw,54rem)}.website-case+.website-case{margin-top:clamp(12rem,30vh,24rem)}.website-case header{position:absolute;z-index:8;top:12%;left:0;width:min(23rem,31%);pointer-events:none}.website-case:nth-child(2) header{top:20%;left:auto;right:0;text-align:right}.website-case header p,.website-case header span,.website-case header strong{display:block;margin:0;color:#9fcbe6;font-size:.57rem;letter-spacing:.15em}.website-case header p{margin-top:.85rem;color:#9caeba;line-height:1.65}.website-case h3{margin:1.25rem 0 .6rem;color:#eaf3f8;font-size:clamp(2.45rem,4.4vw,5.3rem);font-weight:450;line-height:.9;letter-spacing:-.075em}.website-media{position:absolute;inset:0;perspective:1800px;transform-style:preserve-3d;pointer-events:none}.screen-position{position:absolute;margin:0;transform:var(--screen-position);transform-style:preserve-3d;pointer-events:auto}.screen-main{--screen-position:translateZ(72px) rotateY(-4deg);left:30%;top:12%;width:42%;height:71%}.screen-side-1{--screen-position:translateZ(-116px) rotateY(15deg) rotateX(3deg);left:6%;top:28%;width:21%;height:37%}.screen-side-2{--screen-position:translateZ(-138px) rotateY(-16deg) rotateX(-2deg);right:3%;top:17%;width:21%;height:35%}.website-case:nth-child(2) .screen-main{--screen-position:translateZ(72px) rotateY(4deg);left:auto;right:30%}.website-case:nth-child(2) .screen-side-1{--screen-position:translateZ(-116px) rotateY(-15deg) rotateX(3deg);left:auto;right:6%}.website-case:nth-child(2) .screen-side-2{--screen-position:translateZ(-138px) rotateY(16deg) rotateX(-2deg);left:3%;right:auto}.screen-hover{position:relative;width:100%;height:100%;border:1px solid rgba(183,222,245,.42);border-radius:.2rem;overflow:hidden;background:rgba(7,20,32,.28);box-shadow:0 1rem 2.5rem rgba(0,0,0,.24);transform:translateZ(0)}.screen-hover img{object-fit:cover;filter:saturate(.8) brightness(.88)}.website-case:nth-child(2) img{filter:hue-rotate(130deg) saturate(.82) brightness(.92)}.screen-position>span{bottom:.7rem;color:#d6e8f2;font-size:.48rem;letter-spacing:.12em}.screen-position>i,.screen-position>span{position:absolute;z-index:2;left:.7rem;pointer-events:none}.screen-position>i{top:.65rem;width:.32rem;height:.32rem;border-radius:50%;background:#9ac6dd;box-shadow:.68rem 0 #8b9bab,1.36rem 0 #416b8b}.video-gallery{min-height:0;overflow:hidden;padding-bottom:clamp(5rem,9vw,9rem);background:transparent}.video-toolbar{margin:1.35rem 0 .2rem;color:#a5c8dd;font-size:.55rem;letter-spacing:.15em;opacity:.5}.video-rail{--video-card-size:clamp(18rem,31vw,31rem);position:relative;height:calc(clamp(22rem,37vw,37rem) * 1.12 + 4rem);margin:0 calc(var(--pad) * -1);overflow:hidden;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-rail[data-input-mode=drag]{cursor:-webkit-grabbing;cursor:grabbing}.video-card{position:absolute;top:2rem;left:50%;width:var(--video-card-size);height:clamp(22rem,37vw,37rem);padding:0;overflow:hidden;border:1px solid rgba(180,213,232,.28);background:#0b1722;color:#e9f4fa;text-align:left;cursor:pointer;will-change:transform;transform:translateX(-50%)}.video-card img{object-fit:cover;pointer-events:none}.video-card b,.video-card small,.video-card span{position:absolute;z-index:2;left:1rem;pointer-events:none}.video-card span{top:1rem;color:#a7d8f5;font-size:.65rem}.video-card b{bottom:2.6rem;font-size:clamp(1.5rem,2.7vw,3rem);font-weight:460}.video-card small{bottom:1.1rem;color:#d1e2ec;font-size:.55rem;letter-spacing:.12em}.video-card:focus-visible{outline:2px solid #bbdff3;outline-offset:-4px}.video-card.is-selected{border-color:rgba(172,225,253,.72)}.wall-grid{grid-auto-rows:minmax(10rem,17vw)}.wall-item-13{grid-column:1/span 6;grid-row:5}.wall-item-14{grid-column:7/span 6;grid-row:5}.ending{position:relative;display:grid;place-items:center;min-height:100svh;padding:0 var(--pad);background:transparent}.ending-legal{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));left:var(--pad);right:var(--pad);text-align:center}.ending-legal a{display:inline-block;padding:8px 4px;color:#7e8e9d;font-size:11px;line-height:1.5;letter-spacing:.03em}.ending-legal a:focus-visible,.ending-legal a:hover{color:#b4c2cf}.ending-orb{display:grid;width:clamp(16rem,29vw,26rem);aspect-ratio:1;align-content:end;justify-items:center;grid-gap:.8rem;gap:.8rem;padding:2.8rem 1.5rem;border:1px solid rgba(168,218,247,.55);border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(129,200,239,.1),rgba(9,28,44,.05) 52%,rgba(4,14,25,.12));box-shadow:inset 0 0 2rem rgba(208,237,255,.08);opacity:clamp(0,calc((var(--ending-progress,0) - .72) / .28),1);transform:scale(calc(.98 + clamp(0,calc((var(--ending-progress,0) - .72) / .28),1) * .02))}.ending-orb a,.ending-orb span{position:relative;margin:0;color:#e4f1f8;font-size:clamp(.57rem,.72vw,.7rem);text-shadow:0 1px 8px #03070d}.ending-orb a{border-bottom:1px solid rgba(182,224,247,.45);padding-bottom:.35rem}.ending-orb a:hover{color:#bce5fc}@media(max-width:760px){.website-cases{width:100%;padding-left:var(--pad);padding-right:var(--pad)}.website-case{min-height:42rem}.website-case+.website-case{margin-top:5rem}.website-case header,.website-case:nth-child(2) header{top:0;left:0;right:auto;width:84%;text-align:left}.website-media{top:7.8rem;perspective:1100px}.screen-main{--screen-position:translateZ(28px) rotateY(-2deg);left:0;width:82%;top:0;height:45%}.screen-side-1{--screen-position:translateZ(-34px) rotateY(6deg);left:auto;right:0;top:33%;width:58%;height:29%}.screen-side-2{--screen-position:translateZ(-48px) rotateY(-7deg);left:10%;right:auto;top:auto;bottom:2%;width:62%;height:29%}.website-case:nth-child(2) .screen-main{--screen-position:translateZ(28px) rotateY(2deg);right:0}.website-case:nth-child(2) .screen-side-1{--screen-position:translateZ(-34px) rotateY(-6deg);left:0;right:auto}.website-case:nth-child(2) .screen-side-2{--screen-position:translateZ(-48px) rotateY(7deg);left:auto;right:10%}.video-toolbar{display:none}.video-rail{--video-card-size:78vw;height:calc(104vw * 1.12 + 4rem)}.video-card{height:104vw}.wall-item-13,.wall-item-14{grid-column:auto;grid-row:auto;min-height:45vw}.ending-orb{width:min(83vw,22rem);padding-bottom:2rem}}@media(prefers-reduced-motion:reduce){.ending-orb{opacity:1;transform:none}}.screen-hover{border-color:rgba(183,222,245,calc(.3 + var(--screen-energy,0) * .28));will-change:transform}.screen-hover:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 22% 35% at var(--highlight-x,50%) var(--highlight-y,50%),rgba(226,242,251,.2),transparent);opacity:var(--screen-energy,0);box-shadow:inset 0 1px rgba(225,240,250,.2)}.personal-intro{isolation:isolate;border-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform-origin:center}.profile-glass{position:absolute;z-index:-1;inset:0;border:1px solid rgba(180,210,235,.42);border-radius:inherit;background:rgba(7,19,33,.48);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(220,241,255,.16),0 1rem 4rem rgba(5,20,35,.12);pointer-events:none}@media(prefers-reduced-motion:reduce){.profile-glass{filter:none}}.projects-stage-header{opacity:var(--brochure-entry,1)}.brochure-real .brochure-media figure{min-height:0;aspect-ratio:1/2}.brochure-real .brochure-case .brochure-media img{object-fit:contain;filter:none}.brochure-real .brochure-surface:after{background:none}.website-real .website-case .screen-hover img{object-fit:fill;filter:none}.website-real .screen-hover{--chrome-height:5%;border:1px solid rgba(160,194,216,.22);border-radius:4px;background:rgba(14,31,47,.4);box-shadow:0 22px 60px -26px rgba(0,0,0,.42),-8px -6px 54px -18px rgba(108,166,206,.13)}.website-real .screen-main .screen-hover{border-color:rgba(182,213,232,.32);box-shadow:0 28px 76px -30px rgba(0,0,0,.46),-10px -8px 66px -18px rgba(118,177,216,.18)}.website-real .screen-chrome{position:absolute;top:0;left:0;right:0;height:var(--chrome-height);display:flex;align-items:center;gap:clamp(3px,.35vw,5px);padding:0 2.2%;background:linear-gradient(110deg,rgba(77,112,140,.24),rgba(31,54,76,.12) 60%,rgba(18,38,58,.06));border-bottom:1px solid rgba(167,199,221,.12);box-shadow:inset 0 1px rgba(213,233,247,.12);pointer-events:none}.website-real .screen-chrome i{width:clamp(2px,.27vw,4px);aspect-ratio:1;border-radius:50%;background:rgba(166,192,211,.5)}.website-real .screen-chrome i:nth-child(2){opacity:.65}.website-real .screen-chrome i:nth-child(3){opacity:.4}.website-real .screen-chrome span{margin-left:auto;width:8%;height:1px;background:rgba(163,194,214,.24)}.website-real .screen-content{position:absolute;inset:var(--chrome-height) 0 0;overflow:hidden}.website-real .screen-hover:before{content:"";position:absolute;z-index:3;inset:var(--chrome-height) 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(162,198,224,.055),rgba(125,163,194,.018) 38%,transparent 75%),linear-gradient(118deg,transparent 23%,rgba(221,237,250,.04) 35%,transparent 50%)}.website-real .screen-hover:after{z-index:4;background:radial-gradient(ellipse 32% 45% at var(--highlight-x,50%) var(--highlight-y,50%),rgba(226,242,251,.095),transparent);box-shadow:inset 0 1px rgba(225,240,250,.12)}.website-real .screen-main:after{content:"";position:absolute;left:9%;right:9%;bottom:-10px;height:1px;background:linear-gradient(90deg,transparent,rgba(136,185,218,.18),transparent);pointer-events:none}@media (max-width:760px){.website-real .screen-hover{border-radius:3px}.website-real .screen-chrome{gap:3px}.website-real .screen-chrome i{width:2px}.website-real .screen-main:after{opacity:.55}}.video-modal-real{box-sizing:border-box;width:min(92vw,1000px,calc(64dvh * var(--video-ratio) + 2rem));max-height:94dvh;overflow:auto;padding:1rem;background:#06101b;border-color:rgba(173,212,239,.24)}.video-modal-real .video-screen{width:100%;height:auto;min-height:0;aspect-ratio:var(--video-ratio);background:#02060b}.video-modal-real .video-screen video{display:block;width:100%;height:100%;object-fit:contain}.video-modal-real .video-close{top:.35rem;right:.35rem}.video-modal-real>p{margin:.65rem 0 .2rem}.video-modal-real h3{font-size:clamp(1.25rem,2vw,2rem)}.video-compatibility{margin-top:.7rem;color:#c4d5e1;font-size:.75rem;line-height:1.5}.video-compatibility a{display:block;color:#a9cee7;text-underline-offset:3px}@media(max-width:760px){.video-overlay{padding:.5rem}.video-modal-real{padding:.65rem;width:min(94vw,calc(62dvh * var(--video-ratio) + 1.3rem))}}.wall-real .wall-item img{object-fit:contain;filter:none}.visual-wall.wall-showcase{position:relative;isolation:isolate;width:min(90vw,1280px);margin:0 auto 4rem;padding:24px 0 0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;scroll-margin-top:100px}.wall-showcase:before{content:"";position:absolute;z-index:-1;inset:-30px -5vw -40px;pointer-events:none;background:radial-gradient(ellipse at 48% 35%,rgba(13,34,55,.94),rgba(3,10,19,.95) 75%)}.wall-showcase-header{display:flex;gap:20px;align-items:center;padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid rgba(163,191,211,.17)}.wall-section-number{color:#88a5b8;font-size:20px;align-self:flex-start;padding-top:5px}.wall-showcase-header h2{margin:0;color:#e3edf5;font-size:clamp(27px,3vw,42px);font-weight:400;letter-spacing:-.04em;line-height:1.2}.wall-showcase-header p{margin:8px 0 0;color:#96abba;font-size:10px;letter-spacing:.18em}.wall-showcase-header small{margin-left:auto;max-width:300px;color:#8c9fad;font-size:10px;letter-spacing:.1em;line-height:1.8;text-align:right}.wall-showcase .wall-grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,23fr) minmax(0,31fr);grid-template-rows:1.4fr 1.4fr 1fr;grid-auto-rows:auto;height:clamp(700px,66vw,870px);grid-gap:14px;gap:14px;align-items:stretch}.wall-showcase .wall-item{position:relative;height:auto;min-height:0;margin:0;transform:none;border:0;background:transparent}.wall-showcase .wall-item:before{display:none}.wall-showcase .wall-item-1{grid-column:1;grid-row:1/4}.wall-showcase .wall-item-2{grid-column:2;grid-row:1/4}.wall-showcase .wall-item-4{grid-column:3;grid-row:1}.wall-showcase .wall-item-5{grid-column:3;grid-row:2}.wall-showcase .wall-item-3{grid-column:3;grid-row:3}.wall-showcase .wall-surface{position:relative;display:flex;flex-direction:column;inset:auto;width:100%;height:100%;padding:10px;cursor:zoom-in;overflow:hidden;border:1px solid rgba(155,187,211,.23);border-radius:5px;background:linear-gradient(145deg,rgba(26,49,69,.85),rgba(7,18,30,.97) 65%);box-shadow:0 12px 30px -20px #000,inset 0 1px rgba(207,232,251,.06);color:inherit;text-align:left}.wall-showcase .wall-surface:focus-visible{outline:2px solid #a6c9e1;outline-offset:4px}.wall-window-bar{display:flex;align-items:center;gap:7px;height:19px;padding:0 1px 7px;flex:none;color:#8ba2b5;font-size:7px;letter-spacing:.12em;white-space:nowrap}.wall-window-bar>span{width:4px;height:4px;background:#8faec4;border-radius:50%;opacity:.6}.wall-preview{display:block;position:relative;flex:1 1;min-height:0;width:100%;background:linear-gradient(145deg,#182938,#0e1b28);border:1px solid rgba(176,202,220,.13);overflow:hidden;border-radius:2px}.wall-showcase .wall-item img{object-fit:contain;object-position:center;filter:none}.wall-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;min-height:31px;padding:9px 1px 0}.wall-caption strong{color:#cedce6;font-size:12px;font-weight:400;line-height:1.5}.wall-caption>span{color:#8ca8bd;font-size:16px}.wall-art-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:3vh 3vw;background:rgba(1,6,13,.94)}.wall-art-modal{width:min(100%,1000px);max-height:94dvh;display:flex;flex-direction:column;background:#07121e;border:1px solid rgba(157,190,215,.24);border-radius:3px;overflow:hidden}.wall-art-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;flex:none}.wall-art-modal h3{margin:0;color:#e2edf5;font-size:17px;font-weight:400}.wall-art-modal p{margin:5px 0 0;color:#8da5b8;font-size:11px}.wall-art-modal button{width:38px;height:38px;flex:none;border:1px solid rgba(155,187,211,.25);border-radius:2px;color:#d9e7f1;background:#102131;cursor:pointer;font-size:24px}.wall-art-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 16px 16px}.wall-art-scroll img{display:block;width:100%;height:auto;object-fit:contain;margin:auto}@media(max-width:1100px){.wall-showcase-header small{max-width:200px}.wall-showcase .wall-grid{grid-template-columns:1.4fr 1fr;grid-template-rows:420px 290px 230px;height:auto;gap:14px}.wall-showcase .wall-item-1{grid-column:1;grid-row:1/3}.wall-showcase .wall-item-2{grid-column:2;grid-row:1/3}.wall-showcase .wall-item-4{grid-column:1;grid-row:3}.wall-showcase .wall-item-5{grid-column:2;grid-row:3}.wall-showcase .wall-item-3{grid-column:1/3;grid-row:4;height:280px}}@media(max-width:760px){.visual-wall.wall-showcase{padding-top:16px}.wall-showcase-header{flex-wrap:wrap;gap:12px;padding-bottom:16px;margin-bottom:20px}.wall-showcase-header small{width:100%;max-width:none;margin:0 0 0 35px;text-align:left;font-size:8px}.wall-showcase .wall-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto;gap:18px}.wall-showcase .wall-item{grid-column:auto;grid-row:auto;height:auto}.wall-showcase .wall-surface{height:auto}.wall-showcase .wall-preview{flex:none;aspect-ratio:4/3}.wall-showcase .wall-item-1 .wall-preview{aspect-ratio:4/5}.wall-showcase .wall-item-2 .wall-preview{aspect-ratio:3/4}.wall-showcase .wall-item-2 img{object-fit:cover;object-position:top}.wall-showcase .wall-item-3 .wall-preview{aspect-ratio:2/1}.wall-caption strong{font-size:13px}.wall-art-modal header{padding:12px}.wall-art-scroll{padding:0 8px 8px}}.personal-intro .profile-lower{grid-template-columns:minmax(200px,.7fr) minmax(0,1.6fr);align-items:start}.personal-intro .profile-skills{grid-template-columns:1fr}.personal-intro .profile-experience button{grid-template-columns:1fr 20px;gap:8px 12px;padding:18px 0}.personal-intro .profile-experience .experience-date{grid-column:1;color:#91aec4;font-size:11px;letter-spacing:.06em}.personal-intro .profile-experience button b{grid-column:1;grid-row:2;font-size:16px;line-height:1.6;font-weight:500}.personal-intro .profile-experience button small{display:block;margin:4px 0 0;font-size:13px;font-weight:400;color:#9db3c4}.personal-intro .profile-experience button i{grid-column:2;grid-row:1/3;align-self:center}.profile-experience{overflow-anchor:none}.experience-responsibilities{height:0;overflow:hidden}.experience-responsibilities ul{opacity:0;transform:translateY(7px);margin:0;padding:2px 6px 22px 18px;display:grid;grid-gap:14px;gap:14px;color:#bfceda;font-size:14px;line-height:1.95}@media(prefers-reduced-motion:reduce){.experience-responsibilities ul{transform:none}}.experience-responsibilities li::marker{color:#7599b5;font-size:10px}@media(max-width:1000px){.personal-intro .profile-lower{grid-template-columns:1fr}.personal-intro .profile-skills{grid-template-columns:1fr 1fr}.personal-intro .profile-experience{padding-left:0}}@media(max-width:760px){.personal-intro .profile-experience button b{font-size:15px}.experience-responsibilities ul{font-size:13px;line-height:1.9}}.media-frame,.video-frame{position:relative;min-height:clamp(21rem,58vw,58rem);background:var(--surface);border:1px solid var(--line);overflow:hidden}.media-frame img{object-fit:cover;transition:transform 1.1s var(--ease),filter 1.1s var(--ease)}.media-frame:hover img{transform:scale(1.018);filter:saturate(1.05)}.case-media-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(.75rem,1.4vw,1.4rem);gap:clamp(.75rem,1.4vw,1.4rem);padding:0 var(--pad) clamp(6rem,10vw,10rem)}.case-media-grid>*{grid-column:1/-1}.case-media-grid .media-wide{min-height:46vw}.case-media-grid .media-double{grid-column:span 6;min-height:38vw}.case-media-grid .media-grid{grid-column:span 4;min-height:30vw}.case-media-grid .media-portrait{grid-column:3/span 4;min-height:56vw}.case-media-grid .media-landscape,.video-frame{min-height:54vw}.video-frame video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}@media (max-width:760px){.case-media-grid .media-double,.case-media-grid .media-grid,.case-media-grid .media-portrait{grid-column:1/-1;min-height:68vw}.media-frame,.video-frame{min-height:66vw}}.project-metadata{margin:0;border-top:1px solid var(--line)}.project-metadata div{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.project-metadata dt{color:var(--muted);font-size:.62rem;letter-spacing:.14em}.project-metadata dd{margin:0;font-size:.68rem;letter-spacing:.08em}.case-header{min-height:76vh;padding:9rem var(--pad) 4rem;display:grid;grid-template-columns:6fr 3fr 3fr;grid-gap:clamp(2rem,4vw,5rem);gap:clamp(2rem,4vw,5rem);align-items:end}.case-title span{display:block;margin-bottom:1.5rem;color:var(--silver);font-size:.85rem;letter-spacing:.08em}.case-title span b{color:var(--blue-bright)}.case-title h1{margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.82;letter-spacing:-.07em;font-weight:500;text-transform:uppercase}.case-notes h2 small,.case-title h1 small{display:block;margin-top:.9rem;color:var(--blue-bright);font-size:.62rem;font-weight:450;letter-spacing:.16em;line-height:1.2}.case-description{margin:0;align-self:center;font-size:clamp(1.2rem,2vw,2.2rem);line-height:1.22;color:#d8dde3}.case-hero{margin:0 var(--pad) clamp(1rem,2vw,2rem);min-height:58vw}.case-notes{display:grid;grid-template-columns:4fr 8fr;grid-gap:2rem;gap:2rem;padding:clamp(4rem,8vw,8rem) var(--pad);border-top:1px solid var(--line)}.case-notes h2{margin:0;font-size:var(--section);line-height:.95;font-weight:400}.case-notes p{max-width:45rem;color:var(--silver)}.deliverables{display:grid;grid-template-columns:9rem 1fr;grid-gap:1rem;gap:1rem;margin:2.5rem 0;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.deliverables dd,.deliverables dt{margin:0;font-size:.67rem;letter-spacing:.12em}.deliverables dt{color:var(--muted)}.case-chapter{padding:clamp(5rem,9vw,9rem) 0 0;border-top:1px solid var(--line)}.case-chapter header{display:grid;grid-template-columns:2fr 5fr 5fr;grid-gap:1rem;gap:1rem;padding:0 var(--pad) clamp(2.5rem,5vw,5rem)}.case-chapter header span{color:var(--muted);font-size:.62rem;letter-spacing:.15em}.case-chapter h2{margin:0;max-width:10ch;font-size:clamp(2.4rem,4.7vw,5.4rem);font-weight:440;line-height:.9;letter-spacing:-.06em}.case-chapter p{max-width:31rem;margin:0;color:var(--silver)}.next-project{display:grid;grid-template-columns:2fr 8fr 2fr;align-items:center;grid-gap:1rem;gap:1rem;min-height:28vh;padding:2rem var(--pad);border-top:1px solid var(--line)}.next-project span{color:var(--muted);font-size:.64rem;letter-spacing:.16em}.next-project strong{font-weight:400;font-size:clamp(2.2rem,5vw,5.5rem);text-transform:uppercase}.next-project .arrow-icon{justify-self:end;width:4rem;height:4rem;color:var(--blue-bright)}@media(max-width:900px){.case-header{grid-template-columns:1fr 1fr}.case-title{grid-column:1/-1}}@media(max-width:760px){.case-header{min-height:auto;grid-template-columns:1fr;padding-top:7rem}.case-title{grid-column:auto}.case-title h1{font-size:clamp(3.6rem,16vw,5rem)}.case-hero{min-height:66vw}.case-chapter header,.case-notes,.deliverables{grid-template-columns:1fr}.next-project{grid-template-columns:1fr auto}.next-project strong{grid-column:1/-1}}.liquid-material{position:absolute;z-index:1;width:256px;height:256px;transform:translate(-50%,-50%);pointer-events:none;opacity:0}@media(max-width:760px),(prefers-reduced-motion:reduce){.liquid-material{display:none}}.wall-item{position:relative;overflow:visible;border:0;background:transparent}.wall-item:before{content:none}.wall-surface{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(159,203,229,calc(.23 + var(--surface-focus,0) * .32));background:#111e2a;transform-origin:center;will-change:transform}.wall-surface:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px rgba(228,244,252,.16);opacity:calc(.4 + var(--surface-focus,0) * .6)}.wall-surface .temp-label{z-index:2}.brochure-media{perspective:1400px}.brochure-media figure{overflow:visible;border:0;background:transparent;transform-style:preserve-3d}.brochure-media figure:after{content:none}.brochure-surface{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(190,216,233,calc(.24 + var(--surface-focus,0) * .26));background:#111f2b;will-change:transform}.brochure-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,32,.03),rgba(7,20,32,.22));pointer-events:none}.website-heading-bridge{position:relative;z-index:4;transform:translateY(var(--website-bridge,0));opacity:var(--website-intro,1);pointer-events:none}.hero-webgl{opacity:var(--world-presence,1)}.profile-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(ellipse at var(--glass-x,50%) var(--glass-y,50%),rgba(223,240,250,.8),transparent 55%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--glass-edge,0)}.capability-marquee{opacity:var(--marquee-presence,1)}@media(max-width:760px),(prefers-reduced-motion:reduce){.brochure-surface,.wall-surface{will-change:auto}.profile-glass:after{display:none}}@font-face{font-family:Noto Sans SC;src:url(/fonts/noto-sans-sc-content.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0000-024f,u+2000-206f}:root{--font-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-display:"Space Grotesk",Arial,sans-serif;--font-technical:"IBM Plex Mono",var(--font-cn);--font-editorial:var(--font-cn);--type-hero:clamp(4rem,6.12vw,6rem);--type-profile:clamp(2.4rem,3.06vw,2.875rem);--type-brochure:clamp(2.625rem,3.48vw,3.25rem);--type-website:clamp(2.75rem,3.62vw,3.375rem);--type-video:clamp(2.875rem,3.9vw,3.5rem);--type-wall:clamp(2.375rem,3.06vw,2.875rem);--type-project:clamp(1.75rem,2.5vw,2.375rem);--type-body:.9375rem;--type-meta:.6875rem;--type-label:.71875rem;--type-index:clamp(2.75rem,3.9vw,3.75rem);--tracking-label:.16em;--tracking-cn:-.025em;--body:var(--type-body);--display:var(--type-hero);--section:var(--type-website);--project:var(--type-project)}body{font-family:var(--font-editorial);line-height:1.75}.hero h1,body{font-weight:400}.hero h1{font-size:var(--type-hero);line-height:1;letter-spacing:-.045em;margin-bottom:1.65rem}.hero-copy p{font-size:var(--type-label);line-height:1.85;letter-spacing:var(--tracking-label)}.section-header{grid-template-columns:8.75rem minmax(0,1fr) minmax(10rem,22%);margin-bottom:clamp(2.75rem,4.5vw,4.25rem)}.projects-stage-header h2,.section-header h2{font-weight:400;line-height:1.12;letter-spacing:var(--tracking-cn)}.personal-intro .section-header h2{font-size:var(--type-profile)}.projects-stage-header h2{font-size:var(--type-brochure)}.projects-stage-header h2 br{display:none}.website-cases .section-header h2{font-size:var(--type-website)}.video-gallery .section-header h2{font-size:var(--type-video)}.visual-wall .section-header h2{font-size:var(--type-wall)}.section-header>span{gap:.5rem;font-size:var(--type-label);letter-spacing:var(--tracking-label)}.section-header>span b{font-size:2rem;line-height:1;font-weight:300;letter-spacing:-.03em;opacity:.38}.projects-stage-header span,.section-header>span small{font-size:var(--type-label);line-height:1.6;letter-spacing:var(--tracking-label)}.projects-stage-header p,.section-header p{font-size:var(--type-meta);line-height:1.7;letter-spacing:.1em}.intro-summary{max-width:29rem;font-size:1rem;line-height:1.8;letter-spacing:.01em;text-wrap:balance}.intro-copy{padding-top:.5rem}.intro-copy p:first-child{font-size:var(--type-label);line-height:1.8;letter-spacing:var(--tracking-label);color:#a9bdca}.intro-copy .muted{font-size:var(--type-meta);line-height:1.7;letter-spacing:.12em;margin-top:1.25rem}.profile-lower{margin-top:3.75rem}.profile-lower h3{font-size:1rem;line-height:1.5;font-weight:500}.profile-lower h3 small{font-size:var(--type-meta);line-height:1.6;font-weight:400;letter-spacing:.12em}.profile-skills b{font-size:var(--type-body);line-height:1.6;font-weight:500}.profile-skills span{font-size:var(--type-meta);line-height:1.8;letter-spacing:0;white-space:normal}.profile-skills small{font-size:1.25rem;font-weight:300;opacity:.35;line-height:1}.profile-skills article{padding-bottom:1.8rem}.profile-experience button{grid-template-columns:7.5rem minmax(0,1fr) 1rem;gap:.65rem}.profile-experience button span{font-size:var(--type-meta);letter-spacing:0;line-height:1.65}.profile-experience button b{font-size:.8125rem;font-weight:400;line-height:1.65}.experience-detail p{font-size:.8125rem;line-height:1.8}.profile-experience article.is-open .experience-detail p{padding-left:8.15rem}.brochure-copy>span{font-size:var(--type-index);line-height:1;font-weight:300;letter-spacing:-.04em;opacity:.35;margin-bottom:1.8rem}.brochure-copy h3,.video-card b,.video-modal h3,.website-case h3{font-size:var(--type-project);font-weight:400;line-height:1.18;letter-spacing:var(--tracking-cn)}.brochure-copy h3{margin:1.15rem 0 .8rem}.brochure-copy p,.website-case header p{font-size:var(--type-meta);line-height:1.8;letter-spacing:.04em}.brochure-copy strong,.website-case header strong{font-size:var(--type-label);line-height:1.6;letter-spacing:var(--tracking-label);font-weight:400}.brochure-copy small{font-size:.875rem;line-height:1.75;letter-spacing:.015em}.website-case header span{font-size:var(--type-meta);letter-spacing:var(--tracking-label);opacity:.65}.website-case h3{max-width:10em;margin-top:1.2rem;text-wrap:balance}.website-case header,.website-case:nth-child(2) header{top:0;width:26%}.video-card span{font-size:1.375rem;font-weight:300;opacity:.38;line-height:1}.video-card b{bottom:3rem}.video-card small,.video-modal>p,.video-modal>small,.video-toolbar{font-size:var(--type-meta);line-height:1.65;letter-spacing:.12em}.brochure-media span,.screen-position>span,.temp-label{font-size:.625rem;font-weight:400;line-height:1.5;letter-spacing:.1em}.nav-links a{font-size:var(--type-meta);letter-spacing:.14em}.brand small{font-size:.625rem;line-height:1.5}.ending-orb a,.ending-orb span{font-size:.6875rem;line-height:1.8;letter-spacing:.14em}.hero h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.055em}.brand,.brochure-copy strong,.ending-orb a,.ending-orb span,.hero-copy p,.intro-copy p:first-child,.nav-links a,.profile-lower h3 small,.projects-stage-header>span,.section-header>span small,.website-case header strong{font-family:var(--font-display);font-weight:500;letter-spacing:.12em}.brochure-copy h3,.projects-stage-header h2,.section-header h2,.video-card b,.website-case h3{font-family:var(--font-cn);font-weight:450;letter-spacing:-.035em}.intro-summary{font-weight:400;letter-spacing:.015em}.brochure-copy p,.brochure-copy>span,.brochure-media>figure>span,.intro-copy .muted,.profile-experience button>span,.profile-skills small,.projects-stage-header p,.screen-position>span,.section-header p,.section-header>span b,.system-layer,.temp-label,.video-card small,.video-card>span,.video-toolbar,.website-case header p,.website-case header>span{font-family:var(--font-technical);font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.055em}.brochure-copy>span,.profile-skills small,.section-header>span b,.video-card>span{letter-spacing:-.055em}.section-header>span small{text-wrap:balance}.profile-experience button>span{letter-spacing:0}@media(min-width:761px) and (max-width:1000px){.website-case{min-height:0}.website-case header,.website-case:nth-child(2) header{position:relative;width:min(28rem,75%)}.website-case:nth-child(2) header{margin-left:auto}.website-media{position:relative;inset:auto;height:36rem;margin-top:2rem}}@media(max-width:760px){:root{--type-hero:clamp(3rem,12vw,4.5rem);--type-profile:2rem;--type-brochure:2.375rem;--type-website:2.375rem;--type-video:2.5rem;--type-wall:2.125rem;--type-project:1.75rem;--type-index:2.75rem;--type-label:.6875rem}.section-header{grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;margin-bottom:2.5rem}.section-header p{grid-column:2;font-size:.625rem}.section-header>span small{font-size:.625rem}.visual-wall .section-header>span small{font-size:.5625rem;letter-spacing:.06em}.section-header>span b{font-size:1.625rem}.intro-summary{font-size:.9375rem;line-height:1.8}.intro-copy{padding-top:0}.profile-lower{margin-top:2.5rem}.profile-lower h3 small{display:block;margin:.25rem 0 0;font-size:.625rem}.profile-experience button{grid-template-columns:5.8rem minmax(0,1fr) .75rem;gap:.5rem}.profile-experience button b{font-size:.75rem}.profile-experience button span{font-size:.625rem}.profile-experience article.is-open .experience-detail p{padding-left:0}.nav-links a{font-size:.625rem;letter-spacing:.1em}.brochure-media span{font-size:.5rem;letter-spacing:.06em}.website-case h3{max-width:12em}.website-case header,.website-case:nth-child(2) header{position:relative;width:84%}.website-media{position:relative;inset:auto;height:34rem;margin-top:1.75rem}.video-card b{font-size:1.625rem}}.profile-glass{border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;overflow:hidden}.profile-propagation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.profile-propagation svg{display:block;width:100%;height:100%;overflow:hidden}.profile-final-glass{position:absolute;inset:0;border:1px solid rgba(180,210,235,.56);border-radius:inherit;background:linear-gradient(125deg,rgba(32,63,83,.72),rgba(7,19,33,.79) 48%,rgba(18,39,55,.74));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(220,241,255,.26),inset 0 0 50px rgba(111,173,203,.04);-webkit-clip-path:inset(100%);clip-path:inset(100%)}.profile-glass:after{opacity:calc(var(--glass-edge,0) * var(--profile-formed,0))}.profile-final-glass{-webkit-backdrop-filter:none;backdrop-filter:none}.profile-final-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(prefers-reduced-motion:reduce){.profile-propagation{display:none}}