:root{--paper:#fafaf8;--white:#fff;--ink:#262624;--muted:#7e7e77;--line:#e7e7e1;--soft:#f0f0ec;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}img{user-select:none;-webkit-user-drag:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #66695a;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}::selection{background:#ddddcf}.text-button{padding:8px 0;font-size:14px;display:inline-flex;align-items:center;gap:14px}.plus{font-size:20px;font-weight:300}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}.skip{position:fixed;top:-90px;left:15px;background:var(--ink);color:#fff;padding:10px;z-index:200}.skip:focus{top:10px}.nav-bar{height:78px;position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 38px;pointer-events:none}.nav-bar>*{pointer-events:auto}.brand{font-size:20px;font-weight:700;letter-spacing:-1px}.brand span{padding:0 1px}.nav-bar nav{display:flex;gap:3px;padding:4px;background:#f0f0eccf;backdrop-filter:blur(14px);border-radius:3px;position:absolute;left:50%;transform:translateX(-50%)}.nav-bar nav a{padding:5px 17px;font-size:14px;color:#797972;border-radius:2px;transition:color .2s,background .2s}.nav-bar nav a.active,.nav-bar nav a:hover{background:#fff;color:var(--ink)}sup{font-size:9px;vertical-align:super;margin-left:5px;line-height:0}.intro{min-height:100svh;position:relative;display:grid;place-items:center;padding:115px 30px 100px}.intro-content{text-align:center;animation:intro-in 1s .08s both}.intro h1{font-size:clamp(48px,5vw,72px);letter-spacing:.07em;font-weight:400;line-height:1.25;margin:25px 0 14px}.intro-role{font-size:16px;letter-spacing:.04em}.intro-english{font:italic clamp(24px,2.5vw,36px)/1.35 var(--serif);margin-top:37px;color:#72756c;letter-spacing:-.04em}.intro-description{font-size:15px;line-height:2;color:var(--muted);margin-top:27px}.enter-work{display:inline-flex;flex-direction:column;gap:9px;font-size:14px;margin-top:38px}.line{width:38px;height:1px;background:#b8b9af;margin:auto;transition:width .3s}.enter-work:hover .line{width:100%}.intro-foot{position:absolute;left:38px;right:38px;bottom:28px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.06em}.intro-foot>span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}.works{padding:90px 0 45px;scroll-margin-top:0}.work-heading{padding:0 5vw;margin-bottom:44px;display:flex;align-items:end;justify-content:space-between;gap:20px}.work-heading h2{font-size:23px;font-weight:400;margin-top:10px}.work-heading h2 span{display:inline-block;margin-left:20px;font:italic 23px var(--serif);color:var(--muted)}.work-heading p{font-size:12px;color:var(--muted)}.gallery-toolbar{display:flex;align-items:center;gap:30px;margin:0 5vw;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.view-switch{display:flex;gap:2px;padding:3px;background:var(--soft);border-radius:3px}.view-switch button{font-size:14px;padding:5px 19px;border-radius:2px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 3px #00000008}.filters{display:flex;gap:20px}.filters button{font-size:14px;padding:8px 0;color:#999990;position:relative}.filters button[aria-pressed=true]{color:var(--ink)}.filters button[aria-pressed=true]:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:1px;background:currentColor}.result-count{margin-left:auto;font-size:10px;letter-spacing:.07em;color:var(--muted)}.space-stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;position:relative;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain;perspective:1600px}.space-stage::-webkit-scrollbar{display:none}.space-stage.dragging{cursor:grabbing;user-select:none}.space-stage.dragging *{cursor:grabbing}.space-scene{position:relative;width:max(100%,1440px);height:690px;transform-style:preserve-3d}.space-card{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:var(--layer,1);transform:translate3d(calc(var(--px,0px)*var(--depth)),calc(var(--py,0px)*var(--depth) + var(--entry,0px)*var(--depth)),var(--z));transition:opacity .25s,filter .25s;will-change:transform}.space-card>.project-button{animation:float 7s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}.space-shell.in-view .space-card>.project-button{animation-play-state:running}.space-card:hover,.space-card:focus-within{z-index:15}.space-card:hover>.project-button,.space-card:focus-within>.project-button{animation-play-state:paused}.project-button{display:block;width:100%;padding:0;text-align:left;position:relative}.media{position:relative;display:block;overflow:hidden;background:#f0f0ec;transition:transform .35s,box-shadow .35s}.media img{width:100%;height:auto;aspect-ratio:var(--ratio,16/9);object-fit:contain;transition:transform .5s}.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s;background:#eee}.media.playing video{opacity:1}.space-card .media{box-shadow:0 6px 30px -20px #0005}.space-card:hover .media,.space-card:focus-within .media{transform:scale(1.065);box-shadow:0 15px 45px -20px #0004}.space-scene:has(.project-button:hover) .space-card:not(:hover){opacity:.45}.space-scene:has(.project-button:focus-visible) .space-card:not(:focus-within){opacity:.45}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px}.project-name{font-size:14px;font-weight:400}.project-type{font-size:11px;color:var(--muted)}.space-card .project-meta{position:absolute;top:100%;left:0;right:-60px;opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .2s;display:block;pointer-events:none}.space-card .project-type{display:block;margin-top:2px;font-size:10px}.space-card:hover .project-meta,.space-card:focus-within .project-meta{opacity:1;transform:none}.motion-dot{position:absolute;right:7px;bottom:7px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;background:#ffffffde;font-size:7px;color:#333}.space-foot{margin:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.pan-controls{display:flex;align-items:center;gap:13px}.pan-controls button{font-size:12px;padding:10px 4px}.pan-track{height:1px;width:95px;background:#deded7;position:relative}.pan-track span{position:absolute;left:0;top:-1px;height:3px;width:24px;background:#8e9185;transform:translateX(var(--progress,0px))}.index-grid{padding:45px 20px 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 20px;align-items:start}.index-card:nth-child(3n+2){padding-top:95px}.index-card .media{background:#f0f0ee}.index-card .media img{height:auto;width:100%}.index-card .media[data-portrait=true] img{max-height:610px}.index-card .project-button:hover .media img{transform:scale(1.025)}.index-card .project-meta{padding:14px 3px 0}.index-card .project-type{font-size:12px}.contact{min-height:85svh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:150px 30px 120px;margin-top:30px;text-align:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.6;letter-spacing:-.04em;margin:23px 0}.contact h2 span{color:#8c8e83}.contact-copy{font-size:14px;color:var(--muted)}.contact-links{display:flex;gap:55px;margin-top:40px}.contact-links a{font-size:17px;border-bottom:1px solid var(--line);padding:0 0 8px}.contact-links span{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}.contact footer{position:absolute;bottom:24px;left:38px;right:38px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.contact footer>span:nth-child(2){font:italic 14px var(--serif)}dialog{border:0;background:var(--paper);color:var(--ink);padding:0}dialog::backdrop{background:#26262435;backdrop-filter:blur(7px)}#about-dialog{width:480px;max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;overscroll-behavior:contain}.about-head{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper)}.about-body{padding:44px 35px}.about-body h2{font-size:32px;font-weight:400;line-height:1.4;margin-bottom:28px}.about-body h2 span{display:block;font:italic 23px var(--serif);color:var(--muted);margin-top:7px}.about-body>p{font-size:16px;line-height:1.9}.about-body dl{margin:40px 0}.about-body dl>div+div{margin-top:25px}.about-body dt{font-size:12px;color:var(--muted);margin-bottom:8px}.about-body dd{margin:0;font-size:15px}.about-body dd span{color:var(--muted);font-size:13px}.about-contact{font-size:15px;border-bottom:1px solid var(--line);padding-bottom:6px}#project-dialog{width:100%;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.detail-bar{height:76px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#fafaf8f5;backdrop-filter:blur(16px);border-bottom:1px solid transparent}.detail-counter{font-size:11px;color:var(--muted);letter-spacing:.08em}.detail-heading{text-align:center;padding:75px 25px 65px}.detail-heading .eyebrow{font-size:11px}.detail-heading h2{font-size:clamp(25px,3vw,39px);font-weight:400;margin:15px 0 8px;line-height:1.5}.detail-heading .english{font:italic 24px var(--serif);color:var(--muted)}.detail-media{position:relative;background:#f0f0ec;margin:0 12px}.detail-media>img,.detail-media>video{width:100%;height:auto;max-height:80dvh;object-fit:contain}.detail-media>video{background:#181819;min-height:200px}.detail-media>img.portrait{max-height:85dvh}.image-count{position:absolute;bottom:14px;left:17px;background:#fafaf8e0;font-size:11px;padding:5px 10px}.image-controls{display:flex;gap:15px;align-items:center;justify-content:center;padding:20px 15px}.image-controls button{font-size:13px;min-height:44px;min-width:44px}.image-controls button[aria-pressed=true]{background:var(--soft)}.image-controls .dots{display:flex;gap:4px}.detail-bottom{padding:40px 30px 65px;display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-bottom p{font-size:13px;color:var(--muted);max-width:480px}.detail-bottom button{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:5px;white-space:nowrap}#project-info{position:fixed;z-index:25;top:76px;right:0;width:440px;max-width:100%;height:calc(100dvh - 76px);overflow-y:auto;background:#fafaf8f7;backdrop-filter:blur(20px);border-left:1px solid var(--line);padding:36px 30px;box-shadow:-20px 15px 50px #00000008}#project-info h3{font-size:24px;font-weight:400;margin-bottom:26px}#project-info .info-block{margin:24px 0}#project-info h4{font-size:11px;letter-spacing:.06em;font-weight:400;color:var(--muted);margin:0 0 8px}#project-info p{font-size:16px;line-height:1.9}#project-info .note{font-size:13px;color:var(--muted)}.tools{display:flex;gap:6px;flex-wrap:wrap}.tools span{font-size:12px;padding:4px 9px;background:var(--soft)}.media-error{font-size:13px;padding:25px;text-align:center;background:var(--soft)}.noscript{text-align:center;padding:50px}.reveal{animation:reveal .55s both}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes intro-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.space-scene{height:760px}.space-card{width:calc(var(--w)*1.1)}}
@media(max-width:1000px){.nav-bar{padding:0 24px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 18px}.index-card:nth-child(3n+2){padding-top:0}.index-card:nth-child(even){padding-top:65px}.space-note{display:none}.work-heading p{display:none}.work-heading h2 span{font-size:21px}.intro-description{max-width:470px}.gallery-toolbar{gap:22px}}
@media(max-width:600px){html{scroll-padding-top:70px}.nav-bar{height:65px;padding:0 18px}.brand{font-size:17px}.nav-bar nav{gap:0;padding:3px}.nav-bar nav a{font-size:12px;padding:5px 11px}.nav-bar nav sup{font-size:8px;margin-left:3px}.about-button{font-size:12px;gap:5px}.about-button .plus{font-size:16px}.intro{padding:110px 25px 110px;min-height:100svh}.intro h1{font-size:48px;margin-top:23px}.intro-role{font-size:14px}.intro-english{font-size:28px;margin-top:30px}.intro-description{font-size:14px;line-height:1.9;max-width:305px}.intro-description br{display:none}.intro-foot{left:20px;right:20px;bottom:24px;font-size:9px}.intro-foot>span:nth-child(2){display:none}.enter-work{margin-top:28px}.works{padding-top:60px;padding-bottom:30px}.work-heading{padding:0 22px;margin-bottom:26px}.work-heading h2{font-size:21px}.work-heading h2 span{display:block;font-size:21px;margin:5px 0 0}.gallery-toolbar{margin:0 20px;padding:13px 0;gap:14px;justify-content:space-between}.view-switch button{font-size:13px;padding:5px 12px}.filters{gap:13px}.filters button{font-size:12px}.filters sup{font-size:8px;margin-left:3px}.result-count{position:absolute;left:22px;top:auto;transform:translateY(47px);font-size:9px}.space-stage{padding-top:26px}.space-scene{width:1250px;height:560px}.space-card{top:calc(var(--y)*.82);width:calc(var(--w)*.86);transform:translate3d(0,calc(var(--entry,0px)*var(--depth)),0)}.space-card .project-meta{opacity:1;transform:none;padding-top:7px;right:-10px}.space-card .project-name{font-size:12px}.space-card .project-type{font-size:9px;display:none}.space-card .media{box-shadow:0 6px 20px -18px #0006}.space-foot{margin:12px 22px 0;flex-direction:column;gap:6px;font-size:10px}.pan-controls button{font-size:12px}.index-grid{grid-template-columns:1fr;padding:44px 20px 20px;gap:32px}.index-card:nth-child(even){padding-top:0}.index-card .media[data-portrait=true] img{max-height:none}.index-card .project-meta{padding-top:12px}.index-card .project-name{font-size:15px}.index-card .project-type{font-size:11px}.contact{padding:110px 25px 110px;min-height:85svh}.contact h2{font-size:35px}.contact-copy{font-size:13px;max-width:270px}.contact-links{flex-direction:column;gap:25px;margin-top:32px}.contact-links a{font-size:17px}.contact footer{left:20px;right:20px;font-size:10px}.contact footer>span:nth-child(2){display:none}.about-head{padding:16px 22px}.about-body{padding:32px 25px}.detail-bar{height:65px;padding:0 18px}.detail-bar .text-button{font-size:12px}.detail-counter{font-size:9px}.detail-heading{padding:45px 22px 38px}.detail-heading h2{font-size:26px}.detail-heading .english{font-size:22px}.detail-media{margin:0 8px}.detail-media>img,.detail-media>video{max-height:75dvh}.detail-bottom{padding:28px 22px 45px;display:block}.detail-bottom button{margin-top:25px}#project-info{top:65px;height:calc(100dvh - 65px);width:100%;padding:30px 24px;border:0}.image-controls{gap:4px;padding:14px 8px}.image-controls button{font-size:12px}.intro .eyebrow{font-size:10px}}
@media(hover:none){.space-scene:has(.project-button:hover) .space-card:not(:hover){opacity:1}.space-card:hover .media{transform:none}.space-card .project-meta{opacity:1;transform:none}.space-card>.project-button{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.space-card{transform:none!important}.space-card:hover .media{transform:none}.intro-content{opacity:1}.space-scene:has(.project-button:hover) .space-card:not(:hover){opacity:1}}
/* Keep the compact navigation on one line at narrow widths. */
.nav-bar nav{width:max-content;white-space:nowrap}.nav-bar nav a{flex-shrink:0}
.space-scene{width:max(115%,1540px)}
.space-card{transform:translate3d(calc(var(--px,0px)*var(--depth)),calc(var(--py,0px)*var(--depth) + var(--entry,0px)*var(--depth)),var(--z)) scale(var(--scene-scale,1))}
@media(max-width:600px){.space-scene{width:1250px}.space-card{transform:translate3d(0,calc(var(--entry,0px)*var(--depth)),0) scale(var(--scene-scale,1))}.nav-bar nav a{padding:5px 9px}}
.nav-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(var(--paper) 65%,#fafaf8ee);backdrop-filter:blur(12px);z-index:-1;pointer-events:none}

/* A centered, projected collection; input rotates its shared spatial coordinates. */
.space-stage{height:clamp(460px,70svh,740px);padding:0;overflow:hidden;touch-action:pan-y;cursor:grab;perspective:none}
.space-stage.dragging{cursor:grabbing}.space-stage.dragging .project-button{cursor:grabbing}
.space-scene{position:relative;width:100%;height:100%;perspective:none;transform-style:flat}
.space-scene .space-card{position:absolute;margin:0;transform:var(--orbit-transform)!important;transform-origin:center;opacity:var(--orbit-opacity,1);transition:opacity .2s;will-change:transform;}
.space-scene .space-card>.project-button{animation:none!important;width:100%}
.space-card:focus-within{z-index:250!important}
.space-card .project-meta{right:-40px}.space-card .project-type{display:none}
.space-scene:has(.project-button:hover) .space-card:not(:hover){opacity:.55}
@media(max-width:600px){.space-stage{height:470px}.space-card .project-meta{opacity:0}.space-card:focus-within .project-meta{opacity:1}.space-card .project-name{font-size:14px}.space-foot{margin-top:0}.gesture-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.space-scene .space-card{transform:var(--orbit-transform)!important}}

@media(min-width:1001px){.works{padding-top:40px}.work-heading{margin-bottom:22px}.space-stage{height:clamp(380px,calc(100svh - 350px),740px)}}

/* A continuous cover-to-project transition, with source and destination kept in place. */
#project-dialog.project-opening{background:transparent;overflow:hidden}
#project-dialog.project-opening::backdrop{background:transparent;backdrop-filter:none}
#project-dialog.project-opening .detail-bar,#project-dialog.project-opening #detail-body{opacity:0;pointer-events:none}
#project-dialog .detail-bar,#project-dialog #detail-body{transition:opacity .25s}
.project-flight{position:fixed;z-index:100;max-width:none;object-fit:contain;pointer-events:none;background:transparent}
.entry-source{opacity:0!important}
.detail-showcase{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:clamp(30px,4vw,72px);align-items:start;padding:0 5vw 35px}
.detail-showcase .detail-media{margin:0;background:transparent}
.detail-showcase .detail-media>img,.detail-showcase .detail-media>video{max-height:65vh;object-fit:contain;background:transparent}
.detail-heading{padding:35px 25px 40px}.detail-heading h2{margin-top:10px}
.project-description{padding:0 0 20px;max-width:480px}.project-description h3{font-size:21px;font-weight:400;margin:8px 0 22px}
.document-intent{font-size:16px;line-height:1.95}.project-description dl{margin:26px 0 0}.project-description dl>div{padding:12px 0;border-top:1px solid var(--line)}
.project-description dt{font-size:12px;color:var(--muted);margin-bottom:5px}.project-description dd{margin:0;font-size:14px;line-height:1.8}.document-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:18px}
@media(max-width:800px){.detail-showcase{grid-template-columns:1fr}.project-description{max-width:none}}

/* The staged reveal controls opacity without competing CSS fades. */
#project-dialog .detail-bar,#project-dialog #detail-body{transition:none}
#project-dialog::backdrop{background:transparent;backdrop-filter:none}

/* Depth belongs to the artwork; titles and keyboard focus stay crisp. */
.space-card .media{filter:blur(var(--depth-blur,0px));transition:filter .12s linear,transform .25s,box-shadow .25s}
.space-card:focus-visible .media,.space-card:focus-within .media{filter:none}
#project-dialog.project-closing{overflow:hidden;pointer-events:none}
#project-dialog.project-closing .detail-bar,#project-dialog.project-closing #detail-body{pointer-events:none}

/* First-screen profile: identity on the left, experience on the right. */
.intro{padding:120px 7vw 100px}.intro-layout{width:100%;max-width:1240px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);align-items:center}.intro-content{text-align:left}.intro h1{font-size:clamp(56px,6vw,86px);margin:24px 0 22px}.intro-description{margin-top:32px;max-width:430px}.intro-description br{display:none}.intro .enter-work{margin-top:42px;align-items:flex-start}.intro .line{margin:0}.intro-profile{margin:0;animation:intro-in 1s .18s both}.intro-profile>div{border-top:1px solid var(--line);padding:23px 0}.intro-profile dt{font-size:12px;color:var(--muted);margin-bottom:12px;display:flex;gap:16px}.intro-profile dt span{font-size:10px;letter-spacing:.08em}.intro-profile dd{margin:0;padding-left:31px}.intro-profile h2{font-size:17px;font-weight:400;margin-bottom:6px}.intro-profile p{font-size:14px}.intro-profile .profile-note{font-size:12px;color:var(--muted);margin-top:5px}.profile-tools{display:flex;flex-wrap:wrap;gap:8px 20px}.profile-tools span{font-size:14px}.intro-profile>div:last-child{padding-bottom:0}
/* Keep the original media hidden while its flight layer moves away. */
#project-dialog.project-closing .detail-media>img,#project-dialog.project-closing .detail-media>video{visibility:hidden}
@media(max-width:800px){.intro-layout{grid-template-columns:1fr;gap:42px}.intro-profile{max-width:520px}.intro{padding-bottom:100px}}

/* Mobile edition: readable profile, large work covers, and touch-sized controls. */
@media(max-width:800px){
 html{scroll-padding-top:80px}body{font-size:16px}.nav-bar{height:72px;padding:0 20px}.nav-bar nav{left:auto;right:18px;transform:none}.nav-bar nav a{padding:9px 12px;font-size:14px}.about-button{display:none}.brand{font-size:20px}
 .intro{min-height:100svh;padding:118px 24px 84px;display:block}.intro-layout{display:block}.intro-content{text-align:left}.intro .eyebrow{font-size:12px;letter-spacing:.08em}.intro h1{font-size:54px;margin:24px 0 18px;letter-spacing:.04em}.intro-role{font-size:16px}.intro-description{font-size:16px;line-height:1.95;max-width:none;margin-top:26px;color:#676760}.intro .enter-work{font-size:16px;min-height:44px;margin-top:26px;gap:10px}.intro-profile{margin-top:42px;max-width:none}.intro-profile>div{padding:22px 0}.intro-profile dt{font-size:14px;margin-bottom:12px}.intro-profile dt span{font-size:12px}.intro-profile dd{padding-left:0}.intro-profile h2{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.intro-profile p,.profile-tools span{font-size:15px}.intro-profile .profile-note{font-size:13px;line-height:1.8}.profile-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.intro-foot{left:24px;right:24px;bottom:24px;font-size:12px}.intro-foot>span:nth-child(2),.intro-foot>span:last-child{display:none}
 .works{padding:35px 0 30px}.work-heading{padding:0 24px;margin-bottom:24px}.work-heading .eyebrow{font-size:12px}.work-heading h2{font-size:24px;margin-top:12px}.work-heading h2 span{display:block;margin:6px 0 0;font-size:22px}.gallery-toolbar{margin:0 24px;gap:14px;flex-wrap:wrap;padding:14px 0}.view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.view-switch button{min-height:44px;font-size:15px}.filters{gap:24px}.filters button{font-size:14px;min-height:44px}.filters sup{font-size:11px}.result-count{position:static;transform:none;font-size:12px;margin-left:auto}
 .index-grid{grid-template-columns:1fr;padding:28px 24px 24px;gap:38px}.index-card:nth-child(n){padding-top:0}.index-card .media[data-portrait=true] img{max-height:65svh;object-fit:contain}.index-card .project-meta{padding:13px 0 0;flex-wrap:wrap;gap:3px 16px}.index-card .project-name{font-size:18px}.index-card .project-type{font-size:13px}.motion-dot{width:28px;height:28px;right:10px;bottom:10px;font-size:10px}
 .space-stage{height:480px;touch-action:pan-y}.space-foot{margin:10px 24px 0;flex-direction:column;gap:8px}.gesture-hint{font-size:13px}.pan-controls button{font-size:14px;min-height:44px}.space-card .project-name{font-size:14px}.space-card .project-meta{opacity:0}.space-card:focus-within .project-meta{opacity:1}
 .detail-bar{height:68px;padding:0 18px}.detail-bar .text-button{font-size:14px;min-height:44px}.detail-counter{font-size:11px}.detail-heading{padding:28px 24px}.detail-heading h2{font-size:28px}.detail-heading .eyebrow{font-size:12px}.detail-heading .english{font-size:21px}.detail-showcase{grid-template-columns:minmax(0,1fr);gap:32px;padding:0 20px 20px}.detail-showcase .detail-media>video{min-height:0;max-height:65svh}.detail-showcase .detail-media>img{max-height:65svh}.project-description{max-width:none;padding:0 4px}.project-description h3{font-size:22px;margin:8px 0 16px}.document-intent{font-size:16px;line-height:1.95}.project-description dd{font-size:15px}.project-description dt{font-size:13px}.project-description .eyebrow{font-size:12px}.detail-bottom{padding:15px 24px 40px;display:block}.detail-bottom button{min-height:44px;margin-top:18px;font-size:15px}.detail-bottom p{font-size:13px}#project-info{top:68px;height:calc(100dvh - 68px);width:100%;padding:28px 24px}.image-controls{gap:0;padding:10px 0;justify-content:space-between}.image-controls button{min-width:36px;min-height:44px;font-size:13px}.image-controls .dots{gap:0}
 .contact{padding:90px 24px 100px;margin-top:0;min-height:85svh}.contact .eyebrow{font-size:12px}.contact-copy{max-width:320px;font-size:16px}.contact-links{flex-direction:column;gap:26px}.contact-links a{font-size:19px;min-height:60px}.contact-links span{font-size:12px}.contact footer{left:24px;right:24px;font-size:12px}.contact footer>span:nth-child(2){display:none}
}
@media(min-width:601px) and (max-width:800px){.intro-layout{display:grid;grid-template-columns:1fr;max-width:580px;margin:auto}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.intro-profile{margin-top:0}}