@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";:root{color:#f5f2ef;font-synthesis:none;--red:#d65f4b;--line:#ffffff24;--muted:#898481;background:#080808;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#f5f2ef;background:#080808;min-width:0;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.site{background:radial-gradient(circle at 70% 12%,#26100d 0,#0000 23%),#080808;overflow:hidden}.loader{z-index:1000;background:#080808;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.loader>span{letter-spacing:.28em;color:#777;font-size:10px}.logo{letter-spacing:.08em;align-items:center;gap:11px;font-weight:700;display:flex}.logo-mark{border:1px solid #eee;border-radius:5px;place-items:center;width:37px;height:34px;display:grid;position:relative;overflow:hidden}.logo-mark:before{content:"";background:var(--red);width:12px;height:2px;position:absolute;top:0;left:0}.logo-mark b{font-family:Archivo Black;font-size:22px}.logo-mark i{border:1px solid var(--red);border-radius:2px;width:9px;height:9px;position:absolute;bottom:4px;right:4px}.logo.wide>span:last-child{font-size:13px}.logo em{color:#888;font-style:normal;font-weight:300}header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0a9e;border:1px solid #ffffff1f;border-radius:40px;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:fixed;top:16px;left:4vw;right:4vw}.brand{cursor:pointer;background:0 0;border:0}nav{gap:34px;display:flex}nav button,.lang button{color:#aaa;cursor:pointer;background:0 0;border:0;font-size:12px;transition:all .2s}nav button:hover,.lang button.active{color:#fff}.nav-actions,.lang{align-items:center;display:flex}.lang i{background:#444;width:1px;height:14px}.menu{background:0 0;border:0;font-size:24px;display:none}.hero{grid-template-columns:58% 42%;align-items:center;min-height:100svh;padding:145px 6vw 60px;display:grid;position:relative;overflow:hidden}.grid-bg{z-index:1;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:66px 66px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero-copy{z-index:3;position:relative}.eyebrow,.section-kicker{letter-spacing:.22em;color:var(--red);align-items:center;gap:8px;font-size:11px;display:flex}.hero h1{letter-spacing:-.075em;margin:40px 0 38px -.07em;font-family:Archivo Black;font-size:clamp(6.3rem,11.5vw,12rem);line-height:.78}.hero h1 span{color:#0000;-webkit-text-stroke:1px #ffffff8c}.name{letter-spacing:.18em;color:#999;font-size:13px}.hero h2{max-width:370px;margin:10px 0 0;font-size:clamp(1.25rem,2vw,2.2rem);line-height:1.05}.intro{color:#8f8986;max-width:240px;font-size:14px;line-height:1.6}.primary{border:1px solid var(--red);background:var(--red);cursor:pointer;border-radius:99px;align-items:center;gap:34px;margin-top:42px;padding:15px 20px 15px 24px;display:flex}.primary svg{font-size:20px}.hero-video-bg{z-index:0;pointer-events:none;isolation:isolate;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-video-bg:after{content:"";z-index:2;background:linear-gradient(90deg,#050506f5 0%,#08080acc 30%,#08080a5c 58%,#08080a38 100%),linear-gradient(#0808099e 0%,#0000 22% 72%,#080809bd 100%),radial-gradient(at 72% 56%,#5c2a1f29,#1e0f0c14 48%,#0000 76%),#08080a2e;position:absolute;inset:0}.hero-ip-video{z-index:1;object-fit:cover;object-position:70% center;opacity:.38;filter:brightness(.72)contrast(.92)saturate(.8)sepia(.06)hue-rotate(-6deg);width:106%;height:106%;position:absolute;top:-3%;left:-6%}.hero-media-glow{z-index:0;filter:blur(42px);background:radial-gradient(at 72% 58%,#803e2f38,#0000 58%);position:absolute;inset:0}.hero-side{z-index:3;letter-spacing:.2em;color:#666;writing-mode:vertical-rl;flex-direction:column;gap:45px;font-size:9px;display:flex;position:absolute;top:50%;right:2vw}@media (width>=801px) and (width<=1120px){.hero{grid-template-columns:54% 46%;padding-inline:5vw}.hero h1{font-size:clamp(5.4rem,10.4vw,8rem)}.hero-bottom{gap:4vw}.hero-ip-video{object-position:72% center;opacity:.34}}.scroll{letter-spacing:.18em;color:#777;background:0 0;border:0;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:28px;left:6vw}.about,.works{padding:130px 6vw}.about{background:#0c0b0b;border-radius:48px 48px 0 0;position:relative}.about-grid{grid-template-columns:1.15fr .85fr;gap:8vw;margin-top:40px;display:grid}.about h2,.section-head h2{letter-spacing:-.055em;margin:0;font-family:Archivo Black,Noto Sans SC;font-size:clamp(3rem,6.5vw,7rem);line-height:.95}.about h2 span{color:var(--red)}.lead{color:#bbb;max-width:780px;margin:42px 0;font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.55}.skills{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.skills div{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 6px;display:flex}.skills b{color:var(--red);font-size:12px}.skills span{color:#aaa;font-size:13px}.portrait{border:1px solid #d55f4b73;border-radius:250px 250px 28px 28px;height:620px;position:relative;overflow:hidden}.portrait img{object-fit:cover;filter:saturate(.72)contrast(1.06);width:100%;height:100%}.portrait:after{content:"";background:linear-gradient(#0000 55%,#000c);position:absolute;inset:0}.portrait span{z-index:2;letter-spacing:.17em;font-size:11px;line-height:1.5;position:absolute;bottom:28px;left:30px}.experience{margin-top:100px}.experience h3{letter-spacing:.18em;color:var(--red);font-size:13px;font-weight:500}.timeline article{border-top:1px solid var(--line);grid-template-columns:210px 1fr;padding:30px 0;display:grid}.timeline time{color:#ddd;font-size:17px}.timeline h4{margin:0 0 9px;font-size:17px}.timeline p{color:#777;margin:0;font-size:13px}.works{color:#101010;background:#e7e3de}.works .section-kicker{color:#a54536}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.section-head h2 sup{color:#a54536;vertical-align:top;margin-left:12px;font-family:DM Sans;font-size:12px}.section-head>p{letter-spacing:.17em;font-size:10px;line-height:1.7}.filters{gap:8px;padding-bottom:18px;display:flex;overflow:auto}.filters button{white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000002b;border-radius:99px;padding:10px 18px}.filters button.active{color:#fff;background:#111}.project-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.project{text-align:left;cursor:pointer;background:0 0;border:0;grid-column:span 6;margin-bottom:52px;padding:0}.project.p1,.project.p3{grid-column:span 5;margin-top:90px;margin-left:8%}.project-img{background:#aaa;border-radius:24px;height:530px;position:relative;overflow:hidden}.project-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project:hover img{transform:scale(1.045)}.project-img>span{color:#fff;background:#000000b8;border-radius:99px;padding:8px 10px;font-size:10px;position:absolute;top:16px;left:16px}.project-meta{justify-content:space-between;padding:18px 4px;display:flex}.project-meta small{letter-spacing:.15em;color:#8d4a40;font-size:9px}.project-meta h3{margin:8px 0;font-size:20px}.project-meta svg{font-size:24px}.contact{background:var(--red);color:#0b0909;flex-direction:column;justify-content:space-between;min-height:92vh;padding:55px 6vw 35px;display:flex}.contact-top,.contact-foot{letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.contact h2{letter-spacing:-.065em;max-width:1300px;margin:10vh 0 0;font-family:Archivo Black,Noto Sans SC;font-size:clamp(4rem,10vw,10rem);line-height:.86}.contact>p{max-width:500px;font-size:18px}.contact>a{border-bottom:2px solid #111;justify-content:space-between;padding-bottom:12px;font-size:clamp(1.5rem,3.5vw,4rem);display:flex}.modal{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000db;place-items:center;padding:4vh 5vw;display:grid;position:fixed;inset:0}.modal-card{background:#131212;border:1px solid #333;border-radius:26px;flex-direction:column;width:min(1100px,100%);height:92vh;display:flex;position:relative;overflow:hidden}.modal-card>video{object-fit:contain;background:#000;width:100%;height:calc(100% - 85px)}.detail-preview{text-align:center;background:#222;flex:1;overflow-y:auto}.detail-preview img{width:min(100%,900px);margin:auto;display:block}.close{z-index:3;cursor:pointer;background:#000000b3;border:1px solid #555;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.modal-title{grid-template-columns:1fr auto;align-items:center;height:85px;padding:15px 28px;display:grid}.modal-title small{color:var(--red);font-size:9px}.modal-title h3{grid-row:2;margin:3px 0}.modal-title span{color:#666;grid-area:1/2/3;font-size:10px}.mobile-menu{display:none}@media (width<=800px){header{height:64px;padding:0 18px;top:12px;left:14px;right:14px}.brand .logo.wide>span:last-child,nav{display:none}.menu{display:block}.mobile-menu{z-index:90;background:#151313;border:1px solid #333;border-radius:24px;flex-direction:column;padding:25px;display:flex;position:fixed;top:85px;left:14px;right:14px}.mobile-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #333;padding:18px;font-size:28px}.mobile-menu span{color:var(--red);margin-right:15px;font-size:9px}.hero{min-height:920px;padding:120px 20px 40px;display:block}.hero h1{margin:35px 0 26px;font-size:21vw}.hero-bottom{display:block}.hero h2{max-width:280px;font-size:25px}.intro{margin-top:18px}.primary{margin-top:24px}.hero-video-bg:after{background:linear-gradient(#060607b8 0%,#08080a7a 45%,#080809c2 100%),linear-gradient(90deg,#060607db 0%,#08080a8a 55%,#08080a5c 100%),#08080a33}.hero-ip-video{object-fit:cover;object-position:73% center;opacity:.25}.hero-side,.scroll{display:none}.about,.works{padding:90px 20px}.about{border-radius:30px 30px 0 0}.about-grid{grid-template-columns:1fr;gap:50px}.about h2,.section-head h2{font-size:13vw}.lead{font-size:18px}.skills{grid-template-columns:1fr}.portrait{height:480px}.experience{margin-top:65px}.timeline article{grid-template-columns:1fr;gap:12px}.timeline p{line-height:1.7}.section-head{align-items:flex-start}.section-head>p{display:none}.filters{margin-right:-20px}.project-grid{scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.project,.project.p1,.project.p3{scroll-snap-align:center;min-width:83vw;margin:20px 0 45px}.project-img{border-radius:22px;height:480px}.contact{min-height:780px;padding:36px 20px 25px}.contact-top>span{display:none}.contact-foot{flex-direction:column;align-items:flex-start;gap:14px}.contact h2{font-size:18vw}.contact>a{font-size:20px}.modal{padding:12px}.modal-card{height:94vh}.modal-title{padding:12px 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ip img{-webkit-mask-image:radial-gradient(62% 78% at 50% 51%,#000 68%,#0000 100%);mask-image:radial-gradient(62% 78% at 50% 51%,#000 68%,#0000 100%)}:root{--red:#a95749;--clay:#b96755;--deep-clay:#71362f}header{border-radius:26px;padding:0 18px;top:10px;height:50px!important}.logo-mark{width:27px;height:25px}.logo-mark b{font-size:16px}nav{gap:24px}.brand,nav button,.lang button{min-height:40px}.brand{padding:4px}nav button,.lang button{padding:0 6px;font-size:11px}.nav-actions{gap:8px}.lang{gap:1px}.hero{padding-top:118px}.personal-title{white-space:nowrap;letter-spacing:-.065em!important;max-width:720px!important;margin:30px 0 32px!important;font-family:Archivo Black,Noto Sans SC!important;font-size:clamp(4.2rem,6.7vw,7.2rem)!important;line-height:.9!important}.personal-title>span{display:block;color:#f5f2ef!important;-webkit-text-stroke:0!important}.personal-title.en{letter-spacing:-.05em!important;font-size:clamp(3.6rem,5.6vw,6.2rem)!important}.personal-title small{margin-top:22px;color:var(--red)!important;-webkit-text-stroke:0!important;letter-spacing:.24em!important;font-family:DM Sans!important;font-size:11px!important;line-height:1!important;display:block!important}.hero .name{color:#b7afaa}.hero h2{color:#f5f2ef;font-weight:600}.hero .intro{color:#b8b0ab}.hero .primary{color:#fff;background:#a95c4c;border-color:#b86655;padding:16px 22px 16px 26px;transition:transform .3s,background .3s,box-shadow .3s;box-shadow:0 12px 30px #5f281e3d}.hero .primary:hover{background:#b86655;transform:translateY(-2px);box-shadow:0 16px 38px #5f281e57}.hero-positioning{color:#e5ded994;letter-spacing:.2em;grid-template-columns:max-content max-content;gap:5px 18px;width:max-content;margin-top:26px;font-size:9px;line-height:1.2;display:grid}.hero-positioning i{color:#ad6555;grid-area:1/2/span 2;align-self:center;font-size:13px;font-style:normal}.hero-positioning span:last-child{grid-column:1}.hero-edge-light,.hero-tablet-light{z-index:3;pointer-events:none;mix-blend-mode:screen;position:absolute}.hero-edge-light{opacity:.34;filter:blur(18px);background:radial-gradient(at 57% 38%,#0000 42%,#ca775e2e 55%,#0000 67%);inset:5% 2% 4% 46%}.hero-tablet-light{opacity:.28;filter:blur(24px);background:radial-gradient(#d6846838,#0000 66%);width:30%;height:28%;bottom:18%;right:12%;transform:rotate(-8deg)}.hero .hero-ip-video{opacity:.5;filter:brightness(.86)contrast(1.02)saturate(.84)sepia(.05)hue-rotate(-6deg)}.hero:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(at 72% 100%,#74352821,#0000 55%),linear-gradient(#0000 0%,#090808b8 58%,#0c0b0b 100%);height:150px;position:absolute;bottom:-1px;left:0;right:0}.about:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(at 28% 0,#6930241c,#0000 54%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:auto,66px 66px,66px 66px;height:210px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 92%);mask-image:linear-gradient(#000000b3,#0000 92%)}.about{padding-top:clamp(76px,7vw,92px);padding-bottom:clamp(76px,7vw,92px)}.about-layout{z-index:1;position:relative}.ip-working{width:min(41vw,650px);height:82vh;animation:none}.ip-working .ip-stage{transform-origin:50% 92%;justify-content:center;align-items:flex-end;animation:8s cubic-bezier(.2,.72,.25,1) infinite approach;display:flex;position:absolute;inset:0}.ip-working .ip-stage img{object-fit:contain;filter:drop-shadow(0 28px 30px #00000094);max-width:100%;height:92%;position:absolute;bottom:0;-webkit-mask-image:none;mask-image:none}.ip-walk{animation:8s ease-in-out infinite walk-frame}.ip-present{animation:8s ease-in-out infinite present-frame}.ip-working .ip-halo{opacity:.55;animation:8s ease-in-out infinite halo-approach}.ip-working .ip-badge b{font-weight:500}.badge-designing{animation:8s step-end infinite badge-designing}.badge-presenting{opacity:0;animation:8s step-end infinite badge-presenting;position:absolute;right:16px}@keyframes approach{0%{filter:blur(.6px);transform:translateY(-24px)scale(.58)}10%{transform:translateY(-18px)scale(.64)rotate(-1deg)}28%{transform:translateY(-10px)scale(.76)rotate(1deg)}46%{transform:translateY(-4px)scale(.9)rotate(-.6deg)}62%,to{filter:blur();transform:translateY(0)scale(1)}}@keyframes walk-frame{0%,56%{opacity:1;transform:translateY(0)rotate(0)}8%,24%,40%{transform:translateY(-7px)rotate(-.65deg)}16%,32%,48%{transform:translateY(2px)rotate(.65deg)}64%,to{opacity:0;transform:scale(1.02)}}@keyframes present-frame{0%,55%{opacity:0;transform:scale(.96)}64%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.01)}}@keyframes halo-approach{0%{opacity:.2;transform:scale(.55)}62%,to{opacity:.55;transform:scale(1)}}@keyframes badge-designing{0%,59%{opacity:1}60%,to{opacity:0}}@keyframes badge-presenting{0%,59%{opacity:0}60%,to{opacity:1}}.about-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:clamp(44px,6vw,96px);height:auto;margin-top:0;display:grid}.about-copy{grid-template-rows:repeat(3,auto);align-content:start;gap:clamp(32px,2.6vw,40px);height:auto;min-height:0;display:grid}.about-section{background:#ffffff04;border:1px solid #fff1;border-radius:18px;min-width:0;padding-left:30px;padding-right:30px}.about-module-label{color:#918b87;letter-spacing:.22em;gap:14px;margin-bottom:18px;font-size:10px;line-height:1;display:flex}.about-module-label span:first-child{color:#bd7564;font-weight:600}.about-intro h2{margin:0;font-size:clamp(3.2rem,4.5vw,4rem);line-height:1}.about-intro{padding-top:30px;padding-bottom:34px}.about-intro .lead{text-wrap:balance;max-width:760px;margin:22px 0 0;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.86}.skills-section,.experience{padding-top:26px}.skills-section{padding-bottom:30px}.skills-section>h3,.experience>h3{color:#d8d3cf;letter-spacing:.12em;margin:0 0 14px;font-size:13px;font-weight:500}.skills-section .skills{border-top:0;gap:10px 28px;height:auto}.skills-section .skills div{border-bottom:1px solid #ffffff1a;justify-content:flex-start;align-items:center;gap:18px;min-height:58px;padding:10px 4px}.experience{flex-direction:column;min-height:0;margin-top:0;padding-bottom:22px;display:flex}.experience .timeline{grid-template-columns:1fr;gap:0;min-height:0;display:grid}.experience .timeline article{border:0;border-top:1px solid var(--line);border-radius:0;grid-template-columns:138px minmax(0,1fr);gap:22px;min-width:0;padding:17px 0;display:grid}.experience .timeline time{color:#bd8f83;font-size:14px;font-weight:600;line-height:1.45}.experience .timeline h4{margin:0 0 8px;font-size:15px;line-height:1.45}.experience .timeline p{color:#77716d;font-size:12px;line-height:1.65}.portrait{border-radius:220px 220px 26px 26px;align-self:stretch;height:auto;min-height:0}.portrait span{bottom:26px;left:28px}.portrait img{object-position:center;filter:saturate(.76)brightness(.83)contrast(1.05)}.works-entry{color:#f5f2ef;text-align:left;cursor:pointer;background:#12100f;border:0;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);align-items:center;gap:4.5vw;width:100%;min-height:440px;margin-top:34px;padding:52px 56px;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 8px 24px #140f0c17}.works-entry:hover{transform:translateY(-5px);box-shadow:0 18px 38px #140f0c29}.works-entry-copy>span{color:#bd8f83;letter-spacing:.2em;font-size:9px}.works-entry h2{letter-spacing:-.05em;margin:18px 0 20px;font-size:clamp(3.8rem,6.3vw,6.8rem);font-weight:800;line-height:.95}.works-entry p{color:#aaa4a0;max-width:620px;margin:0;font-size:15px;line-height:1.75}.works-entry b{border:1px solid #ffffff38;border-radius:99px;align-items:center;gap:10px;width:fit-content;margin-top:28px;padding:11px 16px;font-size:12px;font-weight:500;display:flex}.works-entry-stack{min-height:320px;position:relative}.works-entry-stack img{aspect-ratio:4/3;object-fit:cover;object-position:top;border:1px solid #ffffff29;border-radius:16px;width:min(94%,470px);transition:transform .3s;position:absolute;top:50%;right:0;box-shadow:0 18px 30px #00000047}.works-entry-stack img:first-child{transform:translate(-56px,-42%)rotate(-5deg)}.works-entry-stack img:nth-child(2){transform:translate(-26px,-48%)rotate(-2deg)}.works-entry-stack img:nth-child(3){transform:translateY(-52%)rotate(2deg)}.works-entry:hover .works-entry-stack img:first-child{transform:translate(-66px,-44%)rotate(-6deg)}.works-entry:hover .works-entry-stack img:nth-child(3){transform:translate(8px,-54%)rotate(3deg)}.works{padding-bottom:clamp(56px,5vw,72px)}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.category-card{aspect-ratio:4/3;color:#fff;text-align:left;cursor:pointer;background:#111;border:0;border-radius:18px;min-width:0;height:auto;padding:0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #140f0c14}.category-card.c0,.category-card.c1,.category-card.c2,.category-card.c3,.category-card.c4{grid-column:auto}.category-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #140f0c29}.category-card img{object-fit:cover;object-position:top;filter:brightness(.55)saturate(.7);width:100%;height:100%;transition:transform .3s,filter .3s}.category-card:hover img{filter:brightness(.66)saturate(.86);transform:scale(1.03)}.category-card>span{letter-spacing:.15em;font-size:9px;position:absolute;top:18px;left:18px}.category-card>div{grid-template-columns:auto 1fr auto;align-items:end;gap:10px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.category-card small{color:#caa79f;letter-spacing:.08em;font-size:11px}.category-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.category-card svg{font-size:25px}.works-back{cursor:pointer;background:0 0;border:1px solid #0000002e;border-radius:99px;align-items:center;gap:8px;margin-bottom:35px;padding:10px 16px;display:flex}.list-head h2{font-size:clamp(3rem,5.6vw,6.5rem)}.uniform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.project-card{color:#111;text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffff47;border:1px solid #0c0c0c1a;border-radius:18px;min-width:0;padding:0;transition:box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #140f0c0a}.project-card:hover{box-shadow:0 14px 30px #140f0c1f}.project-card-media{aspect-ratio:4/3;background:#cbc6c0;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-card-media img{transform:scale(1.03)}.project-card-media>span{color:#fff;background:#080808b8;border-radius:99px;padding:6px 8px;font-size:9px;position:absolute;top:12px;left:12px}.project-card-body{flex-direction:column;justify-content:space-between;height:92px;padding:14px 15px;display:flex}.project-card-body small{opacity:.62;letter-spacing:.08em;font-size:12px}.project-card-body>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-card-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-body svg{flex:none;font-size:19px}.motion-section{color:#f5f2ef;background:radial-gradient(at 82% 24%,#70362814,#0000 38%),linear-gradient(#0a0909 0%,#080808 100%);padding:clamp(56px,5vw,72px) 6vw clamp(84px,7vw,104px);position:relative;overflow:hidden}.motion-section:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.motion-banner{z-index:1;background:#12100f;border-radius:24px;grid-template-columns:1fr;align-items:center;gap:clamp(34px,4.5vw,70px);min-height:440px;padding:50px 54px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000002e}.motion-banner-copy{min-width:0;margin-bottom:36px}.motion-banner-copy>span{color:#bd8f83;letter-spacing:.2em;margin-top:22px;font-size:9px;display:block}.motion-banner-copy h2{letter-spacing:-.05em;margin:15px 0 20px;font-family:Archivo Black,Noto Sans SC;font-size:clamp(3.2rem,5vw,5.6rem);line-height:.96}.motion-banner-copy>p{color:#aaa4a0;max-width:540px;margin:0;font-size:14px;line-height:1.75}.motion-banner-actions{align-items:center;gap:12px;margin-top:28px;display:flex}.motion-enter,.motion-quality{color:#e8e3df;cursor:pointer;border:1px solid #ffffff29;min-height:42px;transition:transform .3s,border-color .3s,background .3s}.motion-enter{background:#ffffff09;border-radius:999px;align-items:center;gap:10px;padding:0 17px;font-size:12px;font-weight:500;display:flex}.motion-enter svg{color:#c77b69;width:12px;height:12px}.motion-quality{text-align:left;background:0 0;border-radius:12px;place-content:center;gap:2px;min-width:78px;padding:6px 12px;display:grid}.motion-quality small{color:#716b67;letter-spacing:.17em;font-size:6px}.motion-quality b{color:#c7beba;letter-spacing:.1em;font-size:10px;font-weight:500}.motion-enter:hover,.motion-quality:hover{background:#c77b6912;border-color:#c77b6961;transform:translateY(-2px)}.motion-preview-stack{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(10px,1.2vw,18px);min-width:0;display:grid}.motion-preview{color:#f5f2ef;min-width:0;transition:transform .32s}.motion-preview:first-child{transform:translateY(14px)rotate(-2.1deg)}.motion-preview:nth-child(2){z-index:2;position:relative;transform:translateY(-5px)}.motion-preview:nth-child(3){transform:translateY(14px)rotate(2.1deg)}.motion-preview-media{aspect-ratio:9/13;color:#fff;cursor:pointer;background:#111;border:1px solid #ffffff1f;border-radius:17px;width:100%;padding:0;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000038}.motion-preview-media:after{content:"";pointer-events:none;background:linear-gradient(#0505050a,#0000 54%,#05050575 100%);transition:opacity .3s;position:absolute;inset:0}.motion-preview video{object-fit:cover;filter:saturate(.78)contrast(.98)brightness(.88);width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .35s;display:block}.motion-preview-index,.motion-source-quality,.motion-watermark,.motion-preview-control{z-index:2;position:absolute}.motion-preview-index{color:#ffffffa8;letter-spacing:.16em;font-size:8px;top:12px;right:12px}.motion-source-quality{color:#ffffff8a;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080847;border:1px solid #ffffff21;border-radius:99px;padding:4px 6px;font-size:6px;top:12px;left:12px}.motion-watermark{color:#ffffff1f;letter-spacing:.2em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:7px}.watermark-0{bottom:12px;right:10px}.watermark-1{top:45%;left:10px}.watermark-2{top:34px;left:12px}.motion-preview-control{color:#f1ece8;opacity:.86;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080885;border:1px solid #fff3;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .3s,opacity .3s,background .3s;display:grid;bottom:50%;right:50%;transform:translate(50%,50%)}.motion-preview-control svg{width:14px;height:14px}.motion-preview.is-playing .motion-preview-control{opacity:0}.motion-preview.is-playing .motion-preview-media:hover .motion-preview-control{opacity:.88}.motion-preview-meta>div{flex-direction:column;gap:4px;min-width:0;display:flex}.motion-preview-meta strong{color:#d9d4d0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.35;transition:color .3s;overflow:hidden}.motion-preview-meta p{color:#756f6b;margin:0;font-size:8px;line-height:1.45;display:none}.motion-preview-meta time{color:#69635f;letter-spacing:.1em;flex:none;font-size:7px}.motion-preview:hover .motion-preview-media{border-color:#c77b6947;transform:translateY(-4px)scale(1.02);box-shadow:0 24px 56px #00000057}.motion-preview:hover video{filter:saturate(.9)contrast()brightness(.96);transform:scale(1.025)}.motion-preview:hover .motion-preview-control{background:#c77b6917;transform:translate(50%,50%)scale(1.06)}.motion-preview:hover .motion-preview-meta strong{color:#fff}@media (width<=1100px) and (width>=801px){.category-grid,.uniform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-banner{grid-template-columns:1fr;gap:30px;min-height:420px;padding:42px 38px}.motion-banner-copy h2{font-size:clamp(3rem,5.5vw,4.5rem)}.motion-preview-stack{gap:10px}}.contact{color:#f5f2ef;background:radial-gradient(circle at 22% 18%,#281612 0,#0000 31%),radial-gradient(circle at 82% 72%,#1b100e 0,#0000 28%),#080808;min-height:clamp(760px,88svh,920px);padding-top:72px}.contact-top{justify-content:flex-end}.contact-top .logo{display:none}.contact-top>span{color:#766d68;letter-spacing:.2em;font-size:8px}.contact-columns{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,3vw,48px);min-height:0;display:grid}.contact-intro,.contact-details{box-sizing:border-box;width:100%;padding:34px}.contact-intro{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;display:flex}.contact-intro h2{letter-spacing:-.045em;text-wrap:balance;max-width:700px;margin:0;font-size:clamp(3.5rem,6vw,6.8rem);line-height:1}.contact-intro p{color:#aaa4a0;max-width:480px;margin-top:26px;font-size:16px;line-height:1.7}.contact-details{text-align:left;border-top:1px solid #ffffff2e;align-self:center;max-width:580px;padding:30px 28px 24px}.contact-details>span,.contact-details small{letter-spacing:.2em;color:#bd8f83;font-size:10px}.contact-details h3{margin:32px 0 7px;font-size:clamp(2.7rem,3.8vw,4.4rem)}.contact-details>p{color:#aaa4a0;margin:0 0 28px}.contact-details>div{border-top:1px solid #ffffff24;flex-direction:column;gap:8px;padding:17px 0;display:flex}.contact-details a{color:#f5f2ef;font-size:clamp(1.2rem,1.9vw,2rem);font-weight:500}.contact{min-height:clamp(620px,74svh,760px);padding-bottom:max(48px, env(safe-area-inset-bottom))}.contact-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;padding:22px 0 0!important;display:grid!important}.contact-action{border-radius:var(--radius-card);color:#f5f2ef;min-height:46px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:transform .28s,border-color .28s,background-color .28s;display:inline-flex;font-size:13px!important}.contact-action-primary{background:var(--color-accent);border-color:#b5745b94}.contact-action:hover{border-color:#b5745bb8;transform:translateY(-3px)}.contact-action svg{flex:none;font-size:17px}.contact-copy-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#about,#works,#motion,#contact{scroll-margin-top:84px}:where(a,button,[tabindex]):focus-visible{outline-offset:4px;outline:2px solid #d49a7e}.motion-banner-actions button{min-height:44px}.contact-details>div:not(.contact-actions) a{align-items:center;min-height:44px;display:flex}.floating-tools{right:max(20px, env(safe-area-inset-right));bottom:max(28px, calc(env(safe-area-inset-bottom) + 16px));flex-direction:column;gap:10px;display:flex}.floating-tools .icon-button{border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid}@media (width>=801px) and (width<=900px){.personal-title{letter-spacing:-.055em!important;font-size:clamp(3.5rem,7vw,4rem)!important}}@media (width<=768px){.contact{min-height:auto;padding-bottom:max(40px, calc(env(safe-area-inset-bottom) + 24px))}.contact-actions{grid-template-columns:1fr}.contact-action{width:100%;min-height:46px}.floating-tools .icon-button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.motion-preview-error{z-index:4;color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080808c2;border:1px solid #ffffff1f;border-radius:10px;padding:9px 10px;font-size:11px;line-height:1.4;position:absolute;bottom:12px;left:12px;right:12px}.works.works-entry-view{padding:var(--space-section) var(--page-padding);background:var(--color-background);color:var(--text-primary);border-radius:0;overflow:visible}.works-entry-view>div{width:min(100%, var(--container-width));margin-inline:auto}.selected-showcase{background:radial-gradient(circle at 15% 20%,#ac634e1f,#0000 38%),#100d0d;border:1px solid #ffffff12;border-radius:32px;grid-template-columns:1fr;gap:clamp(28px,3vw,48px);min-height:540px;padding:48px 44px;display:grid;overflow:hidden;box-shadow:0 26px 80px #00000038}.selected-showcase-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;margin-bottom:36px;display:flex}.selected-showcase-copy>span{color:#ffffff7a;letter-spacing:.15em;margin-top:14px;font-size:12px;line-height:1.4}.selected-showcase-copy h2{color:#fff;letter-spacing:-.05em;margin:22px 0 20px;font-size:clamp(3.5rem,5.3vw,5.8rem);line-height:.95}.selected-showcase-copy p{color:#ffffff9e;max-width:31em;margin:0;font-size:15px;line-height:1.75}.selected-all-button{color:#fff;cursor:pointer;background:#ac634e29;border:1px solid #c1705bb8;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:34px;padding:0 20px;font-size:13px;font-weight:650;transition:background-color .28s,border-color .28s,transform .28s;display:inline-flex}.selected-all-button svg{width:17px;height:17px;transition:transform .28s}.selected-all-button:hover{background:#ac634e47;border-color:#d3846de6;transform:translateY(-2px)}.selected-all-button:hover svg{transform:translate(3px,-3px)}.selected-showcase .selected-project-grid{grid-template-columns:repeat(5,1fr);gap:20px;min-width:0;margin:0;padding:0;display:grid}.selected-media-placeholder{color:#ffffff47;letter-spacing:.24em;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.selected-showcase .selected-project-card,.selected-showcase .selected-project-card.is-featured{scroll-snap-align:start;color:#fff;text-align:left;min-width:0;min-height:0;box-shadow:none;cursor:pointer;background:#151212;border:1px solid #ffffff13;border-radius:18px;flex-direction:column;flex:0 0 clamp(238px,31%,286px);padding:0;transition:transform .3s,border-color .3s,background-color .3s,box-shadow .3s;display:flex;overflow:hidden}.selected-showcase .selected-project-card:hover{background:#191414;border-color:#c1705b6b;transform:translateY(-5px);box-shadow:0 18px 38px #0000003d}.selected-showcase .selected-project-card:hover .selected-project-copy h3,.selected-showcase .selected-project-card:focus-visible .selected-project-copy h3{color:#f2c0b0}.selected-showcase .selected-project-card:hover .selected-project-copy svg,.selected-showcase .selected-project-card:focus-visible .selected-project-copy svg{transform:translate(4px)}.selected-showcase .selected-project-media,.selected-showcase .selected-project-card.is-featured .selected-project-media{aspect-ratio:4/3;background:#1b1716;width:100%;height:auto;overflow:hidden}.selected-showcase .selected-project-media:after{content:"";background:linear-gradient(#0000,#0f0c0c57);height:34%;position:absolute;inset:auto 0 0}.selected-showcase .selected-project-media img{object-fit:cover;object-position:center}.selected-showcase .selected-project-media>span{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0909a3;border:1px solid #ffffff1a;top:14px;left:14px}.selected-showcase .selected-project-copy,.selected-showcase .selected-project-card.is-featured .selected-project-copy{flex-direction:column;flex:1;justify-content:flex-start;min-height:120px;padding:14px;display:flex}.selected-showcase .selected-project-copy small{color:#bb7663;letter-spacing:.14em;font-size:10px;line-height:1.4}.selected-showcase .selected-project-copy h3{color:#fff;letter-spacing:-.02em;margin:10px 0 9px;font-size:clamp(1.15rem,1.35vw,1.4rem);line-height:1.25;transition:color .28s}.selected-showcase .selected-project-copy p{color:#ffffff85;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.selected-showcase .selected-project-copy>div{color:#ffffff6b;border-top:1px solid #fff1;margin-top:auto;padding-top:20px;font-size:10px}.selected-showcase .selected-project-copy svg{color:#c47c68;transition:transform .28s}.selected-showcase .selected-project-card:focus-visible,.selected-all-button:focus-visible{outline-offset:3px;outline:2px solid #d28069eb}@media (width<=1100px){.selected-showcase{grid-template-columns:1fr;padding:38px 32px}.selected-showcase .selected-project-card,.selected-showcase .selected-project-card.is-featured{flex-basis:clamp(232px,47%,270px)}}@media (width<=800px){.works.works-entry-view{padding-block:72px}.selected-showcase{border-radius:28px;grid-template-columns:1fr;gap:30px;min-height:0;padding:32px 0 26px}.selected-showcase-copy{padding-inline:24px}.selected-showcase-copy h2{margin-block:18px 16px;font-size:clamp(2.8rem,13vw,4.3rem)}.selected-showcase-copy p{font-size:14px}.selected-all-button{margin-top:26px}.selected-showcase .selected-project-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px}.selected-showcase .selected-project-card,.selected-showcase .selected-project-card.is-featured{min-width:0}.selected-showcase .selected-project-copy,.selected-showcase .selected-project-card.is-featured .selected-project-copy{min-height:auto;padding:14px}}@media (prefers-reduced-motion:reduce){.selected-showcase .selected-project-card,.selected-showcase .selected-project-media img,.selected-all-button,.selected-all-button svg{transition:none}}.modal,.modal-card,.detail-preview{overscroll-behavior:contain}.modal,.modal-card{touch-action:none}.detail-preview{scrollbar-gutter:stable;touch-action:pan-y;overscroll-behavior-y:contain}.modal-title{grid-template-columns:1fr auto}.modal-nav{grid-area:1/2/3;align-items:center;gap:12px;display:flex}.modal-nav button{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.modal-nav span{color:#888;font-size:10px}.modal-title>span{display:none}@media (width<=800px){header{padding:0 12px;top:10px;height:52px!important}.brand,.menu,.lang button{min-width:44px;min-height:44px}.brand,.menu{place-items:center;display:grid}.lang button{padding:0 10px}.mobile-menu{top:78px}.hero{min-height:900px;padding-top:105px}.hero .hero-ip-video{opacity:.34;filter:brightness(.8)contrast(.98)saturate(.8)sepia(.05)hue-rotate(-6deg)}.hero .hero-video-bg:after{background:linear-gradient(#060607b8 0%,#08080a73 46%,#080809c2 100%),linear-gradient(90deg,#060607db 0%,#08080a85 56%,#08080a47 100%)}.hero-positioning{gap:4px 14px;margin-top:22px;font-size:8px}.hero-edge-light{opacity:.22;inset:12% -12% 8% 30%}.hero-tablet-light{opacity:.18;width:48%;bottom:17%;right:2%}.personal-title{max-width:100%!important;margin-top:25px!important;font-size:14.5vw!important}.personal-title.en{font-size:12vw!important}.personal-title small{font-size:8px!important}.ip-working{width:97%;height:500px;bottom:8px}.about{padding:72px 20px 76px}.about-layout{grid-template-columns:1fr;gap:32px;height:auto}.about-copy{flex-direction:column;gap:32px;display:flex}.about-section{border-radius:16px;padding-left:22px;padding-right:22px}.about-intro{padding-top:24px;padding-bottom:28px}.about-intro h2{font-size:13vw}.about-intro .lead{font-size:17px;line-height:1.75}.skills-section .skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;height:auto}.skills-section .skills div{flex-direction:column;align-items:flex-start;gap:6px}.experience .timeline{grid-template-columns:1fr}.experience .timeline article{grid-template-columns:1fr;gap:10px;padding:18px 0}.portrait{aspect-ratio:4/5;order:2;width:100%;height:auto;min-height:0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.works-entry{border-radius:18px;grid-template-columns:1fr;gap:22px;min-height:520px;padding:26px 22px}.works{padding-bottom:48px}.works-entry h2{margin:12px 0 14px;font-size:13vw;line-height:1}.works-entry p{font-size:12px;line-height:1.65}.works-entry b{margin-top:18px}.works-entry-stack{min-height:165px}.works-entry-stack img{border-radius:12px;width:72%}.category-card,.category-card.c0,.category-card.c1,.category-card.c3,.category-card.c4{border-radius:16px;min-width:0;height:auto}.category-card>span{font-size:8px;top:11px;left:11px}.category-card>div{grid-template-columns:1fr auto;gap:7px;bottom:11px;left:12px;right:12px}.category-card small{display:none}.category-card h3{font-size:14px;line-height:1.35}.category-card svg{font-size:17px}.uniform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-card{border-radius:16px;min-height:210px}.project-card-body{height:82px;padding:11px}.project-card-body h3{font-size:14px}.project-card-body small{font-size:10px}.ip-working .ip-stage img{filter:drop-shadow(0 18px 18px #00000073)}.contact{min-height:780px;padding-top:64px}.motion-section{padding:48px 20px 72px}.motion-banner{border-radius:18px;grid-template-columns:1fr;gap:34px;min-height:0;padding:30px 22px 34px}.motion-banner-copy>span{margin-top:18px}.motion-banner-copy h2{margin:12px 0 17px;font-size:13vw}.motion-banner-copy>p{font-size:14px}.motion-banner-actions{margin-top:23px}.motion-preview-stack{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px;display:grid}.motion-preview{min-width:0}.motion-preview:first-child,.motion-preview:nth-child(2),.motion-preview:nth-child(3){transform:none}.motion-preview-media{border-radius:15px}.contact-columns{grid-template-columns:1fr;align-content:center;gap:24px}.contact-intro,.contact-details{min-height:auto;padding:28px 24px}.contact-intro h2{letter-spacing:-.035em;overflow-wrap:anywhere;width:100%;font-size:10vw;line-height:1.12}.contact-details h3{margin-top:30px}.modal-title{height:96px}.modal-nav{gap:7px}.modal-nav span{display:none}}@media (prefers-reduced-motion:reduce){.ip-working .ip-stage,.ip-walk,.ip-present,.ip-working .ip-halo{animation:none}.ip-walk{opacity:1}.ip-present{display:none}}:root{--layout-max:1440px;--layout-gutter:48px;--section-y:clamp(96px, 7vw, 128px);--radius-card:18px;--radius-feature:28px}html,body,.site{max-width:100%;overflow-x:clip}body{font-size:15px;line-height:1.7}header{width:min(calc(100% - (var(--layout-gutter) * 2)), var(--layout-max))}.hero{padding-right:max(var(--layout-gutter), calc((100vw - var(--layout-max)) / 2));padding-left:max(var(--layout-gutter), calc((100vw - var(--layout-max)) / 2))}.about-layout,.works,.motion-banner,.contact-top,.contact-columns,.contact-foot{box-sizing:border-box;width:min(calc(100% - (var(--layout-gutter) * 2)), var(--layout-max));margin-left:auto;margin-right:auto}.about,.works,.motion-section{padding-top:var(--section-y);padding-bottom:var(--section-y)}.about,.motion-section,.contact{padding-left:0;padding-right:0}.contact{padding-top:var(--section-y)}p,.lead,.intro,.works-entry p,.motion-banner-copy>p,.contact-intro p,.timeline p{font-size:clamp(15px,1vw,16px);line-height:1.7}small,.section-kicker,.about-module-label,.category-card>span,.project-card-body small,.motion-preview-meta small,.motion-preview-meta time,.contact-top>span,.contact-details>span,.contact-details small{font-size:12px;line-height:1.5}nav button,.mobile-menu button,button,.primary,.works-entry b,.motion-enter,.works-back{font-size:max(13px,.82rem)}.about-section,.category-card,.project-card,.motion-preview-media{border-radius:var(--radius-card)}.works-entry,.motion-banner,.portrait,.modal-card{border-radius:var(--radius-feature)}img,video{max-width:100%}@media (width<=1199px){:root{--layout-gutter:32px}}@media (width<=767px){:root{--layout-gutter:16px;--section-y:clamp(64px, 18vw, 80px)}.hero{padding-right:var(--layout-gutter);padding-left:var(--layout-gutter)}.about-layout,.works,.motion-banner,.contact-top,.contact-columns,.contact-foot{width:calc(100% - (var(--layout-gutter) * 2))}}header{-webkit-backdrop-filter:blur();background:#08080833;border-color:#ffffff14;padding:0 22px;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;height:68px!important}header.is-scrolled{-webkit-backdrop-filter:blur(16px);background:#080808bd;border-color:#ffffff1c}header nav{gap:32px}header nav button,header .lang button{min-height:46px;padding:0 8px;font-size:13px}.hero{box-sizing:border-box;grid-template-columns:42% 58%;align-items:center;width:100%;height:min(92vh,920px);min-height:720px;padding-top:104px;padding-bottom:56px;display:grid}.hero-copy{grid-column:1;width:100%;max-width:610px}.hero-bottom{align-items:start;gap:14px;display:grid}.hero .intro{max-width:420px}.hero-actions{align-items:center;gap:14px;margin-top:32px;display:flex}.hero-actions .primary,.hero-contact{box-sizing:border-box;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:12px;min-width:140px;height:48px;min-height:46px;margin:0;padding:0 20px;font-size:13px;display:inline-flex}.hero-contact{color:#f2eeea;background:#ffffff06;border:1px solid #fff3;transition:border-color .3s,background .3s,transform .3s}.hero-contact:hover{background:#c7776114;border-color:#c777618c;transform:translateY(-2px)}.hero-actions svg{flex:none;transition:transform .25s}.hero-video-bg{width:58%;left:42%}.hero .hero-ip-video{object-fit:contain;object-position:center;opacity:.58;filter:brightness(1.01)contrast(1.08)saturate(.86)sepia(.04)hue-rotate(-5deg);width:112%;height:102%;top:-1%;left:-8%}.hero-media-glow{filter:blur(28px);background:radial-gradient(at 54% 52%,#ad584140,#6f35281a 42%,#0000 68%);inset:10% 3% 8% 1%}.hero .hero-video-bg:after{background:linear-gradient(90deg,#080808 0%,#080809c7 7%,#08080933 28%,#08080914 100%),linear-gradient(#08080975 0%,#0000 22% 76%,#080809a8 100%),radial-gradient(at 58%,#0000 32%,#08080926 68%,#08080959 100%)}.hero-edge-light{opacity:.46;background:radial-gradient(at 58% 42%,#0000 40%,#d7876a38 52%,#0000 66%);inset:7% 5% 6% 25%}.hero-side{display:none}.hero-positioning{margin-top:22px}@media (width<=800px){header{-webkit-backdrop-filter:blur(12px);background:#08080894;padding:0 10px 0 14px;height:56px!important}.hero{height:min(100svh,900px);min-height:760px;padding-top:92px;padding-bottom:24px;display:block}.hero-copy{z-index:4;width:100%;max-width:none;position:relative}.hero-bottom{gap:10px}.hero .intro{max-width:360px}.hero-actions{gap:12px;margin-top:24px}.hero-actions .primary,.hero-contact{min-width:0;height:46px;padding:0 16px}.hero-video-bg{width:100%;height:40%;inset:auto 0 0}.hero .hero-ip-video{object-fit:contain;object-position:center;opacity:.62;filter:brightness(1.02)contrast(1.06)saturate(.84);width:108%;height:100%;top:0;left:-4%}.hero .hero-video-bg:after{background:linear-gradient(#080808 0%,#08080961 24%,#08080914 58%,#08080961 100%),radial-gradient(at 58% 48%,#0000 30%,#0808092e 76%)}.hero-media-glow{inset:4% 0 0}.hero-edge-light{opacity:.34;inset:2% 0 2% 18%}.hero-tablet-light{width:44%;bottom:12%;right:3%}.hero-positioning{display:none}}@media (width<=431px){.hero{min-height:820px}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hero-actions .primary,.hero-contact{width:100%}}.about-layout{grid-template-columns:minmax(0,56fr) minmax(320px,44fr);align-items:stretch;gap:clamp(32px,3.5vw,56px)}.about-copy{background:#ffffff04;border:1px solid #ffffff12;border-radius:28px;grid-template-rows:auto auto auto 1fr;align-content:stretch;gap:0;display:grid;overflow:hidden}.about-copy .about-section{background:0 0;border:0;border-radius:0;margin:0;padding-left:32px;padding-right:32px}.about-copy .about-section+.about-section{border-top:1px solid #ffffff14}.about-heading{padding-top:30px;padding-bottom:26px}.about-heading .about-module-label{margin-bottom:16px}.about-heading h2{margin:0;font-size:clamp(3.2rem,4.5vw,4rem);line-height:1}.about-copy .about-intro{padding-top:24px;padding-bottom:26px}.about-copy .about-intro .lead{max-width:720px;margin:0;font-size:clamp(15px,1.05vw,16px);line-height:1.75}.about-copy .skills-section{padding-top:24px;padding-bottom:26px}.about-copy .skills-section .skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;display:grid}.about-copy .skills-section .skills div{gap:14px;min-height:48px;padding:8px 0}.about-copy .skills-section .skills b{flex:0 0 42px}.about-copy .experience{padding-top:24px;padding-bottom:22px}.about-copy .experience .timeline article{grid-template-columns:126px minmax(0,1fr);gap:18px;padding:14px 0}.about-copy .experience .timeline time,.about-copy .experience .timeline p{font-size:12px}.about-copy .experience .timeline h4{font-size:15px}.portrait{aspect-ratio:4/5;border-radius:32px;align-self:end;width:100%;height:auto;min-height:0;margin-left:0;overflow:hidden}.portrait img{object-fit:cover;object-position:center;filter:none;width:100%;height:100%}@media (width<=800px){.about-layout{grid-template-columns:1fr;grid-template-areas:"heading""portrait""intro""skills""experience";align-items:start;gap:0;display:grid}.about-copy{display:contents}.about-copy .about-section{background:0 0;border:0;border-radius:0;padding-left:0;padding-right:0}.about-copy .about-section+.about-section{border-top:1px solid #ffffff14}.about-heading{grid-area:heading;padding-top:0;padding-bottom:24px}.portrait{aspect-ratio:4/5;border-radius:32px;grid-area:portrait;height:auto;margin-bottom:28px}.about-copy .about-intro{grid-area:intro;padding-top:24px;padding-bottom:26px}.about-copy .skills-section{grid-area:skills;padding-top:24px;padding-bottom:26px}.about-copy .experience{grid-area:experience;padding-top:24px;padding-bottom:0}.about-copy .skills-section .skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}}@media (width<=430px){.about-copy .skills-section .skills div{flex-direction:column;align-items:flex-start;gap:4px}.about-copy .experience .timeline article{grid-template-columns:1fr;gap:8px}}.works{background:linear-gradient(#ac755e14,#0000 88px),#e6e1da;border-radius:36px 36px 0 0;padding:clamp(88px,7vw,112px) clamp(32px,4vw,56px);position:relative;overflow:hidden}.selected-heading{color:#181512;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.selected-heading h2{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(3.8rem,6.3vw,6.8rem);line-height:.95}.selected-heading>a{color:#181512;align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.selected-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.selected-project-card{color:#171411;text-align:left;cursor:pointer;background:#ffffff6b;border:1px solid #19151217;border-radius:18px;min-width:0;padding:0;transition:transform .35s,box-shadow .35s;overflow:hidden}.selected-project-card.is-featured{border-radius:28px;grid-column:1/-1;grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:420px;display:grid}.selected-project-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px #2d221b21}.selected-project-media{aspect-ratio:16/10;background:#c9c2b9;position:relative;overflow:hidden}.selected-project-card.is-featured .selected-project-media{aspect-ratio:auto;height:100%}.selected-project-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.25,1)}.selected-project-card:hover .selected-project-media img{transform:scale(1.03)}.selected-project-media>span{color:#fff;background:#0a0908a8;border-radius:99px;padding:6px 9px;font-size:12px;position:absolute;top:16px;left:16px}.selected-project-copy{flex-direction:column;min-height:230px;padding:24px;display:flex}.selected-project-card.is-featured .selected-project-copy{justify-content:center;min-height:0;padding:clamp(34px,4vw,58px)}.selected-project-copy small{color:#9a5848;letter-spacing:.14em;font-size:12px}.selected-project-copy h3{margin:12px 0 10px;font-size:clamp(1.65rem,2.2vw,2.4rem);line-height:1.18}.selected-project-copy p{color:#615a54;margin:0;font-size:15px;line-height:1.7}.selected-project-copy>div{color:#7d7068;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:12px;display:flex}.selected-project-copy svg{color:#2b2521;width:20px;height:20px;transition:transform .25s}.selected-project-card:hover .selected-project-copy svg{transform:translate(4px)}.motion-banner{grid-template-columns:1fr;gap:clamp(28px,3vw,48px);min-height:540px;padding:48px 44px}.motion-preview-stack{gap:clamp(14px,1.4vw,20px)}.motion-preview-media{aspect-ratio:9/13;width:100%}.motion-preview video{object-fit:cover;width:100%;height:100%}.motion-preview-meta{padding-top:14px}.motion-preview-meta small,.motion-preview-meta time{font-size:12px}.motion-preview-meta strong{font-size:14px}@media (width<=800px){.works{border-radius:32px 32px 0 0;padding:72px 20px}.selected-heading{flex-direction:column;align-items:flex-start;margin-bottom:28px}.selected-heading h2{font-size:13vw}.selected-project-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-right:-20px;padding-right:20px;display:flex;overflow-x:auto}.selected-project-grid::-webkit-scrollbar{display:none}.selected-project-card,.selected-project-card.is-featured{scroll-snap-align:start;border-radius:18px;flex:0 0 78vw;min-height:0;display:block}.selected-project-card.is-featured .selected-project-media,.selected-project-media{aspect-ratio:4/3;height:auto}.selected-project-card.is-featured .selected-project-copy,.selected-project-copy{justify-content:flex-start;min-height:250px;padding:22px}.motion-banner{grid-template-columns:1fr;gap:32px}.motion-preview-stack{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 24px;display:grid}.motion-preview{min-width:0}.motion-preview:first-child,.motion-preview:nth-child(2),.motion-preview:nth-child(3){transform:none}.motion-preview-media{aspect-ratio:9/12}}:root{--home-max:1440px;--home-gutter:60px;--home-gap:clamp(40px, 4vw, 64px);--home-accent:#a95749;--home-bg:#080808;--home-text:#f5f2ef;--home-muted:#ffffffa3;--home-border:#ffffff1a;--home-radius-small:12px;--home-radius-card:18px;--home-radius-panel:28px;--home-control-height:48px;--home-space-xs:8px;--home-space-sm:14px;--home-space-md:22px;--home-space-lg:34px;--home-space-xl:48px}.site{background:radial-gradient(ellipse 34% 42% at 78% 24%, #6f392b2e, transparent 72%), var(--home-bg)}header{width:min(calc(100% - (var(--home-gutter) * 2)), var(--home-max));border:1px solid var(--home-border);-webkit-backdrop-filter:blur(16px);background:#080808b8;border-radius:999px;padding:0 22px;top:10px;left:50%;right:auto;transform:translate(-50%);height:64px!important}header .brand,header .nav-actions{flex:none}header nav{gap:clamp(22px,2vw,32px);position:absolute;left:50%;transform:translate(-50%)}header nav button{color:#ffffff94;min-height:44px;padding:0 7px;font-size:14px;position:relative}header nav button:after{content:"";transform-origin:50%;background:var(--home-accent);height:1px;transition:transform .26s;position:absolute;bottom:5px;left:36%;right:36%;transform:scaleX(0)}header nav button:hover,header nav button.active{color:var(--home-text)}header nav button.active:after{transform:scaleX(1)}header .lang{background:#ffffff06;border:1px solid #ffffff12;border-radius:999px;gap:1px;min-height:38px;padding:2px 5px}header .lang button{color:#ffffff61;min-width:36px;min-height:36px;padding:0 8px;font-size:12px}header .lang button.active{color:#fff;font-weight:600}.hero{column-gap:var(--home-gap);width:100%;height:auto;min-height:100svh;padding:84px max(var(--home-gutter), calc((100% - var(--home-max)) / 2)) 48px;background:radial-gradient(circle at 77% 36%, #844c3a1a, transparent 34%), var(--home-bg);grid-template-rows:1fr;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:center}.grid-bg{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(#000 0% 76%,#0000 100%);mask-image:linear-gradient(#000 0% 76%,#0000 100%)}.hero-copy{grid-area:1/1;align-self:center;max-width:620px;padding-bottom:clamp(10px,2.5vh,24px)}.hero .eyebrow{margin:0 0 24px;font-size:11px}.personal-title{white-space:nowrap;max-width:100%!important;margin:0 0 var(--home-space-lg)!important;letter-spacing:-.045em!important;font-size:clamp(4.5rem,5.6vw,6.25rem)!important;line-height:.96!important}.personal-title small{margin-top:16px;letter-spacing:.2em!important;font-size:11px!important}.hero-bottom{gap:var(--home-space-md);display:grid}.hero .name{color:#ffffff85;letter-spacing:.1em;margin:0;font-size:13px;line-height:1.4}.hero h2{margin:var(--home-space-sm) 0 0;max-width:420px;font-size:clamp(1.5rem,1.8vw,2rem);font-weight:700;line-height:1.16}.hero .intro{max-width:460px;color:var(--home-muted);margin:0;font-size:16px;line-height:1.75}.hero-actions{margin-top:var(--home-space-lg);gap:14px}.hero-actions .primary,.hero-contact{height:var(--home-control-height);min-height:var(--home-control-height);border-radius:999px;min-width:144px;padding:0 24px;transition:transform .26s,background-color .26s,border-color .26s,filter .26s}.hero-actions .primary{border-color:var(--home-accent);background:var(--home-accent)}.hero-actions .primary:hover{filter:brightness(1.1)}.hero-contact{color:#ffffffd1;background:#ffffff06;border-color:#ffffff29}.hero-actions button:hover svg{transform:translateY(3px)}.hero-actions .hero-contact:hover svg{transform:translate(3px,-3px)}.hero-positioning{margin-top:var(--home-space-md);color:#ffffff61;letter-spacing:.13em;justify-content:flex-start;gap:8px 18px;font-size:11px}.hero-video-bg{z-index:0;aspect-ratio:auto;pointer-events:none;width:min(68%,1080px);height:100%;min-height:0;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;outline:0;position:absolute;inset:0 0 0 auto;overflow:hidden}.hero-video-bg:before{z-index:2;background:linear-gradient(90deg, var(--home-bg) 0%, #080808f7 6%, #080808c2 18%, #0808084d 34%, #0808080a 54%, transparent 72%), linear-gradient(180deg, var(--home-bg) 0%, #0808088c 8%, #08080814 20%, transparent 34%, transparent 70%, #08080833 82%, #080808b8 92%, var(--home-bg) 100%);content:"";pointer-events:none;border-radius:0;position:absolute;inset:0}.hero .hero-ip-video{z-index:1;object-fit:cover;object-position:96% center;opacity:1;width:100%;max-width:none;height:100%;box-shadow:none;filter:brightness(.9)contrast(1.09)saturate(.92);background:0 0;border:0;border-radius:0;outline:0;display:block;top:0;left:0;transform:none;-webkit-mask-image:none;mask-image:none}.hero-media-glow{z-index:0;filter:blur(42px);background:radial-gradient(at 64% 38%,#a55b421f,#5b31260a 46%,#0000 72%),radial-gradient(at 54% 58%,#5a768411,#0000 60%);inset:8% 0 5% 8%}.hero .hero-video-bg:after{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0808089e 0%,#0808083d 22%,#08080808 52%,#0000 76%,#08080829 100%),radial-gradient(30% 26% at 68% 53%,#5b778509,#0000 100%);inset:0}.hero-edge-light{opacity:.32;inset:8% 12% 8% 14%}.hero-tablet-light{opacity:.34;bottom:14%;right:13%}.floating-tools-home{right:max(24px, env(safe-area-inset-right));bottom:max(30px, calc(env(safe-area-inset-bottom) + 20px))}.floating-tools-home .icon-button{background:#0a0a0ab8;border-color:#a957496b}.floating-tools-home .floating-top{animation:.26s both floating-control-in}@keyframes floating-control-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1199px){:root{--home-gutter:32px;--home-gap:clamp(28px, 3vw, 42px)}.hero{grid-template-columns:minmax(0,42fr) minmax(0,58fr);padding-top:80px;padding-bottom:38px}.personal-title{font-size:clamp(4.25rem,6.8vw,5.5rem)!important}.hero-video-bg{width:70%;height:100%;min-height:0}}@media (width<=899px){.hero{grid-template-rows:auto minmax(380px,48vh);grid-template-columns:1fr;row-gap:clamp(40px,6vw,56px);min-height:100svh;padding-top:98px;padding-bottom:36px}.hero-copy{grid-area:1/1;max-width:680px;padding-bottom:0}.personal-title{font-size:clamp(4rem,11vw,5.4rem)!important}.hero-video-bg{border-radius:0;width:100%;height:100%;min-height:0;max-height:none;margin-left:0;position:absolute;inset:0}.hero .hero-ip-video{opacity:1;object-fit:cover;object-position:88% center;width:100%;height:100%;top:0;left:0;transform:none;-webkit-mask-image:none;mask-image:none}.hero .hero-video-bg:before{background:linear-gradient(180deg, #08080824 0%, #08080847 38%, #080808e0 69%, var(--home-bg) 100%), linear-gradient(90deg, #080808b8 0%, #08080829 25%, transparent 62%, #0808081f 100%)}.hero .hero-video-bg:after{background:linear-gradient(180deg, #0808085c 0%, transparent 22%, transparent 58%, #080808bd 82%, var(--home-bg) 100%), radial-gradient(ellipse 36% 24% at 62% 49%, #5b778509, transparent 100%)}.hero-positioning{margin-top:18px}}@media (width<=599px){:root{--home-gutter:clamp(16px, 5vw, 24px)}header{width:calc(100% - (var(--home-gutter) * 2));padding:0 10px 0 14px;top:10px;height:58px!important}header nav{display:none}header .lang{margin-right:4px}.hero{grid-template-rows:auto minmax(380px,48vh);row-gap:40px;padding-top:94px;padding-bottom:18px}.hero .eyebrow{margin-bottom:20px;font-size:10px}.personal-title{letter-spacing:-.05em!important;margin-bottom:26px!important;font-size:clamp(3.125rem,16vw,4.5rem)!important;line-height:.98!important}.personal-title small{margin-top:12px;font-size:9px!important}.hero-bottom{gap:16px}.hero h2{font-size:clamp(1.35rem,6vw,1.65rem)}.hero .intro{font-size:14px;line-height:1.7}.hero-actions{gap:12px;margin-top:26px}.hero-actions .primary,.hero-contact{min-width:0;height:46px;min-height:46px;padding:0 16px}.hero-positioning{gap:6px 12px;margin-top:18px;font-size:9px;display:flex}.hero-video-bg{border-radius:0;min-height:0;max-height:none;inset:0}.hero .hero-ip-video{object-position:64% center;width:100%;left:0}.floating-tools-home,.floating-tools-home .floating-top{display:none}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-video-bg{transform:none!important}.hero-ip-video{display:none}.hero-video-bg{background:linear-gradient(90deg,#08080842,#0808080d),url(/assets/hero-ip-poster.webp) 50%/contain no-repeat}.floating-tools-home .floating-top{animation:none}}.motion-preview-stack{grid-template-columns:repeat(4,1fr);gap:20px;min-width:0;display:grid}.motion-preview{color:#f5f2ef;cursor:pointer;background:#111;border:1px solid #ffffff14;border-radius:16px;min-width:0;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.motion-preview:hover{border-color:#c77b6966;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.motion-preview-media{aspect-ratio:9/13;background:#0a0a0a;width:100%;display:block;position:relative;overflow:hidden}.motion-preview-media:after{content:"";pointer-events:none;background:linear-gradient(#0505050a,#0000 54%,#05050575 100%);position:absolute;inset:0}.motion-preview-media img{object-fit:cover;filter:saturate(.78)contrast(.98)brightness(.88);width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .35s}.motion-preview:hover .motion-preview-media img{filter:saturate(.88)contrast()brightness(.92);transform:scale(1.05)}.motion-preview-meta{justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 16px;display:flex}.motion-preview-meta>div{flex-direction:column;min-width:0;display:flex}.motion-preview-meta small{color:#bd8f83;letter-spacing:.12em;font-size:9px}.motion-preview-meta strong{color:#f5f2ef;margin-top:6px;font-size:15px;font-weight:600;line-height:1.3;display:block}.motion-preview-meta time{color:#716b67;white-space:nowrap;font-size:11px}.motion-modal-video{object-fit:contain;background:#000;width:100%;height:calc(100% - 80px)}@media (width<=1100px){.motion-banner{grid-template-columns:1fr}.motion-preview-stack{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.motion-preview-stack{grid-template-columns:repeat(2,1fr);gap:12px}.motion-preview-meta{padding:10px 12px 12px}.motion-preview-meta strong{font-size:13px}}.works-route{color:#f5f2ef;background:#080808;min-height:100vh;overflow:hidden}.route-header{height:50px!important}.route-brand,.route-logo,.route-actions,.route-lang,.route-nav{align-items:center;display:flex}.route-brand{color:#fff}.route-logo{gap:10px}.route-logo strong{letter-spacing:.09em;font-size:12px}.route-logo em{color:#777;font-style:normal;font-weight:300}.route-nav{gap:26px}.route-nav a{color:#999;padding:12px 5px;font-size:11px;transition:all .25s}.route-nav a:hover{color:#fff}.route-actions{gap:18px}.route-home-link{color:#aaa;align-items:center;gap:6px;font-size:10px;display:flex}.route-lang{gap:2px}.route-lang button{color:#777;cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 5px;font-size:10px}.route-lang button.active{color:#fff}.route-lang i{background:#3a3837;width:1px;height:12px}.route-status{z-index:80;color:#695f5b;letter-spacing:.2em;font-size:8px;position:fixed;top:78px;right:6vw}.route-hero{max-width:1050px;padding:7vh 0 90px}.route-hero>span,.route-list-hero>span,.case-hero span{color:#a95749;letter-spacing:.2em;font-size:9px}.route-hero h1{letter-spacing:-.06em;margin:24px 0;font-family:Archivo Black,Noto Sans SC;font-size:clamp(4.5rem,9vw,10rem);line-height:.9}.route-hero h1 small{color:#a95749;letter-spacing:.24em;margin-top:18px;font-family:DM Sans;font-size:10px;line-height:1;display:block}.route-hero p,.route-list-hero p{color:#918b87;max-width:680px;font-size:16px;line-height:1.75}.route-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.route-category-card{background:#100f0f;border:1px solid #ffffff1f;border-radius:22px;min-width:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.route-category-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0000005c}.route-category-media{aspect-ratio:16/9;position:relative;overflow:hidden}.route-category-media:after{content:"";background:#08080800;transition:all .3s;position:absolute;inset:0}.route-category-media img{object-fit:cover;object-position:top;filter:saturate(.72)brightness(.76);width:100%;height:100%;transition:transform .3s,filter .3s}.route-category-media span{z-index:2;opacity:0;color:#fff;letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;font-size:12px;transition:all .3s;display:flex;position:absolute;inset:0}.route-category-card:hover .route-category-media img{filter:saturate(.84)brightness(.62);transform:scale(1.05)}.route-category-card:hover .route-category-media:after{background:#08080842}.route-category-card:hover .route-category-media span{opacity:1}.route-category-copy{min-height:142px;padding:22px 24px}.route-category-copy small{color:#a95749;font-size:9px}.route-category-copy h2{margin:9px 0 12px;font-size:26px;line-height:1.2}.route-category-copy p{color:#777;margin:0;font-size:11px;line-height:1.6}.route-back{color:#aaa;border:1px solid #292727;border-radius:99px;align-items:center;gap:8px;width:max-content;margin-bottom:50px;padding:10px 14px;font-size:11px;display:flex}.route-list-hero{padding:20px 0 70px}.route-list-hero h1,.case-hero h1{letter-spacing:-.055em;max-width:1000px;margin:18px 0;font-family:Archivo Black,Noto Sans SC;font-size:clamp(3.4rem,7vw,8rem);line-height:.95}.route-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.route-project-card{background:#111;border:1px solid #ffffff1a;border-radius:18px;min-width:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.route-project-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px #00000057}.route-project-media{aspect-ratio:4/3;position:relative;overflow:hidden}.route-project-media img{object-fit:cover;object-position:top;filter:saturate(.78);width:100%;height:100%;transition:transform .3s}.route-project-card:hover img{transform:scale(1.03)}.route-project-media span{background:#080808b8;border-radius:99px;padding:5px 7px;font-size:8px;position:absolute;top:11px;left:11px}.route-project-copy{height:92px;padding:14px 15px}.route-project-copy small{color:#9c6a5f;letter-spacing:.09em;font-size:9px}.route-project-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 0;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.case-hero{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;padding:20px 0 70px;display:grid}.case-hero p{color:#918b87;max-width:520px;font-size:14px;line-height:1.8}.case-notes{border-top:1px solid #282626;grid-template-columns:1fr 1fr;gap:7vw;margin-bottom:42px;display:grid}.case-notes article{padding:34px 0}.case-notes small{color:#a95749;letter-spacing:.18em;font-size:9px}.case-notes h2{margin:14px 0;font-size:24px}.case-notes p{color:#89837f;max-width:560px;margin:0;font-size:13px;line-height:1.75}.case-media{text-align:center;background:#111;border-radius:22px;overflow:hidden}.case-media img{width:min(100%,1100px);margin:auto;display:block}.case-media video{background:#000;width:100%;max-height:80vh;display:block}.case-pagination{border-top:1px solid #282626;grid-template-columns:1fr 1fr;margin-top:70px;display:grid}.case-pagination a{align-items:center;gap:18px;padding:28px 0;font-size:14px;display:flex}.case-pagination a:last-child{text-align:right;border-left:1px solid #282626;justify-content:flex-end}.case-pagination small{color:#766e69;letter-spacing:.15em;margin-bottom:6px;font-size:8px;display:block}.floating-tools{z-index:300;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:40px;right:40px}.floating-tools button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#0c0c0c9e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;box-shadow:0 8px 24px #00000038}.floating-tools button:hover{background:#231512d1;border-color:#a95749;transform:scale(1.1);box-shadow:0 12px 30px #0006}.floating-tools button:hover svg{transform:translateY(-1px)}.floating-tools svg{font-size:19px;transition:transform .3s}@media (width<=1100px) and (width>=801px){.route-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-home-link{display:none}}@media (width<=800px){.route-header{height:52px!important}.route-nav{display:none}.route-home-link{border:1px solid #2d2a29;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.route-home-link span{display:none}.route-actions{gap:4px}.route-status{top:74px;right:20px}.route-main{padding:125px 20px 80px}.route-hero{padding:5vh 0 65px}.route-hero h1{font-size:18vw;line-height:.94}.route-hero p{font-size:14px}.route-category-grid{grid-template-columns:1fr;gap:16px}.route-category-card{border-radius:16px}.route-category-copy{min-height:122px;padding:18px}.route-category-copy h2{font-size:21px}.route-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-project-card{border-radius:16px}.route-project-copy{height:82px;padding:11px}.route-project-copy h3{font-size:13px}.route-list-hero h1,.case-hero h1{font-size:13vw}.case-hero{grid-template-columns:1fr;gap:16px;padding-bottom:46px}.case-notes{grid-template-columns:1fr;gap:0}.case-notes article+article{border-top:1px solid #282626}.case-media{border-radius:16px}.case-pagination{margin-top:45px}.case-pagination a{padding:20px 8px;font-size:11px}.floating-tools{bottom:20px;right:20px}.floating-tools button{width:40px;height:40px}.floating-tools svg{font-size:16px}}@media (prefers-reduced-motion:reduce){.route-category-card,.route-category-media img,.route-project-card,.route-project-media img,.floating-tools button{transition:none!important}}.floating-tools{bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px))}.floating-tools .icon-button:hover{transform:translateY(-3px)}.route-category-card:hover .route-category-media img,.route-project-card:hover .route-project-media img{transform:scale(1.03)}.case-media{position:relative}.route-main{width:min(1440px,100%);margin-inline:auto}.route-category-copy{flex-direction:column;display:flex}.route-category-copy>b,.route-list-hero>b{color:#8a7e79;letter-spacing:.12em;margin-top:auto;padding-top:16px;font-size:10px;font-weight:500}.route-media-placeholder{color:#72564f;letter-spacing:.25em;background:linear-gradient(135deg,#171313,#0d0c0c);place-items:center;width:100%;height:100%;font-size:12px;display:grid}.route-project-media.is-media-error:after,.case-media.is-media-error:after{content:"MEDIA UNAVAILABLE";color:#72564f;letter-spacing:.18em;background:linear-gradient(135deg,#171313,#0d0c0c);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.route-project-copy{flex-direction:column;height:132px;display:flex}.route-project-copy h3{margin-bottom:10px}.route-project-meta{color:#756b67;letter-spacing:.08em;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:9px;display:flex}.route-project-meta svg{color:#a95749;width:15px;height:15px}.route-empty-state{text-align:center;background:#100f0f;border:1px solid #ffffff14;border-radius:18px;align-content:center;place-items:center;gap:12px;min-height:240px;padding:48px;display:grid}.route-empty-state span{color:#a95749;letter-spacing:.2em;font-size:10px}.route-empty-state p{color:#777;margin:0;font-size:14px}.case-media-list{gap:32px;display:grid}.case-media{text-align:center;background:#111;border-radius:22px;margin:0;overflow:hidden}.case-media img{object-fit:contain;width:min(100%,1200px);height:auto;margin:auto;display:block}.case-media-video video{object-fit:contain;background:#050505;width:100%;height:auto;max-height:82vh;display:block}.case-media-error{background:#100f0f;border:1px solid #ffffff14;border-radius:22px;align-content:center;place-items:center;gap:14px;min-height:280px;padding:32px;display:grid}.case-media-error span{color:#a95749;letter-spacing:.2em;font-size:11px}.case-media-error p{color:#8f8986;max-width:460px;margin:0;font-size:14px;line-height:1.7}.case-pagination-empty{min-height:82px}.case-return-links{justify-content:space-between;gap:16px;margin-top:24px;display:flex}.case-return-links a{color:#aaa;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:12px;display:inline-flex}@media (width<=800px){.case-media-list{gap:18px}.case-media{border-radius:16px}.route-project-copy{height:118px}.case-return-links{flex-direction:column;align-items:stretch}.case-return-links a{justify-content:center}.works-route>.floating-tools{display:none}}@media (width<=520px){.route-project-grid{grid-template-columns:1fr}.route-project-copy{height:auto;min-height:112px}}.case-video-watermark{z-index:2;color:#ffffff57;letter-spacing:.14em;pointer-events:none;background:#08080847;border-radius:99px;padding:5px 8px;font-size:9px;position:absolute;bottom:16px;right:16px}.works-route .route-header{z-index:1000}.icon-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#0e0e0e9e;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:grid;box-shadow:0 8px 24px #0003}.icon-button:hover{background:#1c1816d1;border-color:#ffffff57;transform:scale(1.06);box-shadow:0 12px 30px #00000057}.icon-button svg{font-size:19px;transition:transform .3s}.case-home{z-index:900;color:#ffffffc2;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:border-color .3s,background .3s,color .3s;display:grid;position:fixed;top:82px;left:6vw}.case-home:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1f}.case-home svg{stroke-width:1.5px;width:24px;height:24px;transition:transform .3s}.case-home:hover svg{transform:translate(-4px)}.route-main{position:relative}.works-index-back{z-index:90;color:#ffffffc2;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .3s,background .3s,color .3s;display:grid;position:absolute;top:78px;left:6vw}.works-index-back:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1f}.works-index-back svg{stroke-width:1.5px;width:24px;height:24px;transition:transform .3s}.works-index-back:hover svg{transform:translate(-4px)}.case-switcher{pointer-events:none}.case-switch{z-index:800;pointer-events:auto;width:52px;height:52px;position:fixed;top:50%}.case-switch-prev{left:32px}.case-switch-next{right:32px}.case-switch-prev:hover svg{transform:translate(-2px)}.case-switch-next:hover svg{transform:translate(2px)}.floating-tools{z-index:700}.floating-tools .icon-button{background:#0e0e0e9e;border-color:#ffffff24;box-shadow:0 8px 24px #0003}.floating-tools .icon-button:hover{background:#1c1816d1;border-color:#ffffff57;transform:scale(1.06);box-shadow:0 12px 30px #00000057}.floating-tools .icon-button:hover:first-child svg{transform:translateY(-2px)}@media (width<=800px){.case-home{width:44px;height:44px;top:76px;left:20px}.works-index-back{width:44px;height:44px;top:72px;left:20px}.case-switch{width:44px;height:44px;top:50%}.case-switch-prev{left:12px}.case-switch-next{right:12px}.floating-tools{gap:12px;bottom:20px;right:20px}.floating-tools .icon-button{width:44px;height:44px}.icon-button svg{font-size:16px}}@media (prefers-reduced-motion:reduce){.icon-button,.case-home{transition:none!important}}:root{--ds-page-max:1440px;--ds-content-max:1280px;--ds-reading-max:760px;--ds-gutter:64px;--ds-section-space:clamp(96px, 7.5vw, 128px);--ds-panel-padding:clamp(36px, 3.8vw, 56px);--ds-space-1:8px;--ds-space-2:12px;--ds-space-3:16px;--ds-space-4:20px;--ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;--ds-space-8:72px;--ds-font-display:clamp(64px, 6.4vw, 104px);--ds-font-page:clamp(46px, 4.8vw, 76px);--ds-font-section:clamp(42px, 4.4vw, 72px);--ds-font-card:clamp(20px, 1.55vw, 26px);--ds-font-subheading:clamp(18px, 1.3vw, 24px);--ds-font-body-lg:clamp(15px, 1.05vw, 17px);--ds-font-body:15px;--ds-font-small:12px;--ds-font-eyebrow:11px;--ds-line-display:.96;--ds-line-heading:1.12;--ds-line-body:1.72;--ds-line-small:1.55;--ds-bg:#080808;--ds-surface:#11100f;--ds-surface-raised:#151212;--ds-accent:#b86f54;--ds-text-primary:#fffffff5;--ds-text-secondary:#ffffffa8;--ds-text-muted:#ffffff75;--ds-text-faint:#ffffff4d;--ds-border:#ffffff17;--ds-border-hover:#c2705285;--ds-radius-section:28px;--ds-radius-card:20px;--ds-radius-media:18px;--ds-radius-pill:999px;--ds-control-height:48px;--ds-control-height-sm:42px;--ds-ease:cubic-bezier(.22, 1, .36, 1);--ds-duration-fast:.18s;--ds-duration:.26s}html,body,.site,.works-route{max-width:100%;overflow-x:clip}body{background:var(--ds-bg);color:var(--ds-text-primary);font-size:var(--ds-font-body);line-height:var(--ds-line-body)}header,.about-layout,.selected-showcase,.motion-banner,.contact-top,.contact-columns,.contact-foot,.route-main{box-sizing:border-box;width:min(calc(100% - (var(--ds-gutter) * 2)), var(--ds-page-max));margin-inline:auto}.hero{padding-inline:max(var(--ds-gutter), calc((100vw - var(--ds-page-max)) / 2))}.about,.works,.motion-section,.contact{padding-block:var(--ds-section-space);padding-inline:0}.works{width:min(calc(100% - (var(--ds-gutter) * 2)), var(--ds-page-max));margin-inline:auto}header,.route-header{border-color:var(--ds-border);height:60px!important}header nav button,.route-nav a{font-size:13px}header .lang button,.route-lang button{min-height:38px;font-size:12px}.hero h1{font-size:var(--ds-font-display);line-height:var(--ds-line-display);letter-spacing:-.045em}.about-heading h2,.selected-showcase-copy h2,.motion-banner-copy h2,.contact-intro h2{color:var(--ds-text-primary);font-size:var(--ds-font-section);letter-spacing:-.035em;margin-block:0;font-weight:700;line-height:1.02}.route-hero h1,.route-list-hero h1,.case-hero h1{font-size:var(--ds-font-page);letter-spacing:-.04em;line-height:1}.selected-project-copy h3,.route-category-copy h2,.motion-preview-meta strong{font-size:var(--ds-font-card);font-weight:600;line-height:1.25}.about-section h3,.case-notes h2,.contact-details h3{font-size:var(--ds-font-subheading);line-height:1.35}.section-kicker,.about-module-label,.motion-banner-copy>span,.contact-details>span,.route-hero>span,.route-list-hero>span,.case-hero>span{color:var(--ds-accent);font-size:var(--ds-font-eyebrow);letter-spacing:.2em;text-transform:uppercase;font-weight:500;line-height:1.4}.selected-showcase-copy>span{color:var(--ds-text-secondary);font-size:var(--ds-font-eyebrow);letter-spacing:.18em;text-transform:uppercase;line-height:1.4}.hero .intro,.about-intro .lead,.selected-showcase-copy p,.motion-banner-copy>p,.contact-intro p,.route-hero p,.route-list-hero p,.case-hero p{color:var(--ds-text-secondary);font-size:var(--ds-font-body-lg);line-height:var(--ds-line-body)}.selected-project-copy p,.route-category-copy p,.motion-preview-meta p,.case-notes p,.timeline p{color:var(--ds-text-secondary);font-size:14px;line-height:1.65}.selected-project-copy small,.selected-project-copy>div,.motion-preview-meta small,.motion-preview-meta time,.route-category-copy small,.route-category-copy>b,.route-project-copy small,.case-notes small,.timeline time,.contact-details small,.contact-foot{color:var(--ds-text-muted);font-size:var(--ds-font-small);line-height:var(--ds-line-small);letter-spacing:.08em}.about-layout,.selected-showcase,.motion-banner{border:1px solid var(--ds-border);border-radius:var(--ds-radius-section);background:#11100fd1}.works .selected-showcase{width:100%}.selected-showcase,.motion-banner{gap:var(--ds-space-7);padding:var(--ds-panel-padding);grid-template-columns:1fr}.about-layout{overflow:hidden}.about-copy{padding:var(--ds-panel-padding)}.about-layout,.selected-showcase,.motion-banner{min-width:0}.selected-project-card,.motion-preview-media,.route-category-card,.route-project-card,.case-media,.about-section{border-color:var(--ds-border);border-radius:var(--ds-radius-card);background:var(--ds-surface);transition:transform var(--ds-duration) var(--ds-ease), border-color var(--ds-duration) var(--ds-ease), background-color var(--ds-duration) var(--ds-ease), box-shadow var(--ds-duration) var(--ds-ease)}.selected-project-card:hover,.route-category-card:hover,.route-project-card:hover{border-color:var(--ds-border-hover);transform:translateY(-3px)}.selected-project-media,.route-category-media,.route-project-media{border-radius:var(--ds-radius-media) var(--ds-radius-media) 0 0;overflow:hidden}.selected-project-card img,.route-category-card img,.route-project-card img{transition:transform var(--ds-duration) var(--ds-ease), filter var(--ds-duration) var(--ds-ease)}.selected-project-card:hover img,.route-category-card:hover img,.route-project-card:hover img{transform:scale(1.03)}.selected-project-copy,.route-category-copy{padding:var(--ds-space-4)}.selected-project-copy{min-height:248px}.selected-project-copy h3,.route-category-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-actions .primary,.hero-contact,.selected-all-button,.motion-enter,.contact-action,.route-back{min-height:var(--ds-control-height);padding-inline:var(--ds-space-5);border-radius:var(--ds-radius-pill);transition:transform var(--ds-duration-fast) var(--ds-ease), border-color var(--ds-duration-fast) var(--ds-ease), background-color var(--ds-duration-fast) var(--ds-ease), color var(--ds-duration-fast) var(--ds-ease);font-size:14px;font-weight:600;line-height:1}.motion-quality{min-height:var(--ds-control-height-sm);border-radius:var(--ds-radius-pill)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #d28069eb}.about-module-label+h3{margin-top:var(--ds-space-4)}.selected-showcase-copy,.motion-banner-copy{align-self:center}.selected-showcase-copy>span,.motion-banner-copy>span{margin-top:var(--ds-space-4);display:block}.selected-showcase-copy h2,.motion-banner-copy h2{margin-top:var(--ds-space-3)}.selected-showcase-copy p,.motion-banner-copy>p{margin-top:var(--ds-space-5)}.selected-all-button,.motion-banner-actions{margin-top:var(--ds-space-6)}.selected-project-grid,.motion-preview-stack{gap:var(--ds-space-4)}.motion-banner-copy h2{white-space:nowrap}.contact-columns{gap:var(--ds-space-8)}.contact-intro p{max-width:var(--ds-reading-max);margin-top:var(--ds-space-5)}.contact-actions{gap:var(--ds-space-2)}.route-main{padding:clamp(124px, 10vw, 156px) 0 var(--ds-section-space)}.route-hero,.route-list-hero,.case-hero{padding-bottom:var(--ds-space-8)}.route-category-grid,.route-project-grid{gap:var(--ds-space-5)}.route-category-copy{min-height:154px}.route-project-copy{height:auto;min-height:96px;padding:var(--ds-space-3)}.case-media img{object-fit:contain;width:min(100%,1100px);height:auto}@media (width<=1199px){:root{--ds-gutter:40px;--ds-section-space:clamp(88px, 8vw, 112px);--ds-panel-padding:clamp(32px, 4vw, 44px)}.selected-showcase,.motion-banner{gap:var(--ds-space-6);grid-template-columns:1fr}}@media (width<=900px){:root{--ds-gutter:32px;--ds-section-space:80px}.selected-showcase,.motion-banner{grid-template-columns:1fr}.selected-showcase-copy,.motion-banner-copy{max-width:var(--ds-reading-max)}.motion-banner-copy h2{white-space:normal}.route-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-project-grid,.motion-preview-stack{grid-template-columns:repeat(2,1fr)}.route-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){:root{--ds-gutter:20px;--ds-section-space:72px;--ds-panel-padding:24px;--ds-font-display:clamp(50px, 16vw, 72px);--ds-font-page:clamp(40px, 12vw, 56px);--ds-font-section:clamp(38px, 11vw, 52px);--ds-font-card:clamp(20px, 6vw, 25px)}header,.about-layout,.selected-showcase,.motion-banner,.contact-top,.contact-columns,.contact-foot,.route-main{width:min(calc(100% - (var(--ds-gutter) * 2)), var(--ds-page-max))}.hero{padding-inline:var(--ds-gutter)}.about-copy{padding:var(--ds-panel-padding)}.selected-showcase,.motion-banner{gap:var(--ds-space-6);padding:var(--ds-panel-padding)}.contact-columns{gap:var(--ds-space-7)}.route-main{padding-top:116px}.route-category-grid{gap:var(--ds-space-3);grid-template-columns:1fr}.route-project-grid{gap:var(--ds-space-3)}.hero-actions .primary,.hero-contact,.selected-all-button,.motion-enter,.contact-action{min-height:46px}}@media (width<=430px){:root{--ds-gutter:18px;--ds-panel-padding:20px}.route-project-grid,.contact-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}