:root{--bg:#080909;--panel:#131515;--ink:#f1f0e9;--muted:#929795;--red:#ff4039;--line:rgba(255,255,255,.14);--display:'Anton',Impact,sans-serif;--sans:'Inter','Microsoft YaHei','PingFang SC',sans-serif;--scroll:0px;--px:0px;--py:0px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body.viewer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1}h1,h2{font-weight:400}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:#070808}.skip-link{position:fixed;z-index:200;top:-70px;left:20px;background:var(--red);padding:12px 20px;color:black}.skip-link:focus{top:15px}main{position:relative;z-index:1;overflow:hidden}main:focus{outline:none}.section{max-width:1600px;margin:0 auto;padding-left:6%;padding-right:6%}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 14px #ff403961;flex:none}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.14em;font-weight:500;line-height:1.5;margin-bottom:26px}.mini-label{font-size:10px;letter-spacing:.14em;font-weight:500;display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#080909;border:1px solid var(--red);padding:14px 22px;border-radius:5px;font-weight:600;font-size:13px;min-height:50px;transition:background .25s,transform .25s}.button span{font-size:22px;line-height:1}.button:hover{background:#ff685d;transform:translateY(-3px)}.button-outline{background:transparent;border-color:#606461;color:var(--ink)}.button-outline:hover{background:var(--ink);color:#080909}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient i{position:absolute;display:block;width:50vw;height:50vw;min-width:420px;min-height:420px;border-radius:50%;filter:blur(110px);opacity:.12;animation:drift 23s ease-in-out infinite alternate;transform:translate(var(--px),var(--py))}.ambient i:first-child{background:#f31a12;top:26%;left:-35%}.ambient i:nth-child(2){background:#27684a;right:-30%;top:5%;animation-delay:-9s;opacity:.16}.ambient i:nth-child(3){background:#8e160c;left:40%;top:80%;animation-delay:-15s;opacity:.1}@keyframes drift{0%{translate:0 -50px;scale:1}100%{translate:130px 90px;scale:1.2}}
.header{position:fixed;left:4%;right:4%;top:20px;z-index:80;max-width:1480px;margin:auto;height:76px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff1d;background:#1012126b;backdrop-filter:blur(22px);border-radius:12px;transition:background .3s,top .3s}.header.is-scrolled{background:#101212eb;top:12px}.wordmark{display:flex;align-items:center;gap:12px}.wordmark>b{font-size:39px;line-height:1;letter-spacing:-5px}.wordmark>b>span{color:var(--red)}.wordmark>span{font-size:9px;line-height:1.25;letter-spacing:.09em;font-weight:600}.header nav{display:flex;gap:32px}.header nav a{font-size:12px;position:relative;display:flex;align-items:center;gap:7px;color:#d2d6d2;transition:color .2s}.header nav small{font-size:9px;letter-spacing:.07em;color:#8b9490}.header nav a[aria-current]{color:var(--red)}.header nav a[aria-current]:before{content:'';position:absolute;left:-11px;width:4px;height:4px;border-radius:50%;background:var(--red)}.header nav a:hover{color:var(--red)}.nav-cta{border:1px solid #696e68;padding:9px 14px;font-size:11px;border-radius:5px;display:flex;gap:22px;align-items:center}.nav-cta span{font-size:18px}.nav-cta:hover{border-color:var(--red);color:var(--red)}
.hero{height:min(960px,100svh);min-height:780px;position:relative;isolation:isolate;overflow:hidden;padding:140px 6% 54px}.hero-scene{position:absolute;inset:-5% 0 0;z-index:-3;background:url('assets/echo-room-wide.webp') center 52%/cover no-repeat;opacity:.38;filter:saturate(.55);transform:translateY(calc(var(--scroll)*.22));will-change:transform}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08090932 12%,#08090900 45%,#080909 100%),linear-gradient(90deg,#080909e8 0%,#080909a6 29%,#08090905 74%)}.hero-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 50%,#ff362319,transparent 53%),radial-gradient(ellipse at 95% 5%,#476e4526,transparent 65%)}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#a4aaa4}.hero-title{font-family:var(--display);font-size:clamp(100px,15.7vw,252px);white-space:nowrap;letter-spacing:-.015em;color:var(--red);line-height:1.1;position:relative;z-index:1;margin-top:24px;transform:translateY(calc(var(--scroll)*.12))}.hero-title>span{display:inline-block;font-family:Arial,sans-serif;font-size:.63em;line-height:1;vertical-align:16%;margin-left:2%;animation:spin 38s linear infinite}@keyframes spin{to{rotate:360deg}}.hero-object{position:absolute;top:32%;left:46%;width:46%;height:63%;z-index:2;display:flex;justify-content:center;align-items:center;transform:translateY(calc(var(--scroll)*.07))}.hero-object img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 30px #0007);animation:float 7s ease-in-out infinite}.hero-object-label{position:absolute;right:3%;bottom:5%;display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:.09em;backdrop-filter:blur(15px);background:#080909a6;border:1px solid #ffffff25;border-radius:4px;padding:12px 16px}.hero-object-label>i{width:5px;height:5px;background:var(--red);border-radius:50%}.hero-object-label>span{font-size:16px;margin-left:10px}@keyframes float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -13px;rotate:1deg}}.hero-copy{position:relative;z-index:3;margin-top:58px;width:43%;max-width:480px}.hero-copy h2{font-weight:500;font-size:clamp(25px,2.7vw,44px);line-height:1.5;letter-spacing:.05em;margin:19px 0 13px}.hero-copy>p{font-size:12px;color:#a3aaa3;letter-spacing:.08em;margin-bottom:30px}.hero-index{position:absolute;left:6%;bottom:42px;display:flex;align-items:center;gap:13px}.hero-index strong{font-family:var(--display);font-weight:400;font-size:52px;line-height:1}.hero-index>span{font-size:8px;letter-spacing:.16em;line-height:1.7;color:#a5aaa4}.scroll-cue{position:absolute;bottom:45px;left:43%;display:flex;gap:17px;align-items:center;background:none}.scroll-cue>span{font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl}.scroll-cue>b{font-weight:400;font-size:27px;animation:nudge 2s ease infinite}@keyframes nudge{50%{translate:0 7px}}
.work-strip{position:relative;padding:28px 0 54px;border-bottom:1px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.strip-track{width:max-content;display:flex;gap:24px;animation:marquee 70s linear infinite}.strip-group{display:flex;gap:24px}.work-strip:hover .strip-track,.work-strip:focus-within .strip-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(calc(-50% - 12px))}}.project-card{display:block;min-width:0}.card-image{aspect-ratio:1.23;position:relative;overflow:hidden;border-radius:8px;background:#b7b9af;isolation:isolate}.card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .7s}.card-number{position:absolute;top:22px;left:22px;font-size:9px;letter-spacing:.1em;border-radius:4px;padding:7px 10px;background:#080909b8;color:white;z-index:3;backdrop-filter:blur(12px)}.card-arrow{position:absolute;bottom:22px;right:22px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#121412;z-index:3;font-size:24px;transition:background .3s,rotate .4s}.project-card:hover .card-image>img{transform:scale(1.045)}.project-card:hover .card-arrow{background:var(--red);rotate:45deg}.card-meta{display:flex;justify-content:space-between;gap:16px;padding:21px 0 0}.card-meta h3{font-size:23px;font-weight:500;letter-spacing:-.035em}.card-meta p{font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:7px}.category{font-size:10px;color:#abaea9;border:1px solid #343b35;padding:5px 10px;border-radius:30px;align-self:flex-start;white-space:nowrap}.card-watermark{position:absolute;font-family:var(--display);font-size:11vw;color:#00000009;bottom:-6%;left:5%;letter-spacing:-.01em;line-height:1.1;z-index:-1}.has-cutout .card-image>img{object-fit:contain;padding:7%;position:relative;z-index:1;filter:drop-shadow(0 18px 12px #0003)}.card-echo .card-image{background:#dddcd1}.card-cactobuddy .card-image{background:#c9b68a}.card-cactobuddy .card-image>img{padding:5%}.card-dream-pop .card-image{background:#84b4b7}.card-dream-pop .card-image>img{object-fit:contain;padding:6%}.card-calm .card-image{background:#b8c9f1}.card-tactile-map .card-image{background:#d6d6d6}.compact{width:240px}.compact .card-image{aspect-ratio:1.42;border-radius:5px}.compact .card-meta{padding-top:11px}.compact .card-meta h3{font-size:12px;letter-spacing:.01em}.compact .card-meta p,.compact .category,.compact .card-number,.compact .card-watermark{display:none}.compact .card-arrow{width:27px;height:27px;font-size:15px;bottom:12px;right:12px}.compact.has-cutout .card-image>img{padding:5%}
.profile,.selected,.approach{padding-top:128px;padding-bottom:15px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-head h2{font-family:var(--display);font-size:clamp(44px,6vw,92px);letter-spacing:-.015em;line-height:1.1}.section-head h2>span{color:#626a63}.section-head>p{color:#a6aea6;font-size:12px;line-height:1.9;padding-bottom:6px}.profile-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}.portrait-card{position:relative;min-height:490px;border-radius:8px;overflow:hidden;isolation:isolate}.portrait-card>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:45% 50%;filter:saturate(.7)}.portrait-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08090900 35%,#080909ed 100%);z-index:0}.portrait-caption{position:absolute;bottom:30px;left:30px;z-index:1}.portrait-caption>span{font-size:8px;letter-spacing:.2em}.portrait-caption strong{font-family:var(--display);font-size:43px;display:block;font-weight:400;margin:8px 0 0}.portrait-caption p{font-size:10px;letter-spacing:.08em;color:#c7cbc7}.profile-copy{border:1px solid var(--line);border-radius:8px;padding:44px 44px 38px;background:linear-gradient(135deg,#1e2220b0,#111312d9)}.profile-copy>.mini-label{color:var(--red)}.profile-copy h3{font-size:clamp(22px,2.2vw,35px);font-weight:500;line-height:1.5;margin:24px 0}.profile-copy h3 span{color:var(--red)}.profile-copy>p{font-size:13px;line-height:1.95;color:#b5bcb5;margin-top:15px}.profile-copy>p.english-copy{font-size:12px;line-height:1.7;color:#747e76;max-width:440px}.discipline-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.discipline-tags>span{font-size:9px;padding:5px 10px;border:1px solid #3b443d;border-radius:4px}.stats{display:grid;grid-template-columns:1fr 1fr 1.6fr;margin-top:30px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats>div{padding-left:30px;border-left:1px solid var(--line)}.stats>div:first-child{border:0;padding-left:0}.stats strong{font-family:var(--display);font-weight:400;font-size:70px;line-height:1.2;display:flex;align-items:baseline;gap:15px}.stats strong>span{font-family:var(--sans);font-size:9px;color:var(--muted);letter-spacing:.13em}.stats strong.stat-words{font-size:46px;padding-top:20px;gap:18px}.stats em{color:var(--red);font-family:var(--sans);font-style:normal}.stats p{font-size:11px;color:#949c94;margin-top:5px;letter-spacing:.09em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;row-gap:62px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.approach-grid article{position:relative;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#20241eb3,#101311);padding:27px 24px 29px;min-height:260px;transition:border-color .3s}.approach-grid article:hover{border-color:var(--red)}.approach-num{font-size:10px;color:#949b93;letter-spacing:.1em}.approach-star{position:absolute;right:24px;top:24px;color:var(--red);font-size:25px;line-height:1}.approach-grid h3{font-size:19px;font-weight:500;margin-top:39px}.approach-grid small{display:block;margin-top:12px;font-size:8px;letter-spacing:.07em;color:#8d978c}.approach-grid p{font-size:11px;line-height:1.8;color:#a6b0a4;margin-top:17px}.closing{position:relative;padding-top:155px;padding-bottom:100px;margin-top:35px;isolation:isolate}.closing:before{content:'';position:absolute;inset:0 -20% -20%;background:radial-gradient(ellipse at 70% 75%,#ff21121b,transparent 60%),radial-gradient(ellipse at 85% 38%,#23713c19,transparent 43%);z-index:-1}.closing h2{font-family:var(--display);font-size:clamp(70px,10.3vw,160px);line-height:1.04;letter-spacing:-.015em}.closing h2>span{color:var(--red)}.closing>div{display:flex;align-items:flex-end;justify-content:space-between;margin-top:34px;gap:25px}.closing>div>p{font-size:13px;color:#a1a99e;line-height:1.9}.closing-star{position:absolute;right:9%;top:30%;font-size:15vw;line-height:1;color:var(--red);animation:spin 50s linear infinite}.footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 6%;padding:24px 0;border-top:1px solid var(--line);font-size:10px;color:#929990}.footer>span{font-size:8px;letter-spacing:.1em}.footer>button{background:none;font-size:10px;padding:7px 0;color:#bdc3b9}
.page-heading{padding-top:185px;padding-bottom:66px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.page-heading h1{font-family:var(--display);font-size:clamp(70px,10vw,152px);line-height:1.02;letter-spacing:-.015em}.page-heading h1>span{color:var(--red)}.page-heading>p{font-size:12px;color:#a0aaa0;line-height:2;padding-bottom:8px;min-width:220px}.page-heading>p>span{color:var(--red);display:block;margin-top:30px}.about-heading{display:block}.about-heading+.profile{padding-top:45px}.filterbar{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:26px 0 45px}.filterbar>button{background:#171b17;color:#a6b09f;border:1px solid #30382c;border-radius:5px;padding:9px 17px;font-size:11px;display:flex;gap:8px;align-items:center;transition:background .2s,color .2s}.filterbar>button small{font-size:8px;letter-spacing:.05em}.filterbar>button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#090909}.filterbar>button:hover{border-color:var(--red)}
.project-heading{padding-top:160px;padding-bottom:40px}.back-link{font-size:11px;color:#a6aea2;display:inline-flex;gap:15px;align-items:center}.back-link>span{font-size:8px;letter-spacing:.1em;color:#697564}.back-link:hover{color:var(--red)}.project-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:40px 0 24px}.project-title-row>h1{font-family:var(--display);font-size:clamp(62px,8.7vw,135px);text-transform:uppercase;letter-spacing:-.01em;max-width:85%;overflow-wrap:anywhere;line-height:1.07;color:var(--red)}.project-category{font-size:9px;color:#a3aca0;line-height:1.9;min-width:110px;padding-bottom:8px}.project-deck{font-size:16px;line-height:1.8;letter-spacing:.04em;color:#c8cec3;max-width:820px}.project-hero{position:relative;isolation:isolate;height:min(700px,72vw);min-height:400px}.project-hero>.zoom-button{width:100%;height:100%;background:#d8d8ce;border-radius:8px;overflow:hidden}.project-hero>.zoom-button>img{height:100%;width:100%;object-fit:cover}.project-hero.cutout-hero>.zoom-button{background:radial-gradient(ellipse at 53% 45%,#373d2b,#101912)}.project-hero.cutout-hero>.zoom-button>img{object-fit:contain;padding:3%;filter:drop-shadow(0 30px 18px #0004);position:relative;z-index:2}.hero-cactobuddy.cutout-hero>.zoom-button{background:radial-gradient(ellipse at 50% 48%,#5f4e2e,#1c2017)}.hero-watermark{pointer-events:none;position:absolute;left:10%;bottom:8%;font-family:var(--display);font-size:clamp(70px,17vw,260px);letter-spacing:-.02em;line-height:1;color:#ffffff06;z-index:1}.hero-dream-pop>.zoom-button>img{object-fit:contain;padding:4%;background:#65a4ae}.project-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding-top:65px;padding-bottom:75px}.project-overview h2{font-size:26px;font-weight:500;line-height:1.4}.intro-en{font-size:18px;color:#c1c9bb;line-height:1.7}.project-overview dl{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;margin:30px 0 0;padding-top:23px;border-top:1px solid var(--line)}.project-overview dt{font-size:8px;letter-spacing:.15em;color:#82907c}.project-overview dd{font-size:12px;line-height:1.7;margin:8px 0 0;color:#c1cabb}.process-heading{padding-top:65px;padding-bottom:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:18px 60px}.process-heading>span{grid-row:span 2;font-size:9px;letter-spacing:.1em;color:var(--red);padding-top:10px}.process-heading>h2{font-family:var(--display);font-size:42px;line-height:1.2}.process-heading>p{font-size:13px;line-height:1.9;color:#a4b09d;max-width:660px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 25px;margin-bottom:65px}.gallery>figure{min-width:0}.gallery>figure.wide{grid-column:1/-1}.gallery .zoom-button{display:block;width:100%;aspect-ratio:1.2;background:#e8e8df;border-radius:6px;overflow:hidden}.gallery .zoom-button>img{width:100%;height:100%;object-fit:contain}.gallery .wide .zoom-button{aspect-ratio:1.8}.gallery figcaption,.detail-gallery figcaption{font-size:10px;color:#98a38f;margin-top:12px;display:flex;gap:14px}.gallery figcaption>span{color:var(--red);font-size:8px}.zoom-button{position:relative;cursor:zoom-in;padding:0;display:block}.zoom-hint{position:absolute;right:15px;bottom:15px;background:#080909b3;backdrop-filter:blur(10px);color:#e5e9e0;padding:7px 12px;border:1px solid #ffffff22;border-radius:4px;font-size:10px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;z-index:5}.zoom-button:hover .zoom-hint,.zoom-button:focus-visible .zoom-hint{opacity:1;transform:none}.detail-heading{font-family:var(--display);font-size:32px;margin-top:35px;margin-bottom:25px;display:flex;gap:18px;align-items:center}.detail-heading>span{font-family:var(--sans);font-size:10px;color:#9ba78f}.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detail-gallery .zoom-button{width:100%;height:290px;background:#d6d8cf;overflow:hidden;border-radius:6px}.detail-gallery img{height:100%;width:100%;object-fit:contain}.project-video{margin-top:75px}.project-video video{display:block;width:100%;max-height:720px;background:#151a11;border-radius:7px}.project-video>p:last-child{font-size:10px;color:#96a08c;margin-top:13px}.next-project{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-top:100px;padding-bottom:100px;margin-top:60px;border-top:1px solid var(--line);background:linear-gradient(120deg,#5d1e160d,#8730261a)}.next-project h2{font-family:var(--display);font-size:clamp(45px,6vw,94px);text-transform:uppercase;color:var(--red)}.next-project>span{font-size:100px;color:var(--red);transition:transform .3s}.next-project:hover>span{transform:translate(8px,-8px)}.next-project p:not(.eyebrow){font-size:12px;color:#a8b29d;margin-top:15px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.visible{opacity:1;transform:none}dialog{padding:65px 70px 50px;border:1px solid #3b4235;border-radius:8px;background:#0c100bee;color:var(--ink);width:96vw;height:94vh;max-width:1800px;max-height:1000px;overflow:hidden;backdrop-filter:blur(20px)}dialog::backdrop{background:#030503db;backdrop-filter:blur(10px)}dialog #viewer-image{width:100%;height:100%;object-fit:contain}.viewer-toolbar{position:absolute;left:25px;right:25px;top:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.viewer-toolbar button{background:transparent;border:1px solid #535e45;padding:7px 16px;border-radius:4px;font-size:11px}.viewer-arrow{position:absolute;top:48%;background:#22291dcf;border:1px solid #556044;width:44px;height:44px;border-radius:50%;font-size:21px}.viewer-arrow.prev{left:12px}.viewer-arrow.next{right:12px}.viewer-count{position:absolute;bottom:13px;left:45%;right:45%;white-space:nowrap;text-align:center;font-size:11px;color:#aab59f}
@media(min-width:1650px){.hero{padding-left:max(6%,calc((100vw - 1410px)/2));padding-right:max(6%,calc((100vw - 1410px)/2))}.hero-title{font-size:250px}.hero-object{left:47%;width:42%}.hero-index{left:8%}.card-watermark{font-size:190px}}
@media(max-width:1050px){.header{left:3%;right:3%}.hero{min-height:800px}.hero-copy{margin-top:65px}.hero-copy h2{font-size:30px}.hero-object{left:44%;width:53%;top:34%;height:56%}.hero-index{bottom:35px}.hero-title{font-size:15.5vw}.hero-topline>span:last-child{display:none}.profile-copy{padding:30px}.portrait-card{min-height:460px}.stats strong.stat-words{font-size:34px;padding-top:27px;gap:10px}.stats strong{font-size:61px}.stats>div{padding-left:20px}.stats strong>span{font-size:7px;letter-spacing:.04em}.approach-grid{grid-template-columns:repeat(2,1fr)}.approach-grid article{min-height:240px}.section-head>p{max-width:200px}.closing-star{right:8%;top:37%}.project-title-row{gap:25px}.project-overview{gap:35px}.process-heading{gap:20px 35px}}
@media(max-width:700px){html{scroll-padding-top:85px}.section{padding-left:6%;padding-right:6%}.header{height:60px;top:12px;padding:9px 16px;border-radius:9px}.header.is-scrolled{top:8px}.wordmark>b{font-size:31px}.wordmark>span{font-size:7px}.wordmark{gap:10px}.header nav{gap:21px}.header nav a{font-size:11px}.header nav small,.nav-cta{display:none}.header nav a[aria-current]:before{left:-8px;width:3px;height:3px}.hero{padding:111px 6% 36px;height:calc(100svh + 15px);min-height:820px;max-height:970px}.hero-topline{font-size:7px;letter-spacing:.1em}.hero-title{font-size:15.55vw;margin-top:23px;line-height:1.1;z-index:3}.hero-title>span{margin-left:2%}.hero-scene{background-position:56% 30%;opacity:.28}.hero:after{background:linear-gradient(180deg,#08090924,#08090900 38%,#080909cb 78%,#080909 100%),linear-gradient(90deg,#08090973,#08090908)}.hero-object{top:25%;height:43%;left:20%;width:77%;max-width:500px}.hero-object-label{font-size:7px;right:2%;bottom:6%;padding:8px 10px}.hero-object-label>span{font-size:14px;margin-left:3px}.hero-copy{position:absolute;left:6%;bottom:83px;width:83%;margin:0;max-width:none}.hero-copy>.mini-label{font-size:8px;letter-spacing:.09em}.hero-copy h2{font-size:27px;line-height:1.5;margin:15px 0 10px}.hero-copy>p{font-size:10px;margin-bottom:20px}.button{font-size:11px;padding:11px 17px;min-height:44px;gap:25px}.button span{font-size:19px}.hero-index{right:7%;left:auto;bottom:87px;gap:8px}.hero-index strong{font-size:36px}.hero-index>span{font-size:6px;letter-spacing:.08em}.scroll-cue{left:auto;right:6%;bottom:23px;gap:13px}.scroll-cue>span{writing-mode:initial;font-size:7px}.scroll-cue>b{font-size:19px}.compact{width:180px}.strip-group,.strip-track{gap:15px}.strip-track{animation-name:marquee-mobile}@keyframes marquee-mobile{to{transform:translateX(calc(-50% - 7.5px))}}.work-strip{padding:20px 0 30px}.compact .card-meta h3{font-size:10px}.profile,.selected,.approach{padding-top:76px}.section-head{gap:22px;align-items:flex-start;flex-wrap:wrap;margin-bottom:28px}.section-head h2{font-size:12vw;line-height:1.08}.section-head>p{font-size:11px;max-width:none}.eyebrow{font-size:9px;gap:9px;margin-bottom:20px}.profile-grid{grid-template-columns:1fr;gap:17px}.portrait-card{min-height:0;height:430px}.portrait-card>img{object-position:50% 48%}.portrait-caption{left:25px;bottom:23px}.portrait-caption strong{font-size:38px}.profile-copy{padding:30px 25px}.profile-copy h3{font-size:25px;line-height:1.5;margin:21px 0}.profile-copy>p{font-size:12px}.profile-copy>p.english-copy{font-size:10px}.discipline-tags{gap:6px;margin-top:25px}.discipline-tags>span{font-size:8px;padding:4px 8px}.stats{grid-template-columns:1fr 1fr;margin-top:22px;padding:22px 0;gap:24px 15px}.stats strong{font-size:52px;gap:10px}.stats strong>span{font-size:7px}.stats>div{padding-left:14px}.stats>div:last-child{grid-column:1/-1;padding-left:0;padding-top:19px;border-left:0;border-top:1px solid var(--line)}.stats strong.stat-words{padding-top:0;font-size:37px;gap:18px}.stats p{font-size:10px}.project-grid{grid-template-columns:1fr;gap:37px}.card-image{aspect-ratio:1.2;border-radius:6px}.card-watermark{font-size:24vw}.card-number{left:17px;top:17px;font-size:8px;padding:6px 9px}.card-arrow{bottom:17px;right:17px;width:40px;height:40px;font-size:21px}.card-meta{padding-top:17px}.card-meta h3{font-size:22px}.card-meta p{font-size:10px}.category{font-size:9px;padding:4px 9px}.selected .section-head{align-items:flex-end}.selected .section-head .button{font-size:10px;gap:13px;min-height:38px;padding:9px 13px}.approach-grid{gap:12px}.approach-grid article{padding:20px 16px;min-height:225px}.approach-grid h3{font-size:16px;margin-top:35px}.approach-grid small{font-size:6px;line-height:1.5}.approach-grid p{font-size:10px;line-height:1.8;margin-top:12px}.approach-star{top:19px;right:17px;font-size:22px}.approach-num{font-size:8px}.closing{padding-top:85px;padding-bottom:60px;margin-top:10px}.closing h2{font-size:14.7vw;line-height:1.05}.closing-star{font-size:22vw;top:34%;right:7%}.closing>div{align-items:flex-start;flex-direction:column;margin-top:25px;gap:25px}.closing>div>p{font-size:11px}.footer{flex-wrap:wrap;font-size:9px;gap:14px;padding:22px 0}.footer>span{order:3;width:100%;font-size:7px;letter-spacing:.08em}.footer>button{font-size:9px}.page-heading{padding-top:128px;padding-bottom:35px;display:block}.page-heading h1{font-size:14vw}.page-heading>p{font-size:11px;margin-top:25px}.page-heading>p>span{margin-top:10px}.filterbar{gap:8px;padding:22px 0 32px}.filterbar>button{padding:8px 11px;font-size:10px;gap:6px}.filterbar>button small{font-size:6px}.about-heading+.profile{padding-top:35px}.project-heading{padding-top:112px;padding-bottom:29px}.back-link{font-size:10px;gap:13px}.back-link>span{font-size:7px}.project-title-row{display:block;margin:25px 0 20px}.project-title-row>h1{font-size:14vw;line-height:1.1;max-width:100%}.project-category{display:block;font-size:8px;padding:15px 0 0;line-height:1.7}.project-category br{display:none}.project-deck{font-size:13px;line-height:1.9}.project-hero{height:430px;min-height:0}.hero-watermark{font-size:23vw;bottom:9%}.project-overview{grid-template-columns:1fr;gap:27px;padding-top:35px;padding-bottom:40px}.project-overview h2{font-size:22px}.project-overview .eyebrow{margin-bottom:15px}.intro-en{font-size:14px;line-height:1.8}.project-overview dl{gap:20px;margin-top:22px;padding-top:20px}.project-overview dd{font-size:10px}.process-heading{grid-template-columns:1fr;gap:15px;padding-top:35px;padding-bottom:26px}.process-heading>span{grid-row:auto;font-size:8px;padding:0}.process-heading>h2{font-size:32px}.process-heading>p{font-size:12px}.gallery{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.gallery>figure.wide{grid-column:auto}.gallery .zoom-button{aspect-ratio:auto;min-height:220px;max-height:620px}.gallery .zoom-button>img{height:auto;max-height:620px;object-fit:contain}.gallery .wide .zoom-button{aspect-ratio:auto}.zoom-hint{opacity:1;transform:none;right:10px;bottom:10px;font-size:9px;padding:6px 10px}.project-hero>.zoom-button>img{object-fit:contain}.project-hero.cutout-hero>.zoom-button>img{padding:4%}.detail-heading{font-size:26px;gap:12px}.detail-heading>span{font-size:9px}.detail-gallery{grid-template-columns:1fr;gap:25px}.detail-gallery .zoom-button{height:350px}.project-video{margin-top:45px}.next-project{margin-top:50px;padding-top:50px;padding-bottom:50px;gap:15px}.next-project h2{font-size:11vw}.next-project>span{font-size:50px}.next-project p:not(.eyebrow){font-size:10px}.next-project .eyebrow{font-size:8px}dialog{padding:65px 12px 54px;width:96vw;height:88vh;max-height:900px}.viewer-toolbar{left:15px;right:15px;font-size:9px}.viewer-toolbar>span{max-width:65%;line-height:1.4}.viewer-toolbar button{font-size:9px;padding:6px 12px}.viewer-arrow{top:auto;bottom:10px;width:32px;height:32px;font-size:17px}.viewer-arrow.prev{left:20px}.viewer-arrow.next{right:20px}.viewer-count{font-size:10px;bottom:17px}.ambient i{filter:blur(85px);opacity:.12}}
.project-category br:after{content:' ';white-space:pre}.hero-calm>.zoom-button>img,.hero-tactile-map>.zoom-button>img{object-fit:contain;padding:3%}
@media(max-width:700px){.project-category{word-spacing:.12em}.project-category br{display:block}.project-hero:not(.cutout-hero){height:auto}.project-hero:not(.cutout-hero)>.zoom-button>img{height:auto;max-height:600px;object-fit:contain}.hero-calm>.zoom-button>img,.hero-tactile-map>.zoom-button>img{padding:3%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-title,.hero-object,.hero-scene{transform:none}.reveal{opacity:1;transform:none}.work-strip{overflow-x:auto;mask-image:none}.strip-track{transform:none}.strip-group[aria-hidden]{display:none}}

/* Product photography shares the page surface, with no bright card backplates. */
:root{--panel:#101112}
.ambient{opacity:.52}
.hero{background:var(--bg)}
.hero-scene{background:none;filter:none;opacity:1;transform:none}
.hero:after{background:radial-gradient(ellipse at 78% 72%,#25201b30,transparent 55%);z-index:-2}
.hero-grain{background:radial-gradient(ellipse at 82% 48%,#5346351a,transparent 51%)}
.hero-title{z-index:4}
.hero-object{left:44%;width:53%;height:63%;top:36%;isolation:auto;mix-blend-mode:lighten}
.hero-object img{object-fit:contain;filter:none;animation:studio-float 9s ease-in-out infinite;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
@keyframes studio-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.hero-object-label{right:10%;bottom:3%;background:transparent;border:0;backdrop-filter:none;color:#969a96;padding:10px 0}
.hero-copy{z-index:5}
.has-studio .card-image{background:var(--bg);border-radius:0;isolation:isolate;overflow:visible}
.has-studio .card-image>img{object-fit:contain;padding:0;position:relative;z-index:1;filter:none;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;transform:scale(1.06)}
.has-studio:hover .card-image>img{transform:scale(1.09);filter:none}
.has-studio .card-number{background:none;backdrop-filter:none;border:0;padding:0;top:0;left:0;color:#92958f;letter-spacing:.15em;font-size:9px}
.has-studio .card-arrow{background:transparent;border:1px solid #ffffff24;color:#dddeda;width:39px;height:39px;font-size:20px;bottom:13px;right:5px}
.has-studio:hover .card-arrow{background:var(--red);border-color:var(--red);color:#080909}
.has-studio .card-meta{padding-top:14px}
.has-studio.compact .card-image{overflow:hidden}
.has-studio.compact .card-image>img{transform:scale(1.23)}
.has-studio.compact .card-arrow{width:26px;height:26px;bottom:7px;right:8px;font-size:14px}
.has-studio.compact:hover .card-image>img{transform:scale(1.27)}
.project-grid{column-gap:58px;row-gap:82px}
.selected .project-grid{padding-top:18px}
.project-hero.studio-hero{height:min(760px,62vw);min-height:440px}
.project-hero.studio-hero>.zoom-button{background:var(--bg);border-radius:0;isolation:isolate}
.project-hero.studio-hero>.zoom-button>img{height:100%;width:100%;object-fit:contain;padding:0;filter:none;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.project-hero.studio-hero .zoom-hint{right:2%;bottom:7%;background:#11131288}
.portrait-card{min-height:590px;border-radius:6px}
.portrait-card>img{object-position:center 24%;filter:none}
.portrait-card:after{background:linear-gradient(180deg,transparent 50%,#080909e3 100%)}
.profile-grid{grid-template-columns:1fr 1.22fr;gap:38px}
.profile-copy{background:none;border:0;border-radius:0;padding:30px 0 25px 28px;align-self:center}
.profile-copy h3{font-size:clamp(26px,2.6vw,39px);letter-spacing:.025em}
.profile-copy>p{max-width:490px;line-height:2}
.profile-copy>p.english-copy{max-width:510px;font-size:11px;line-height:1.9;color:#90968e;margin-top:23px}
.discipline-tags{margin-top:26px}
.profile .section-head h2{font-size:clamp(42px,5.35vw,83px)}
.card-dream-pop .card-image{background:transparent}
.card-dream-pop .card-image>img{padding:0;object-fit:cover}
.card-calm .card-image{background:#0e1011}
.card-tactile-map .card-image{background:#0e1011}
@media(max-width:1050px){.hero-object{left:43%;width:57%;height:60%;top:34%}.portrait-card{min-height:560px}.profile-copy{padding:15px 0 15px 10px}.profile-grid{gap:25px}.project-grid{gap:62px 35px}.profile-copy>p.english-copy{font-size:10px}}
@media(max-width:700px){.hero-object{left:12%;width:88%;height:44%;top:25%}.hero-object-label{right:9%;bottom:0;font-size:7px}.hero-title{z-index:4}.hero:after{background:radial-gradient(ellipse at 70% 45%,#29231e25,transparent 55%)}.hero-copy{bottom:83px}.profile-grid{grid-template-columns:1fr;gap:20px}.portrait-card{height:470px;min-height:0}.portrait-card>img{object-position:center 30%}.profile-copy{padding:12px 0}.profile-copy>p{font-size:12px}.profile-copy>p.english-copy{font-size:10px;line-height:1.9}.profile-copy h3{font-size:27px}.profile .section-head h2{font-size:11.2vw}.project-grid{gap:43px}.has-studio .card-image{aspect-ratio:1.1}.has-studio .card-image>img{transform:scale(1.04)}.has-studio .card-number{font-size:8px}.has-studio .card-arrow{bottom:5px;width:34px;height:34px;font-size:18px}.has-studio.compact .card-image{aspect-ratio:1.42}.project-hero.studio-hero{height:420px;min-height:0}.project-hero.studio-hero>.zoom-button>img{height:100%;max-height:none}.project-hero.studio-hero .zoom-hint{bottom:5%;right:3%}}
@media(prefers-reduced-motion:reduce){.hero-object img{animation:none}}
.card-dream-pop .card-image{display:grid;place-items:center;overflow:visible;border-radius:0}
.card-dream-pop .card-image>img{width:100%;height:auto;object-fit:unset;clip-path:url(#album-silhouette);transform:scale(1.16);filter:drop-shadow(0 14px 20px #0006)}
.card-dream-pop:hover .card-image>img{transform:scale(1.2)}
.card-dream-pop .card-number{background:none;padding:0;left:0;top:0;color:#92958f}
.card-dream-pop .card-arrow{background:transparent;border:1px solid #ffffff24;color:#dddeda}
.hero-dream-pop>.zoom-button{background:none;display:grid;place-items:center;border-radius:0;overflow:visible}
.hero-dream-pop>.zoom-button>img{background:none;height:auto;max-height:100%;width:100%;object-fit:contain;padding:0;clip-path:url(#album-silhouette)}
.selected,.work-index,.project-page{background:var(--bg)}
.scroll-cue{z-index:6}
.hero-object img{mix-blend-mode:normal}
.hero-dream-pop{height:auto;min-height:0}
.hero-dream-pop>.zoom-button{height:auto;max-width:1050px;margin:0 auto}
.hero-dream-pop>.zoom-button>img{max-height:none}
.hero-object img,.has-studio .card-image>img,.project-hero.studio-hero>.zoom-button>img{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(0deg,transparent,#000 2%,#000 98%,transparent)}
dialog.album-viewer[open]{display:grid;place-items:center}
dialog.album-viewer #viewer-image{width:auto;height:auto;max-width:100%;max-height:100%;clip-path:url(#album-silhouette)}