:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;color-scheme:light;--ink: #121212;--muted: #6e6e6a;--paper: #f4f4f2;--surface: #ffffff;--line: #d5d5d0;--coral: #ef6d5a;--teal: #278f7d;--blue: #377fc8;--chrome-surface: rgba(248, 248, 246, .84);--chrome-solid: #f8f8f6;--chrome-border: rgba(255, 255, 255, .62);--chrome-shadow: rgba(0, 0, 0, .08);--control-surface: rgba(255, 255, 255, .82);--control-hover: #ffffff;--control-border: rgba(18, 18, 18, .15);--control-border-strong: rgba(18, 18, 18, .42);--nav-text: #333333;--nav-hover: #000000;--nav-hover-bg: rgba(18, 18, 18, .06);--band: #e9e9e6;--canvas-shell: #dcdcd9;--canvas-line: rgba(18, 18, 18, .14);--placeholder: #deded9;--placeholder-alt: #d7d7d2;--work-action-bg: rgba(255, 255, 255, .9);--work-action-text: #111111;--inverse-bg: #111111;--inverse-text: #f6f6f3;--inverse-muted: #c3c3bd;--inverse-label: #92928c;--inverse-border: rgba(255, 255, 255, .18);--detail-media: #e3e3df;--contrast-control-bg: #161616;--contrast-control-text: #ffffff;--page-pad: max(28px, calc((100vw - 1480px)/2) );color:var(--ink);background:var(--paper)}html[data-theme=dark]{color-scheme:dark;--ink: #f2f2ef;--muted: #a8a8a2;--paper: #10100f;--surface: #191918;--line: #343432;--blue: #67a4e4;--chrome-surface: rgba(25, 25, 24, .88);--chrome-solid: #1b1b1a;--chrome-border: rgba(255, 255, 255, .14);--chrome-shadow: rgba(0, 0, 0, .34);--control-surface: rgba(42, 42, 40, .88);--control-hover: #343432;--control-border: rgba(255, 255, 255, .16);--control-border-strong: rgba(255, 255, 255, .38);--nav-text: #d2d2ce;--nav-hover: #ffffff;--nav-hover-bg: rgba(255, 255, 255, .08);--band: #1a1a19;--canvas-shell: #252523;--canvas-line: rgba(255, 255, 255, .14);--placeholder: #292927;--placeholder-alt: #242422;--work-action-bg: rgba(22, 22, 21, .92);--work-action-text: #ffffff;--inverse-bg: #e9e9e5;--inverse-text: #111111;--inverse-muted: #50504d;--inverse-label: #696965;--inverse-border: rgba(18, 18, 18, .18);--detail-media: #262624;--contrast-control-bg: #eeeeea;--contrast-control-text: #111111}*{box-sizing:border-box;letter-spacing:0}html{background:var(--paper);scroll-padding-top:76px}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);line-height:1.5;overflow-x:hidden;transition:color .18s ease,background-color .18s ease}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}figure,h1,h2,h3,p,dl,dd{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portfolio-site{min-height:100vh;background:var(--paper)}.portfolio-site,.site-header,.site-footer,.canvas-feature,.about-section,.detail-layer,.detail-page,.detail-header,.detail-footer{transition:color .18s ease,background-color .18s ease,border-color .18s ease}.page-section{width:100%;max-width:1536px;margin-inline:auto;padding-inline:var(--page-pad)}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid var(--control-border);border-radius:50%;background:var(--control-surface);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .1s ease}.icon-button:hover{border-color:var(--control-border-strong);background:var(--control-hover)}.icon-button:active,.text-button:active,.site-header nav button:active,.site-header nav a:active,.category-tabs button:active{transform:scale(.97)}.icon-button.is-dark{color:var(--contrast-control-text);border-color:var(--control-border);background:var(--contrast-control-bg)}.text-button{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:.88rem;font-weight:600;cursor:pointer;transition:color .16s ease,transform .1s ease}.text-button:hover{color:var(--accent, var(--coral))}.section-label{display:block;color:var(--muted);font-size:.68rem;line-height:1.2;font-weight:700;text-transform:uppercase}.brand-button{padding:0;border:0;background:transparent;cursor:pointer}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--ink)}.brand-mark.is-light{color:#fff}.brand-mark>img{width:30px;height:30px;object-fit:contain}html[data-theme=dark] .site-header .brand-mark>img,html[data-theme=dark] .site-footer .brand-mark>img,html[data-theme=dark] .detail-header .brand-mark>img{filter:invert(1) grayscale(1)}.brand-symbol{position:relative;display:grid;grid-template-columns:repeat(3,6px);align-items:end;gap:2px;width:24px;height:25px}.brand-symbol i{display:block;height:14px;background:var(--coral)}.brand-symbol i:nth-child(2){height:23px;background:var(--ink)}.brand-symbol i:nth-child(3){height:9px;background:var(--teal)}.brand-name{overflow:hidden;font-size:.89rem;line-height:1.2;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.brand-mark.is-compact .brand-symbol,.brand-mark.is-compact>img{width:23px;height:23px}.brand-mark.is-compact .brand-symbol{grid-template-columns:repeat(3,5px)}.brand-mark.is-compact .brand-name{font-size:.78rem}.site-header{position:fixed;z-index:90;top:12px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 24px),1512px);min-height:52px;padding:8px 10px 8px 14px;border:1px solid var(--chrome-border);border-radius:5px;background:var(--chrome-surface);box-shadow:0 10px 34px var(--chrome-shadow);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);transform:translate(-50%)}.header-actions{display:flex;align-items:center;gap:7px;min-width:0}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav button,.site-header nav a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:0;border-radius:3px;background:transparent;color:var(--nav-text);font-size:.8rem;font-weight:550;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .1s ease}.site-header nav button:hover,.site-header nav a:hover{color:var(--nav-hover);background:var(--nav-hover-bg)}.preference-controls{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid var(--line)}.locale-control{display:flex;align-items:center;gap:4px;height:34px;padding:0 6px 0 8px;border:1px solid var(--control-border);border-radius:4px;background:var(--control-surface);color:var(--ink);cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.locale-control:hover,.locale-control:focus-within{border-color:var(--control-border-strong);background:var(--control-hover)}.locale-control select{width:44px;min-width:0;height:30px;padding:0;border:0;outline:0;background:transparent;color:inherit;font-size:.7rem;font-weight:650;cursor:pointer}.locale-control option{color:var(--ink);background:var(--surface)}.theme-control{position:relative}.preference-icon{width:34px;height:34px;flex-basis:34px}.theme-menu{position:absolute;z-index:110;top:calc(100% + 10px);right:0;display:grid;width:168px;padding:6px;border:1px solid var(--control-border);border-radius:5px;background:var(--chrome-solid);box-shadow:0 14px 34px var(--chrome-shadow)}.theme-menu button{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:44px;padding:6px 8px;border:0;border-radius:3px;background:transparent;color:var(--ink);font-size:.76rem;text-align:left;cursor:pointer}.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--nav-hover-bg)}.theme-check{color:var(--accent, var(--coral))}.mobile-menu{display:none}.site-hero{position:relative;width:calc(100% - 24px);height:calc(100svh - 76px);min-height:660px;max-height:900px;margin:12px 12px 0;overflow:hidden;border-radius:4px;background:#282826;color:#fff}.hero-media,.hero-media img,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media{will-change:transform,opacity}.hero-media img{object-fit:cover;object-position:center 48%}.hero-overlay{background:#00000047}.hero-copy{position:absolute;z-index:2;left:max(32px,5.5vw);bottom:92px;width:min(760px,calc(100% - 64px))}.hero-role{display:block;margin-bottom:24px;font-size:.76rem;font-weight:650}.hero-copy h1{max-width:100%;font-size:6rem;line-height:.94;font-weight:660;overflow-wrap:anywhere;text-shadow:0 2px 24px rgba(0,0,0,.18)}.hero-english{margin-top:10px;font-size:1.14rem;font-weight:520}.hero-intro{max-width:550px;margin-top:28px;font-size:1.04rem;line-height:1.65;font-weight:470;white-space:normal;overflow-wrap:anywhere}.hero-foot{position:absolute;z-index:2;right:max(24px,3.2vw);bottom:26px;left:max(24px,3.2vw);display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(255,255,255,.46);font-size:.72rem}.hero-foot button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.74);border-radius:50%;background:#00000029;color:#fff;cursor:pointer;transition:background-color .16s ease,transform .1s ease}.hero-foot button:hover{background:#ffffff2e}.hero-foot button:active{transform:scale(.95)}.works-section{padding-top:120px;padding-bottom:148px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:54px}.section-header h2{margin-top:12px;font-size:4rem;line-height:1;font-weight:620}.section-header.is-compact{width:100%;max-width:1480px;margin-inline:auto;padding-inline:var(--page-pad)}.section-header.is-compact h2{font-size:2.4rem}.category-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;max-width:680px}.category-tabs button{position:relative;padding:9px 0 8px;border:0;background:transparent;color:var(--muted);font-size:.82rem;cursor:pointer;transition:color .16s ease,transform .1s ease}.category-tabs button:after{content:"";position:absolute;right:0;bottom:3px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.category-tabs button:hover,.category-tabs button.is-active{color:var(--ink)}.category-tabs button.is-active:after{transform:scaleX(1)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:62px 18px;align-items:start}.work-tile{grid-column:span 6;display:block;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;will-change:transform,opacity}.work-cover{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;border-radius:3px;background:var(--placeholder)}.work-tile-1 .work-cover,.work-tile-4 .work-cover{aspect-ratio:5 / 6}.work-tile-2 .work-cover,.work-tile-5 .work-cover{aspect-ratio:1 / 1}.work-cover img,.work-cover-empty{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.work-cover-empty{display:block;background:var(--placeholder-alt)}.work-open{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--work-action-bg);color:var(--work-action-text);opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.work-tile:hover .work-cover img{transform:scale(1.018)}.work-tile:hover .work-open,.work-tile:focus-visible .work-open{opacity:1;transform:translateY(0)}.work-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:13px}.work-meta>span:first-child{display:grid;gap:2px}.work-meta strong{font-size:1rem;line-height:1.35;font-weight:640;overflow-wrap:anywhere}.work-meta small,.work-meta>span:last-child{color:var(--muted);font-size:.7rem;line-height:1.45}.work-meta>span:last-child{flex:0 0 auto;padding-top:3px;text-align:right}.empty-message{padding:80px 0;color:var(--muted);text-align:center}.canvas-feature{max-width:none;padding:104px 0 132px;background:var(--band)}.canvas-project{width:100%}.canvas-tools{display:flex;align-items:center;justify-content:flex-end;gap:14px;width:100%;max-width:1480px;margin:0 auto 14px;padding-inline:var(--page-pad)}.canvas-percent{min-width:42px;color:var(--muted);font-size:.7rem;text-align:right}.canvas-tool-actions{display:flex;gap:6px}.canvas-tool-actions .icon-button{width:34px;height:34px;flex-basis:34px;background:var(--control-surface)}.canvas-viewport{width:100%;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--canvas-line);border-bottom:1px solid var(--canvas-line);background:var(--canvas-shell);scrollbar-color:var(--muted) transparent;scrollbar-width:thin}.canvas-zoom-space{min-width:100%}.canvas-stage{position:relative;width:100%;aspect-ratio:var(--canvas-ratio);overflow:hidden;background:#dededc;transform-origin:top left;will-change:transform}.canvas-label{position:absolute;z-index:30;top:2.2%;color:var(--project-accent, var(--coral));font-family:Georgia,Times New Roman,serif;font-size:.88rem;line-height:.9;text-transform:uppercase;will-change:transform,opacity}.canvas-label-left{left:4%}.canvas-label-right{right:4%;text-align:right}.canvas-brand{position:absolute;z-index:30;top:1.8%;left:50%;transform:translate(-50%)}.canvas-brand .brand-name{display:none}.canvas-heading{position:absolute;z-index:24;top:10%;left:4%;width:20%;min-width:145px;will-change:transform,opacity}.canvas-direction{display:grid;place-items:center;width:42px;height:42px;margin-bottom:32px;border-radius:50%;background:var(--project-accent, var(--coral));color:#111;font-size:1.45rem;font-weight:700}.canvas-heading h3{font-size:2.15rem;line-height:1.03;font-weight:640;overflow-wrap:anywhere}.canvas-heading p{margin-top:9px;font-family:Georgia,Times New Roman,serif;font-size:.84rem;line-height:1.25;text-transform:uppercase}.canvas-heading small{display:block;margin-top:18px;color:#666662;font-size:.61rem;line-height:1.45}.canvas-item{position:absolute;overflow:hidden;border:1px solid color-mix(in srgb,var(--project-accent, var(--coral)) 66%,#fff);border-radius:3px;background:#f7f7f4;box-shadow:0 5px 14px #00000021;will-change:transform,opacity}.canvas-item img,.canvas-item video{width:100%;height:100%;object-fit:contain;background:#f5f3ec}.canvas-item.is-phone{padding:3px;border:4px solid #171717;border-radius:25px;background:#171717;box-shadow:0 7px 18px #0003}.canvas-item.is-phone img,.canvas-item.is-phone video{overflow:hidden;border-radius:19px}.phone-notch{position:absolute;z-index:2;top:7px;left:50%;width:36%;height:12px;border-radius:9px;background:#101010;transform:translate(-50%)}.about-section{max-width:none;padding:118px var(--page-pad) 128px;background:var(--inverse-bg);color:var(--inverse-text)}.about-section>.section-label,.about-layout{width:100%;max-width:1480px;margin-inline:auto}.about-section .section-label{color:var(--inverse-label)}.about-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:10%;margin-top:56px}.about-layout h2{max-width:920px;font-size:3.35rem;line-height:1.16;font-weight:520;overflow-wrap:anywhere}.about-copy{align-self:end}.about-copy>p{color:var(--inverse-muted);font-size:.95rem;line-height:1.8}.about-copy dl,.detail-summary dl{display:grid;gap:14px;margin-top:34px}.about-copy dl>div,.detail-summary dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;padding-top:10px;border-top:1px solid var(--inverse-border)}.about-copy dt{color:var(--inverse-label);font-size:.61rem;font-weight:700}.detail-summary dt{color:var(--muted);font-size:.61rem;font-weight:700}.about-copy dd,.detail-summary dd{font-size:.75rem;overflow-wrap:anywhere}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:104px;padding:24px var(--page-pad);background:var(--surface)}.site-footer>p{color:var(--muted);font-size:.69rem;text-align:center}.site-footer .text-button{justify-self:end}.turn-up{transform:rotate(180deg)}.detail-layer{position:fixed;z-index:200;inset:0;overflow-y:auto;background:var(--paper);overscroll-behavior:contain}.detail-page{min-height:100%;background:var(--paper)}.detail-header{position:sticky;z-index:50;top:0;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px var(--page-pad);border-bottom:1px solid var(--control-border);background:var(--chrome-surface);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.detail-introduction{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:10%;width:100%;max-width:1536px;margin:0 auto;padding:112px var(--page-pad) 96px}.detail-title h2{max-width:900px;margin-top:18px;font-size:5.5rem;line-height:.98;font-weight:640;overflow-wrap:anywhere}.detail-title>p{margin-top:14px;color:var(--muted);font-size:1rem}.detail-summary{align-self:end}.detail-summary>p{font-size:1rem;line-height:1.75}.detail-summary dl>div{border-color:var(--line)}.detail-body{width:100%}.detail-body>.canvas-project{padding-bottom:84px;background:var(--band)}.detail-body>.canvas-project .canvas-tools{padding-top:18px}.detail-full-gallery{display:grid;gap:clamp(48px,6vw,88px);padding:0 clamp(20px,4vw,72px) clamp(88px,10vw,140px)}.detail-full-media{width:100%;max-width:1480px;margin:0 auto}.detail-full-media.is-long{max-width:820px}.detail-full-media img,.detail-full-media video{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}.detail-masonry{column-count:2;column-gap:10px;padding:0 10px 10px}.detail-media{width:100%;margin:0 0 10px;overflow:hidden;break-inside:avoid;background:var(--detail-media)}.detail-media img,.detail-media video{width:100%;height:auto}.detail-story{display:grid;gap:100px;padding:0 var(--page-pad) 120px}.story-frame{width:100%;max-width:1480px;margin:0 auto}.story-frame-1{width:66%;margin-left:0}.story-frame-2{width:58%;margin-right:0}.story-frame img,.story-frame video{width:100%;max-height:920px;object-fit:contain;background:var(--detail-media)}.story-frame figcaption{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:.65rem;text-transform:uppercase}.detail-footer{display:grid;grid-template-columns:1fr 1fr;min-height:190px;background:var(--inverse-bg);color:var(--inverse-text)}.project-nav-button{display:flex;align-items:center;gap:18px;min-width:0;padding:42px var(--page-pad);border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease}.project-nav-button+.project-nav-button{border-left:1px solid var(--inverse-border)}.project-nav-button:hover{background:color-mix(in srgb,var(--inverse-text) 7%,var(--inverse-bg))}.project-nav-button.is-next{justify-content:flex-end;text-align:right}.project-nav-button span{min-width:0;font-size:1.2rem;font-weight:560;overflow-wrap:anywhere}.project-nav-button small{display:block;margin-bottom:6px;color:var(--inverse-muted);font-size:.59rem;font-weight:700}.loading-view{position:relative;min-height:100svh;padding:24px;background:var(--paper)}.loading-header{display:flex;justify-content:space-between}.loading-header span,.loading-title span,.loading-line{display:block;background:var(--placeholder)}.loading-header span:first-child{width:132px;height:28px}.loading-header span:last-child{width:210px;height:28px}.loading-title{position:absolute;bottom:120px;left:7vw;display:grid;gap:12px}.loading-title span:first-child{width:120px;height:13px}.loading-title span:nth-child(2){width:380px;max-width:70vw;height:78px}.loading-title span:last-child{width:220px;height:18px}.loading-line{position:absolute;right:24px;bottom:64px;left:24px;height:1px}@media(max-width:980px){:root{--page-pad: 24px}.hero-copy h1{font-size:4.8rem}.section-header{align-items:flex-start;flex-direction:column}.category-tabs{justify-content:flex-start}.work-grid{gap:48px 14px}.canvas-heading h3{font-size:1.55rem}.canvas-direction{width:34px;height:34px;margin-bottom:22px;font-size:1.1rem}.about-layout,.detail-introduction{grid-template-columns:1fr;gap:56px}.about-layout h2{font-size:2.8rem}.detail-title h2{font-size:4.5rem}}@media(max-width:720px){:root{--page-pad: 18px}.site-header{top:8px;width:calc(100% - 16px);min-height:50px;padding:5px 7px 5px 11px}.site-header nav{position:absolute;top:calc(100% + 7px);right:0;left:0;display:none;align-items:stretch;padding:8px;border:1px solid var(--chrome-border);border-radius:4px;background:var(--chrome-solid);box-shadow:0 14px 30px var(--chrome-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header nav.is-open{display:grid}.site-header nav button,.site-header nav a{justify-content:flex-start;min-height:42px}.mobile-menu{display:inline-grid;width:38px;height:38px;flex-basis:38px}.header-actions{gap:4px}.preference-controls{gap:4px;padding-left:0;border-left:0}.locale-control{gap:3px;height:38px;padding-inline:6px 4px}.locale-control select{width:38px;height:36px;font-size:.66rem}.preference-icon{width:38px;height:38px;flex-basis:38px}.canvas-tool-actions .icon-button{width:40px;height:40px;flex-basis:40px}.theme-menu{right:-40px}.site-hero{width:calc(100% - 16px);height:calc(100svh - 66px);min-height:560px;margin:8px 8px 0}.hero-copy{left:22px;bottom:94px;width:calc(100% - 44px)}.hero-copy>*{max-width:100%}.hero-role{margin-bottom:18px;font-size:.69rem;white-space:normal;overflow-wrap:anywhere}.hero-copy h1{font-size:3.5rem}.hero-english{font-size:.94rem;overflow-wrap:anywhere}.hero-intro{width:100%;max-width:100%;margin-top:20px;font-size:.9rem;line-height:1.6}.hero-foot{right:18px;bottom:18px;left:18px}.hero-foot>span{max-width:calc(100% - 56px);overflow-wrap:anywhere}.works-section{padding-top:38px;padding-bottom:104px}.section-header{gap:28px;margin-bottom:38px}.section-header h2{font-size:3rem}.section-header.is-compact h2{font-size:1.8rem}.category-tabs{width:100%;gap:2px 16px}.category-tabs button{font-size:.77rem}.work-grid{grid-template-columns:1fr;gap:48px}.work-tile,.work-tile-0,.work-tile-1,.work-tile-2,.work-tile-3{grid-column:1}.work-tile .work-cover{aspect-ratio:4 / 3}.work-tile:nth-child(2n) .work-cover{aspect-ratio:5 / 6}.work-open{opacity:1;transform:none}.work-meta{gap:12px}.canvas-feature{padding:76px 0 90px}.canvas-feature .section-header.is-compact{flex-direction:row;align-items:flex-end}.canvas-tools{padding-inline:12px}.canvas-zoom-space{min-width:calc(680px * var(--canvas-zoom, 1))}.canvas-label{font-size:.72rem}.canvas-heading{min-width:130px}.canvas-heading h3{font-size:1.35rem}.canvas-heading p{font-size:.7rem}.canvas-heading small{font-size:.55rem}.about-section{padding-top:84px;padding-bottom:92px}.about-layout{gap:44px;margin-top:38px}.about-layout h2{font-size:2.15rem;line-height:1.22}.site-footer{grid-template-columns:1fr auto;row-gap:20px}.site-footer>p{grid-row:2;grid-column:1 / -1;text-align:left}.detail-introduction{gap:42px;padding-top:72px;padding-bottom:62px}.detail-title h2{font-size:3.4rem;line-height:1}.detail-summary>p{font-size:.92rem}.detail-masonry{column-count:1;padding:0 6px 6px}.detail-media{margin-bottom:6px}.detail-story{gap:52px;padding-bottom:80px}.story-frame-1,.story-frame-2{width:100%}.detail-footer{grid-template-columns:1fr}.project-nav-button{min-height:120px;padding:28px 20px}.project-nav-button+.project-nav-button{border-top:1px solid var(--inverse-border);border-left:0}.project-nav-button span{font-size:1rem}}:root{--stage-bg: #050505;--stage-text: #f5f5f7;--stage-muted: #a1a1a6;--stage-line: rgba(245, 245, 247, .18);--stage-frame: #171717}.site-header{position:fixed;z-index:90;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;min-height:52px;padding:0 max(18px,var(--page-pad));border:0;border-bottom:1px solid rgba(245,245,247,.16);border-radius:0;background:var(--stage-bg);color:var(--stage-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}.site-header .brand-button{display:inline-flex;align-items:center;min-width:0;color:var(--stage-text)}.header-brand{display:inline-flex;align-items:center;gap:9px;min-width:0;text-align:left}.header-brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid rgba(245,245,247,.72);border-radius:3px;color:var(--stage-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700;letter-spacing:.03em}.header-brand-copy{display:grid;gap:0;min-width:0;line-height:1}.header-brand-copy strong{overflow:hidden;max-width:150px;font-size:.76rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.header-brand-copy small{margin-top:3px;color:var(--stage-muted);font-size:.51rem;letter-spacing:.08em;text-transform:uppercase}.site-header .header-actions{display:flex;align-items:center;gap:14px;min-width:0}.site-header nav{display:flex;align-items:center;gap:21px}.site-header nav button,.site-header nav a{display:inline-flex;align-items:center;min-height:32px;padding:4px 0;border:0;border-radius:0;background:transparent;color:#f5f5f7b8;font-size:.74rem;font-weight:500;cursor:pointer;transition:color .16s ease,opacity .16s ease,transform .1s ease}.site-header nav button:hover,.site-header nav a:hover,.site-header nav button:focus-visible,.site-header nav a:focus-visible{color:var(--stage-text);background:transparent}.site-header .preference-controls{display:flex;align-items:center;gap:4px;padding-left:13px;border-left:1px solid rgba(245,245,247,.16)}.site-header .locale-control{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0;border:0;border-radius:0;background:transparent;color:#f5f5f79e}.site-header .locale-control:hover,.site-header .locale-control:focus-within{border:0;background:transparent;color:var(--stage-text)}.site-header .locale-control select{width:40px;height:28px;color:inherit;font-size:.61rem;font-weight:600}.site-header .locale-control option{color:#151515;background:#fff}.site-header .preference-icon,.site-header .mobile-menu{width:30px;height:30px;flex-basis:30px;border:0;border-radius:50%;background:transparent;color:#f5f5f7a8}.site-header .preference-icon:hover,.site-header .mobile-menu:hover,.site-header .preference-icon:focus-visible,.site-header .mobile-menu:focus-visible{border:0;background:#f5f5f71f;color:var(--stage-text)}.site-header .theme-menu{top:calc(100% + 9px);width:164px;padding:5px;border:1px solid rgba(245,245,247,.18);border-radius:4px;background:#151515;color:var(--stage-text);box-shadow:0 16px 38px #0006}.site-header .theme-menu button{min-height:38px;border-radius:2px;color:var(--stage-text)}.site-header .theme-menu button:hover,.site-header .theme-menu button:focus-visible{background:#f5f5f71a}.site-hero{position:relative;isolation:isolate;width:100%;height:min(820px,calc(100dvh - 94px));min-height:620px;max-height:none;margin:52px 0 0;overflow:hidden;background:var(--stage-bg);color:var(--stage-text)}.hero-stage{position:absolute;z-index:1;inset:0;overflow:hidden;perspective:1300px;pointer-events:none}.hero-stage-floor,.hero-stage-rule{position:absolute;z-index:0;display:block;background:var(--stage-line);pointer-events:none}.hero-stage-floor{right:4.5%;bottom:9%;left:4.5%;height:1px}.hero-stage-rule{top:11%;right:7%;bottom:12%;width:1px;opacity:.55}.hero-device{position:absolute;z-index:2;display:block;margin:0;will-change:transform,opacity;transform-style:preserve-3d}.hero-device-shell{position:relative;width:100%;height:100%;padding:9px;border:1px solid rgba(245,245,247,.24);border-radius:7px;background:var(--stage-frame);box-shadow:0 28px 55px #00000070,0 5px 12px #00000040}.hero-device-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#f3f3ef}.hero-device-screen img{width:100%;height:100%;object-fit:contain}.hero-device-0{top:12%;left:37%;width:min(720px,48vw);aspect-ratio:2.05;transform:rotate(-2deg) translateZ(0)}.hero-device-1{top:26%;left:22%;z-index:4;width:min(220px,16vw);aspect-ratio:.54;transform:rotate(-8deg) translateZ(30px)}.hero-device-2{top:56%;left:70%;z-index:5;width:min(410px,30vw);aspect-ratio:2.1;transform:rotate(7deg) translateZ(18px)}.hero-device-3{top:8%;left:76%;z-index:1;width:min(330px,23vw);aspect-ratio:2.2;transform:rotate(8deg) translateZ(-30px);opacity:.78}.hero-frame-phone .hero-device-shell{padding:7px 6px;border:6px solid #1b1b1b;border-radius:27px;background:#1b1b1b}.hero-frame-phone .hero-device-screen{border-radius:18px}.hero-frame-phone .hero-device-screen img{object-fit:cover;object-position:center top}.hero-frame-tablet .hero-device-shell{padding:8px;border-radius:6px}.hero-frame-poster .hero-device-shell{padding:6px;border-radius:5px}.hero-device-island{position:absolute;z-index:2;top:9px;left:50%;width:35%;height:11px;border-radius:8px;background:#050505;transform:translate(-50%)}.hero-copy{position:absolute;z-index:10;top:18%;left:max(24px,var(--page-pad));width:300px;color:var(--stage-text)}.hero-role{display:block;margin-bottom:22px;color:var(--stage-muted);font-size:.68rem;font-weight:650;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.hero-copy h1{display:grid;gap:10px;max-width:5ch;font-size:84px;line-height:.9;font-weight:650;letter-spacing:-.06em}.hero-copy h1 span{overflow-wrap:anywhere}.hero-copy h1 small{display:block;max-width:280px;color:#d2d2d7;font-size:17px;line-height:1.1;font-weight:500;letter-spacing:0}.hero-intro{max-width:290px;margin-top:27px;color:#c3c3c9;font-size:.9rem;line-height:1.72}.hero-cta{display:inline-flex;align-items:center;gap:10px;margin-top:27px;padding:11px 15px;border:0;border-radius:999px;background:var(--accent, #ef6d5a);color:#fff;font-size:.76rem;font-weight:650;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.hero-cta:hover{background:color-mix(in srgb,var(--accent, #ef6d5a) 82%,#fff);transform:translateY(-2px)}.works-section{position:relative;z-index:2;border-top:1px solid var(--line)}@media(max-width:980px){.hero-copy h1{font-size:70px}.hero-device-0{left:36%;width:min(610px,55vw)}.hero-device-1{left:20%;width:min(190px,19vw)}.hero-device-2{left:68%;width:min(330px,34vw)}.hero-device-3{left:76%;width:min(220px,24vw)}}@media(max-width:720px){.site-header{height:52px;min-height:52px;padding-inline:12px}.header-brand{gap:7px}.header-brand-mark{width:24px;height:24px;font-size:.64rem}.header-brand-copy strong{max-width:88px;font-size:.71rem}.header-brand-copy small{display:none}.site-header .header-actions{gap:5px}.site-header nav{position:absolute;top:calc(100% + 7px);right:10px;left:10px;display:none;align-items:stretch;gap:0;padding:5px;border:1px solid rgba(245,245,247,.18);border-radius:4px;background:#151515;box-shadow:0 18px 36px #0000006b}.site-header nav.is-open{display:grid}.site-header nav button,.site-header nav a{justify-content:flex-start;min-height:40px;padding:7px 10px;color:#f5f5f7d6}.site-header .preference-controls{gap:1px;padding-left:3px;border-left:0}.site-header .locale-control select{width:35px;font-size:.58rem}.site-header .preference-icon,.site-header .mobile-menu{width:29px;height:29px;flex-basis:29px}.site-header .mobile-menu{display:inline-grid}.site-hero{height:min(700px,calc(100dvh - 84px));min-height:590px;margin-top:52px}.hero-stage-floor{right:18px;bottom:7%;left:18px}.hero-stage-rule{top:27%;right:11%;bottom:12%}.hero-copy{top:64px;right:18px;left:18px;width:auto}.hero-role{margin-bottom:17px;font-size:.61rem}.hero-copy h1{max-width:5ch;font-size:58px;line-height:.92}.hero-copy h1 small{font-size:14px}.hero-intro{max-width:255px;margin-top:20px;font-size:.79rem;line-height:1.65}.hero-cta{margin-top:20px;padding:10px 14px;font-size:.72rem}.hero-device-0{top:42%;left:22%;width:76%;aspect-ratio:1.7;transform:rotate(-2deg) translateZ(0)}.hero-device-1{top:47%;left:3%;width:29%;aspect-ratio:.54;transform:rotate(-8deg) translateZ(30px)}.hero-device-2{top:66%;left:40%;width:58%;aspect-ratio:1.75;transform:rotate(6deg) translateZ(18px)}.hero-device-3{display:none}.hero-device-shell{padding:5px;border-radius:5px}.hero-frame-phone .hero-device-shell{padding:4px;border-width:4px;border-radius:18px}.hero-frame-phone .hero-device-screen{border-radius:12px}.hero-device-island{top:6px;height:7px}.works-section{padding-top:58px}}@media(max-width:400px){.header-brand-copy strong{max-width:70px}.hero-copy h1{font-size:52px}.hero-device-0{top:45%;left:20%;width:79%}.hero-device-1{top:50%;width:30%}.hero-device-2{top:70%}}@media(prefers-reduced-motion:reduce){.hero-device{transform:none!important}}.site-header__desktop{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header__mobile{display:none}.header-brand{gap:9px}.header-brand-mark{width:24px;height:24px;overflow:hidden;border:0;border-radius:0;background:transparent}.header-brand-mark img{width:100%;height:100%;object-fit:contain;filter:invert(1) grayscale(1)}.header-brand>strong{color:var(--stage-text);font-size:.75rem;font-weight:600;line-height:1}.site-header__mobile-menu{display:none}@media(max-width:720px){.site-header__desktop{display:none}.site-header__mobile{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.site-header__mobile .header-actions{gap:4px}.site-header__mobile-menu{position:absolute;z-index:120;top:calc(100% + 9px);right:0;left:0;display:grid;gap:2px;padding:7px;border:1px solid rgba(245,245,247,.16);border-radius:3px;background:#151515;box-shadow:0 18px 38px #00000075}.site-header__mobile-menu button,.site-header__mobile-menu a{min-height:40px;display:flex;align-items:center;padding:0 10px;border:0;color:#f5f5f7d6;background:transparent;font-size:.78rem;text-align:left}.site-header__mobile-menu button:hover,.site-header__mobile-menu a:hover,.site-header__mobile-menu button:focus-visible,.site-header__mobile-menu a:focus-visible{color:#fff;background:#f5f5f714}}@media(max-width:400px){.brand-name{max-width:78px}.hero-copy h1{font-size:3rem}.canvas-feature .section-header.is-compact{align-items:flex-start;flex-direction:column}.detail-title h2{font-size:2.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-media,.work-tile,.canvas-stage,.canvas-item{transform:none!important}}@media(prefers-reduced-transparency:reduce){.site-header,.detail-header,.site-header nav{background:var(--chrome-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.site-header,.detail-header{border-color:var(--ink);background:var(--surface)}.work-meta small,.work-meta>span:last-child,.section-label{color:var(--ink)}}:root{--paper: #ffffff;--surface: #ffffff;--band: #f8f8fa;--ink: #1d1d1f;--muted: #6e6e73;--line: #dedee3;--chrome-surface: rgba(255, 255, 255, .88);--chrome-solid: #ffffff;--chrome-border: rgba(29, 29, 31, .12);--chrome-shadow: rgba(29, 29, 31, .08);--control-surface: rgba(255, 255, 255, .92);--control-hover: #ffffff;--control-border: rgba(29, 29, 31, .15);--control-border-strong: rgba(29, 29, 31, .36);--nav-text: #424245;--nav-hover: #1d1d1f;--nav-hover-bg: rgba(29, 29, 31, .06);--canvas-shell: #f0f0f3;--inverse-bg: var(--band);--inverse-text: var(--ink);--inverse-muted: var(--muted);--inverse-label: #86868b;--inverse-border: var(--line)}html[data-theme=dark]{--paper: #101116;--surface: #15161d;--band: #12131a;--ink: #f5f5f7;--muted: #a5a6ae;--line: #2b2c35;--chrome-surface: rgba(16, 17, 22, .92);--chrome-solid: #15161d;--chrome-border: rgba(245, 245, 242, .14);--chrome-shadow: rgba(0, 0, 0, .28);--control-surface: rgba(30, 31, 39, .94);--control-hover: #252630;--control-border: rgba(245, 245, 242, .16);--control-border-strong: rgba(245, 245, 242, .38);--nav-text: #d2d2d0;--nav-hover: #ffffff;--nav-hover-bg: rgba(245, 245, 242, .08);--canvas-shell: #181921;--inverse-bg: var(--band);--inverse-text: var(--ink);--inverse-muted: var(--muted);--inverse-label: #8e8e8b;--inverse-border: var(--line)}.portfolio-site{overflow-x:hidden}.site-header{top:0;left:0;width:100%;min-height:52px;padding:7px max(18px,var(--page-pad));border:0;border-bottom:1px solid var(--chrome-border);border-radius:0;background:var(--chrome-surface);box-shadow:none;-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);transform:none}.site-hero{width:100%;height:min(840px,calc(100dvh - 150px));min-height:540px;max-height:none;margin:52px 0 0;border-radius:0;background:#101116;color:#f5f5f7}.site-hero:after{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:44%;background:#0c0d12a3;pointer-events:none}.hero-media img{object-position:64% 49%;filter:brightness(.78) saturate(.94)}.hero-copy{top:50%;bottom:auto;left:max(28px,7vw);width:min(430px,36vw);color:#f5f5f7;transform:translateY(-44%)}.hero-role{margin-bottom:24px;color:#c8c9cf;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{display:grid;gap:10px;max-width:6ch;font-size:clamp(4.8rem,8.2vw,8.2rem);line-height:.86;font-weight:650;letter-spacing:-.06em;text-shadow:none}.hero-copy h1 small{display:block;max-width:none;color:#d2d3d8;font-size:clamp(.95rem,1.45vw,1.28rem);line-height:1;font-weight:520;letter-spacing:-.025em}.hero-english{display:none}.hero-intro{max-width:360px;margin-top:30px;color:#d2d3d8;font-size:.92rem;line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:12px 16px;border:0;border-radius:999px;background:var(--accent, #ef5b64);color:#fff;font-size:.78rem;font-weight:620;cursor:pointer;transition:transform .18s ease,background-color .18s ease}.hero-cta:hover{background:color-mix(in srgb,var(--accent, #ef5b64) 84%,#ffffff);transform:translateY(-2px)}.hero-cta:active{transform:scale(.98)}.works-section{max-width:1440px;padding-top:clamp(48px,6vw,82px);padding-bottom:clamp(110px,14vw,190px)}.section-header{display:block;margin-bottom:62px}.section-header h2{margin:0;font-size:clamp(3.2rem,6.4vw,6.2rem);line-height:.9;font-weight:620;letter-spacing:-.075em}.category-tabs{justify-content:flex-start;gap:0 24px;max-width:none;margin-top:34px;padding-top:13px;border-top:1px solid var(--line)}.category-tabs button{padding:4px 0 9px;font-size:.74rem}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(78px,10vw,156px) 24px}.work-tile,.work-tile-0,.work-tile-1,.work-tile-2,.work-tile-3,.work-tile-4,.work-tile-5{grid-column:span 12}.work-tile-1{grid-column:1 / span 7}.work-tile-2{grid-column:8 / span 5;margin-top:18vw}.work-tile-3{grid-column:2 / span 8}.work-tile-4{grid-column:7 / span 6;margin-top:-4vw}.work-cover,.work-cover-empty{border-radius:8px}.work-tile-0 .work-cover{aspect-ratio:16 / 9}.work-tile-1 .work-cover{aspect-ratio:4 / 3}.work-tile-2 .work-cover{aspect-ratio:4 / 5}.work-tile-3 .work-cover{aspect-ratio:5 / 3}.work-tile-4 .work-cover{aspect-ratio:1 / 1}.work-meta{display:grid;grid-template-columns:minmax(170px,1.05fr) minmax(180px,.95fr) auto;gap:24px;padding-top:16px;border-top:1px solid var(--line)}.work-title-group{display:grid;align-content:start;gap:4px}.work-title-group small,.work-facts{color:var(--muted);font-size:.67rem;line-height:1.4}.work-title-group strong{font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.18;font-weight:620}.work-title-group em{color:var(--muted);font-size:.72rem;font-style:normal}.work-description{max-width:350px;color:var(--muted);font-size:.78rem;line-height:1.65;text-wrap:pretty}.work-facts{display:grid;align-content:start;gap:4px;text-align:right}.work-facts span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.work-open{top:18px;right:18px;width:42px;height:42px;border-radius:50%;opacity:0}.canvas-feature{padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(100px,13vw,180px);background:var(--surface)}.section-header.is-compact{display:flex;align-items:end;margin-bottom:54px}.section-header.is-compact h2{font-size:clamp(2.2rem,4vw,4.1rem)}.about-section{padding-top:clamp(100px,13vw,176px);padding-bottom:clamp(104px,13vw,180px);border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}.about-section .section-label{color:var(--muted)}.about-layout{margin-top:48px}.about-layout h2{font-size:clamp(2.4rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.065em;font-weight:560}.about-copy>p,.about-copy dd{color:var(--muted)}.about-copy dl>div{border-color:var(--line)}.site-footer{min-height:82px;border-top:1px solid var(--line);background:var(--surface)}@media(max-width:720px){.site-header{padding-inline:12px}.site-hero{height:calc(100dvh - 150px);min-height:560px;margin-top:52px}.hero-media img{object-position:52% 48%}.site-hero:after{width:100%;background:#0c0d1257}.hero-copy{inset:auto 22px 48px;width:auto;transform:none}.hero-copy h1{max-width:4ch;font-size:clamp(4.4rem,18vw,6.2rem)}.hero-copy h1 small{font-size:.92rem}.hero-intro{max-width:300px;margin-top:22px;font-size:.82rem}.hero-cta{margin-top:22px}.works-section{padding-top:42px;padding-bottom:100px}.section-header{margin-bottom:46px}.section-header h2{font-size:3.35rem}.category-tabs{gap:0 17px;margin-top:28px;overflow-x:auto;white-space:nowrap}.work-grid{grid-template-columns:1fr;gap:58px}.work-tile,.work-tile-0,.work-tile-1,.work-tile-2,.work-tile-3,.work-tile-4,.work-tile-5{grid-column:1;margin-top:0}.work-tile-0 .work-cover,.work-tile-1 .work-cover,.work-tile-2 .work-cover,.work-tile-3 .work-cover,.work-tile-4 .work-cover{aspect-ratio:4 / 3}.work-tile-2 .work-cover,.work-tile-4 .work-cover{aspect-ratio:5 / 6}.work-meta{grid-template-columns:minmax(0,1fr) auto;gap:16px}.work-description{grid-column:1 / -1;grid-row:2;max-width:none}.work-facts{grid-column:2;grid-row:1}.canvas-feature{padding-top:82px;padding-bottom:88px}.section-header.is-compact{align-items:flex-start;gap:18px;margin-bottom:38px}.section-header.is-compact h2{font-size:2rem}.about-section{padding-top:84px;padding-bottom:92px}}.site-header{height:52px;min-height:52px;padding:0 max(18px,var(--page-pad));border-bottom-color:#f5f5f729;background:var(--stage-bg);color:var(--stage-text);-webkit-backdrop-filter:none;backdrop-filter:none}.site-hero{height:min(760px,calc(100dvh - 128px));min-height:620px;background:var(--stage-bg)}.works-section{padding-top:50px}.site-hero:after{display:none}.hero-copy{top:18%;right:auto;bottom:auto;left:max(24px,var(--page-pad));width:300px;transform:none}.hero-role{margin-bottom:22px;color:var(--stage-muted);font-size:.68rem}.hero-copy h1{max-width:5ch;font-size:84px;line-height:.9}.hero-copy h1 small{max-width:280px;font-size:17px;line-height:1.1;letter-spacing:0}.hero-intro{max-width:290px;margin-top:27px;font-size:.9rem;line-height:1.72}.hero-cta{margin-top:27px;padding:11px 15px;font-size:.76rem}@media(max-width:980px){.hero-copy h1{font-size:70px}}@media(max-width:720px){.site-header{height:52px;min-height:52px;padding:0 12px}.site-hero{height:min(700px,calc(100dvh - 84px));min-height:590px;margin-top:52px}.hero-copy{inset:64px 18px auto;width:auto;transform:none}.hero-role{margin-bottom:17px;font-size:.61rem}.hero-copy h1{max-width:5ch;font-size:58px;line-height:.92}.hero-copy h1 small{font-size:14px}.hero-intro{max-width:255px;margin-top:20px;font-size:.79rem;line-height:1.65}.hero-cta{margin-top:20px;padding:10px 14px;font-size:.72rem}}@media(max-width:400px){.hero-copy h1{font-size:52px}}.canvas-stage,.canvas-stage .brand-mark,.canvas-stage .canvas-heading,.canvas-stage .canvas-heading h3,.canvas-stage .canvas-heading p{color:#171717}.canvas-stage .canvas-heading small{color:#62625e}.page-section{padding-inline:clamp(28px,4vw,72px)}.site-hero{height:min(780px,calc(100dvh - 100px));min-height:600px;background:#050505}.hero-stage{perspective:1500px}.hero-stage-floor{right:5.5%;bottom:8%;left:5.5%;background:#f5f5f738}.hero-stage-rule{top:14%;right:7%;bottom:12%;opacity:.34;background:#f5f5f742}.hero-device-shell{padding:8px;border-color:#f5f5f740;border-radius:8px;box-shadow:0 20px 38px #00000047,0 2px 8px #0000002e}.hero-device-0{top:10%;left:35%;width:min(820px,54vw);transform:rotate(-1.2deg) translateZ(0)}.hero-device-1{top:25%;left:20%;width:min(215px,14vw);transform:rotate(-6deg) translateZ(34px)}.hero-device-2{top:58%;left:70%;width:min(370px,26vw);transform:rotate(4deg) translateZ(18px)}.hero-device-3{top:8%;left:80%;width:min(280px,19vw);transform:rotate(5deg) translateZ(-30px);opacity:.66}.hero-copy{top:20%;left:max(28px,7vw);width:min(320px,22vw)}.hero-role{margin-bottom:18px;color:#a1a1a6;font-size:.67rem;letter-spacing:.06em}.hero-copy h1{max-width:4ch;font-size:clamp(4.5rem,7vw,7.2rem);line-height:.88;letter-spacing:-.065em}.hero-copy h1 small{margin-top:7px;color:#a1a1a6;font-size:clamp(.9rem,1.2vw,1.08rem);letter-spacing:0}.hero-intro{max-width:290px;margin-top:24px;color:#c7c7cc;font-size:.88rem;line-height:1.7}.hero-cta{margin-top:25px;padding:0;border:0;border-radius:0;background:transparent;color:#2997ff;font-size:.92rem;font-weight:560;letter-spacing:0;transition:color .18s ease,gap .18s ease}.hero-cta:hover,.hero-cta:focus-visible{background:transparent;color:#66b7ff;transform:none}.hero-cta:hover svg,.hero-cta:focus-visible svg{transform:translate(3px)}.hero-cta svg{transition:transform .18s ease}.works-section{padding-top:clamp(64px,7vw,96px);padding-bottom:clamp(90px,10vw,132px)}.section-header{margin-bottom:48px}.section-header h2{font-size:clamp(3rem,5.2vw,5.25rem);line-height:.94;letter-spacing:-.065em}.category-tabs{gap:0 22px;margin-top:27px;padding-top:12px}.work-grid{gap:clamp(36px,2vw,48px) 28px}.work-tile,.work-tile-0,.work-tile-1,.work-tile-2,.work-tile-3,.work-tile-4,.work-tile-5{grid-column:span 6;margin-top:0}.work-tile-0,.work-tile-3{grid-column:span 7}.work-tile-1,.work-tile-2{grid-column:span 5}.work-tile-2{margin-top:clamp(24px,3vw,56px)}.work-tile-3{margin-top:0}.work-cover-mosaic{display:grid;width:100%;height:100%;gap:5px;padding:5px;background:#f5f5f7}.work-cover-mosaic.mosaic-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.work-cover-mosaic.mosaic-count-3,.work-cover-mosaic.mosaic-count-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.work-cover-mosaic img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;background:#fff;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.work-cover-mosaic img[src*=longform]{object-position:center top}.work-tile-1 .work-cover,.work-tile-2 .work-cover{aspect-ratio:1.34 / 1}.work-tile:hover .work-cover-mosaic img{transform:scale(1.012)}.work-tile-2{margin-top:clamp(28px,5vw,88px)}.work-tile-4{margin-top:clamp(-22px,-1.8vw,-10px)}.work-cover,.work-cover-empty{border-radius:6px}.work-meta{grid-template-columns:minmax(170px,1fr) minmax(180px,.95fr) auto;gap:20px;padding-top:14px}.work-title-group strong{font-size:clamp(1.05rem,1.25vw,1.22rem)}.work-description{max-width:380px;font-size:.82rem;line-height:1.62}.canvas-feature{padding-top:clamp(72px,8vw,108px);padding-bottom:clamp(88px,10vw,132px);border-top:1px solid var(--line);background:#f5f5f7}.canvas-feature .section-header.is-compact{width:min(1480px,calc(100% - 2 * var(--page-pad)));margin-inline:auto;margin-bottom:36px}.canvas-feature .section-header.is-compact h2{font-size:clamp(2rem,3.2vw,3.45rem)}.canvas-viewport{border-color:#dedee3;background:#f5f5f7}.canvas-stage{background:#f5f5f7!important}.canvas-label{color:#6e6e73;font-size:.74rem}.canvas-heading h3{font-size:clamp(1.45rem,2vw,2rem);line-height:1.05}.canvas-heading p{color:#6e6e73;font-size:.72rem}.canvas-heading small{margin-top:14px;color:#86868b;font-size:.68rem}.canvas-item{border-color:#1d1d1f29;background:#fff;box-shadow:0 10px 22px #1d1d1f1f}.canvas-item img,.canvas-item video{background:#fff}.about-section{padding-top:clamp(88px,10vw,132px);padding-bottom:clamp(92px,10vw,136px);background:#fff}.about-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:9%;margin-top:42px}.about-layout h2{max-width:820px;font-size:clamp(2.55rem,3.6vw,3.8rem);line-height:1.02;letter-spacing:-.06em}.about-copy>p{max-width:390px;color:var(--muted);font-size:.98rem;line-height:1.75}.about-copy dl{gap:12px;margin-top:28px}.about-copy dl>div{grid-template-columns:64px minmax(0,1fr);gap:14px;padding-top:11px}.about-copy dt{font-size:.68rem}.about-copy dd{font-size:.86rem}.site-footer{min-height:96px;padding-block:22px}.site-footer>p{font-size:.75rem}.site-footer .text-button{color:#06c}.site-footer .text-button:hover,.site-footer .text-button:focus-visible{color:#0077ed}@media(max-width:720px){.site-hero{height:min(700px,calc(100dvh - 84px));min-height:590px}.hero-copy{inset:auto 20px 46px;width:auto}.hero-copy h1{max-width:5ch;font-size:clamp(4.1rem,17vw,5.7rem)}.hero-intro{max-width:270px;margin-top:20px;font-size:.82rem}.hero-cta{margin-top:20px;font-size:.88rem}.works-section{padding-top:52px;padding-bottom:92px}.section-header{margin-bottom:40px}.section-header h2{font-size:3.1rem}.work-grid{grid-template-columns:1fr;gap:54px}.work-tile,.work-tile-0,.work-tile-1,.work-tile-2,.work-tile-3,.work-tile-4,.work-tile-5{grid-column:1;margin-top:0}.canvas-feature{padding-top:70px;padding-bottom:82px}.canvas-feature .section-header.is-compact{width:auto;margin-inline:var(--page-pad);margin-bottom:28px}.about-section{padding-top:78px;padding-bottom:88px}.about-layout{grid-template-columns:1fr;gap:42px;margin-top:34px}.about-layout h2{font-size:clamp(2.45rem,11vw,3.7rem)}.about-copy>p{font-size:.92rem}.site-footer{grid-template-columns:1fr auto;min-height:92px}.site-footer>p{display:none}}.site-hero{height:min(820px,calc(100dvh - 72px));min-height:680px;background:#e9e9ec;color:#1d1d1f}.hero-stage{overflow:hidden;background:#e9e9ec;perspective:none}.hero-stage-rule,.hero-stage-floor{display:none}.hero-stage-side{position:absolute;z-index:1;top:13%;display:grid;gap:6px;color:#6e6e73;font-size:.62rem;line-height:1;letter-spacing:.08em}.hero-stage-side-left{left:max(34px,7vw)}.hero-stage-side-right{right:max(34px,7vw);text-align:right}.hero-portfolio-sheet{position:absolute;z-index:3;top:50%;left:50%;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:min(570px,38vw);min-width:470px;aspect-ratio:.72;padding:clamp(22px,1.6vw,30px);border:1px solid rgba(29,29,31,.1);background:#fff;box-shadow:0 30px 68px #1d1d1f24,0 4px 14px #1d1d1f14;transform:translate(-50%,-50%);transform-origin:center}.hero-portfolio-sheet:before,.hero-portfolio-sheet:after{content:"";position:absolute;z-index:-1;inset:10px -10px -10px 10px;border:1px solid rgba(29,29,31,.1);background:#f7f7f8}.hero-portfolio-sheet:after{z-index:-2;inset:20px -20px -20px 20px;background:#dedee2}.hero-sheet-topline,.hero-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6e6e73;font-size:.56rem;line-height:1;letter-spacing:.08em}.hero-sheet-topline{padding-bottom:11px;border-bottom:1px solid #d2d2d7}.hero-sheet-title{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 16px;padding:17px 0 14px}.hero-sheet-cn{grid-row:span 2;color:#1d1d1f;font-size:clamp(2.7rem,3.6vw,3.7rem);line-height:.92;font-weight:720;letter-spacing:-.06em}.hero-sheet-en{color:#1d1d1f;font-size:1rem;line-height:1;font-weight:650}.hero-sheet-title small{overflow:hidden;color:#6e6e73;font-size:.56rem;line-height:1.3;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.hero-sheet-feature{position:relative;overflow:hidden;margin:0;background:#f5f5f7}.hero-sheet-feature img{display:block;width:100%;aspect-ratio:2.32 / 1;object-fit:cover}.hero-sheet-feature figcaption{position:absolute;right:8px;bottom:7px;padding:4px 6px;background:#ffffffe6;color:#1d1d1f;font-size:.48rem;letter-spacing:.04em}.hero-sheet-index{display:flex;align-items:baseline;gap:10px;padding:15px 0 10px;color:#1d1d1f}.hero-sheet-index span:first-child{font-size:1.45rem;line-height:1;font-weight:700}.hero-sheet-index span:last-child{color:#6e6e73;font-size:.68rem;font-weight:620}.hero-sheet-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;gap:7px;min-height:0;overflow:hidden}.hero-sheet-thumbnails figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}.hero-sheet-thumbnails img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center top;background:#f5f5f7}.hero-sheet-thumbnails figcaption{margin-top:5px;color:#86868b;font-size:.46rem;line-height:1;letter-spacing:.03em}.hero-sheet-footer{align-self:end;padding-top:11px;border-top:1px solid #d2d2d7}.hero-copy{display:none;z-index:5;top:auto;right:auto;bottom:10%;left:max(34px,7vw);width:min(270px,19vw);color:#1d1d1f}.hero-role{margin-bottom:10px;color:#6e6e73;font-size:.62rem;letter-spacing:.04em}.hero-copy h1{display:flex;align-items:baseline;gap:9px;max-width:none;color:#1d1d1f;font-size:clamp(1.65rem,2.25vw,2.35rem);line-height:1;letter-spacing:-.04em}.hero-copy h1 small{margin:0;color:#6e6e73;font-size:.72rem;line-height:1}.hero-intro{max-width:250px;margin-top:14px;color:#6e6e73;font-size:.76rem;line-height:1.65}.hero-cta{margin-top:15px;color:#06c;font-size:.82rem}.hero-cta:hover,.hero-cta:focus-visible{color:#0077ed}@media(max-width:720px){.site-hero{height:690px;min-height:690px;background:#e9e9ec}.hero-stage-side,.hero-copy{display:none}.hero-portfolio-sheet{top:28px;left:50%;width:min(410px,calc(100% - 52px));min-width:0;aspect-ratio:.69;padding:19px;transform:translate(-50%)}.hero-portfolio-sheet:before{inset:7px -7px -7px 7px}.hero-portfolio-sheet:after{inset:14px -14px -14px 14px}.hero-sheet-cn{font-size:clamp(2.65rem,14vw,3.5rem)}.hero-sheet-title{gap:0 12px;padding-block:14px 12px}.hero-sheet-feature img{aspect-ratio:2.18 / 1}.hero-sheet-index{padding-block:13px 8px}.hero-sheet-thumbnails{gap:5px}}