:root{--paper:#ececec;--ink:#171717;--red:#ff4848;--gray:#777;--line:#c8c8c5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{border:0}img,video{display:block;max-width:100%}button:hover,a:hover{--hover:1}.header{position:absolute;top:0;left:0;width:100%;z-index:30;display:flex;align-items:start;padding:30px 35px;gap:35px}.logo{font-size:32px;letter-spacing:-.1em;font-weight:700;line-height:1}.logo sup{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:7px}.edition{font-size:10px;line-height:1.7;letter-spacing:.06em;padding-top:2px}.menu-toggle{display:none}.rail{position:fixed;left:35px;top:36%;z-index:35;width:130px;display:flex;flex-direction:column;gap:13px}.rail>a{display:flex;align-items:baseline;gap:10px;font-size:13px;letter-spacing:-.03em;font-weight:600}.rail>a span{font-size:10px;color:var(--gray);opacity:0;transition:opacity .2s}.rail>a:hover{color:var(--red)}.rail>a:hover span{opacity:1}.rail-bottom{position:fixed;left:35px;bottom:30px;display:grid;gap:6px;font-size:8px;letter-spacing:.06em;color:#696966}.hero{height:100svh;min-height:650px;position:relative;margin-left:150px;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-wordmark{position:absolute;left:2%;right:2%;top:50%;transform:translateY(-50%);text-align:center;color:var(--red);font-family:var(--serif);font-size:clamp(80px,15.5vw,260px);font-weight:500;line-height:.75;letter-spacing:-.085em;margin:0}.hero-wordmark span{display:block}.hero-wordmark span:last-child{margin-top:15px}.hero-center{position:absolute;width:320px;height:390px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);background:none;mix-blend-mode:multiply;transition:transform .5s}.hero-bird-crop{position:absolute;inset:0;overflow:hidden}.hero-bird-crop img{position:absolute;width:790px;max-width:none;height:auto;top:-330px;left:-9px}.hero-center:hover{transform:translate(-50%,-50%) rotate(9deg) scale(1.04)}.hero-center .hero-orbit{position:absolute;inset:0;border:1px solid var(--ink);border-radius:50%;transform:rotateX(68deg) translateY(185px);opacity:.35}.hero-flank{position:absolute;top:48%;font-size:12px;letter-spacing:-.03em}.hero-flank.left{left:25px}.hero-flank.right{right:35px}.hero-bottom{position:absolute;bottom:36px;left:40px;right:35px;display:flex;align-items:end;justify-content:space-between;font-size:11px;line-height:1.7}.hero-bottom a{border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-bottom a:hover{color:var(--red)}.scroll-note{font-size:9px;letter-spacing:.08em;color:var(--gray)}.content{margin-left:190px;padding:85px 40px 50px 0;max-width:1700px}.eyebrow{font-size:10px;letter-spacing:.11em;color:var(--gray);text-transform:uppercase}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:10px 0 45px}.section-title{font:500 clamp(55px,7vw,115px)/.95 var(--serif);letter-spacing:-.065em;margin:0}.section-title em{font-weight:400}.section-top p{font-size:13px;line-height:1.8;max-width:330px;margin:0}.filters{display:flex;gap:23px;flex-wrap:wrap;align-items:center;margin-bottom:32px;font-size:11px}.filters button{padding:0 0 8px;background:none;color:var(--gray);border-bottom:1px solid transparent}.filters button.active{color:var(--red);border-color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 35px;align-items:start}.work-card{grid-column:span 7;display:block;text-align:left;position:relative;min-width:0}.work-card:nth-child(4n+2){grid-column:span 5;margin-top:150px}.work-card:nth-child(4n+3){grid-column:span 5;margin-top:0}.work-card:nth-child(4n+4){grid-column:span 7;margin-top:140px}.work-visual{position:relative;overflow:hidden;aspect-ratio:1.23;background:#d7d7d3}.work-card:nth-child(4n+2) .work-visual,.work-card:nth-child(4n+3) .work-visual{aspect-ratio:.85}.work-visual>img{height:100%;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.work-card:hover .work-visual>img{transform:scale(1.04)}.work-visual:after{content:'VIEW PROJECT ↗';position:absolute;inset:auto 18px 18px auto;font-size:10px;background:var(--paper);color:var(--ink);padding:11px 15px;transform:translateY(70px);transition:transform .3s}.work-card:hover .work-visual:after{transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.05em;margin-top:15px;color:var(--gray)}.work-name{font-size:clamp(22px,2.6vw,40px);font-weight:400;letter-spacing:-.06em;line-height:1.2;margin:9px 0 6px}.work-en{font-family:var(--serif);font-size:17px;letter-spacing:-.02em;font-style:italic}.asset-peek{position:absolute;bottom:15px;left:15px;width:43px;height:43px;border:1px solid #171717;border-radius:50%;background:var(--paper);font-size:9px;display:grid;place-items:center;transform:rotate(-15deg);z-index:2;transition:transform .3s}.asset-peek:before{content:'';position:absolute;width:53px;height:20px;border:1px solid var(--ink);border-radius:50%;transform:rotate(-20deg)}.asset-peek:hover{transform:rotate(15deg)}.archive-end{margin:100px 0 25px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--gray)}.about{margin:110px 0;display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.about .portrait{width:230px;margin-top:40px;filter:grayscale(1)}.about h2{font:400 65px/.9 var(--serif);letter-spacing:-.065em;margin:15px 0 30px}.about-copy>p{font-size:24px;line-height:1.55;letter-spacing:-.04em;margin:0 0 40px}.experience{padding:17px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:115px 1fr;gap:20px}.experience time{font-size:10px;color:var(--gray)}.experience strong{font-size:16px;font-weight:500}.experience p{font-size:12px;color:var(--gray);margin:6px 0 0}.tool-list{font-size:12px;line-height:2;color:var(--gray);margin-top:25px}.contact{padding:60px 0 30px;border-top:1px solid var(--line)}.contact h2{font:400 clamp(65px,10vw,150px)/1 var(--serif);letter-spacing:-.07em;margin:15px 0 45px;color:var(--red)}.contact-row{display:flex;justify-content:space-between;gap:25px;align-items:start}.contact a{font-size:clamp(16px,2.5vw,32px);letter-spacing:-.035em}.contact button{background:none;border-bottom:1px solid var(--ink);padding:0 0 6px;font-size:11px}.contact small{display:block;margin-top:35px;font-size:10px;color:var(--gray)}.footer{margin-top:70px;display:flex;justify-content:space-between;font-size:9px;color:var(--gray)}
/* Project chapter */
.project-page{margin-left:190px;padding:125px 40px 45px 0;max-width:1700px}.project-back{display:inline-block;font-size:11px;margin-bottom:50px}.project-back:hover{color:var(--red)}.project-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;margin-bottom:50px}.project-title{font-size:clamp(40px,5.5vw,85px);font-weight:400;letter-spacing:-.065em;margin:12px 0 15px;line-height:1.08}.project-intro .english{font:italic 22px var(--serif);color:var(--gray)}.project-tagline{font-size:18px;line-height:1.7;max-width:400px;margin:0}.project-feature{position:relative;background:#deded9;min-height:400px;display:grid;place-items:center;overflow:hidden}.project-feature video{width:100%;height:76svh;min-height:390px;max-height:1000px;object-fit:contain;background:#171717}.project-feature img{width:100%;max-height:85svh;object-fit:contain}.film-caption{display:flex;justify-content:space-between;padding:14px 0 35px;font-size:10px;color:var(--gray)}.additional-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:30px 0 60px}.additional-films video{width:100%;max-height:68svh;background:#171717}.additional-films p{font-size:11px;color:var(--gray)}.chapter{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding:55px 0;border-top:1px solid var(--line)}.chapter>h2{font-size:14px;font-weight:400;margin:0}.chapter>h2 span{display:block;font:italic 44px var(--serif);margin-bottom:20px;color:var(--red)}.chapter-copy{max-width:820px}.chapter-copy h3{font-size:13px;font-weight:500;color:var(--gray);margin:0 0 13px}.chapter-copy p,.chapter-copy li{font-size:17px;line-height:1.95;letter-spacing:-.025em;margin:0 0 20px}.chapter-copy ol{padding-left:20px;margin:0 0 30px}.tools-inline{font-size:13px!important;color:var(--gray);margin-top:25px!important}.field-block{margin-bottom:30px}.field-block:last-child{margin-bottom:0}.process-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 50px}.process-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 0;cursor:pointer}.process-details>summary::-webkit-details-marker{display:none}.process-details>summary span{font-size:28px;letter-spacing:-.04em}.process-details>summary small{font-size:10px;color:var(--gray);display:block;margin-top:10px;letter-spacing:.05em}.process-details>summary b{font-size:35px;font-weight:300;transition:transform .3s}.process-details[open]>summary b{transform:rotate(45deg)}.process-intro{font-size:14px;line-height:1.8;color:var(--gray);max-width:700px;margin:5px 0 35px}.image-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:35px 25px;align-items:start;padding-bottom:45px}.gallery-item{grid-column:span 6;margin:0}.gallery-item:nth-child(5n+1){grid-column:span 7}.gallery-item:nth-child(5n+2){grid-column:span 5;margin-top:100px}.gallery-item:nth-child(5n+3){grid-column:span 4}.gallery-item:nth-child(5n+4){grid-column:span 8}.gallery-item:nth-child(5n+5){grid-column:3 / span 8}.gallery-item button{padding:0;background:none;width:100%;cursor:zoom-in}.gallery-item img{width:100%;height:auto;max-height:800px;object-fit:contain}.gallery-item figcaption{font-size:10px;color:var(--gray);line-height:1.6;padding-top:12px}.asset-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.asset-strip figure{margin:0}.asset-strip img{height:220px;width:100%;object-fit:contain;mix-blend-mode:multiply}.asset-strip figcaption{font-size:10px;color:var(--gray);padding-top:12px}.product-link{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left}.product-link strong{font:400 34px var(--serif)}.product-link small{display:block;font-size:11px;color:var(--gray);margin-top:8px}.product-link .orbit-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:12px;position:relative}.orbit-icon:before{content:'';position:absolute;inset:15px -12px;border:1px solid var(--ink);border-radius:50%;transform:rotate(-25deg)}.next-project{border-top:1px solid var(--line);padding:60px 0;display:flex;justify-content:space-between;align-items:end}.next-project h2{font-size:40px;letter-spacing:-.05em;font-weight:400;margin:20px 0 0}.next-project>span{font:70px var(--serif);color:var(--red)}
/* Product turntable */
dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#171717b8;backdrop-filter:blur(7px)}#assetDialog{width:min(950px,95vw);max-width:none;max-height:94svh;padding:40px;overflow:auto}.close-asset,.lightbox-close{position:absolute;right:25px;top:20px;background:none;font-size:11px;z-index:5}.asset-top>span{font-size:9px;color:var(--gray);letter-spacing:.1em}.asset-top h2{font-size:35px;margin:12px 0;font-weight:400;letter-spacing:-.04em}.asset-top p{font-size:13px;color:var(--gray)}.turntable{width:100%;height:390px;position:relative;display:grid;place-items:center;cursor:grab;touch-action:none;perspective:850px;overflow:hidden;user-select:none;--angle:0}.turntable:active{cursor:grabbing}.bird-sprite{position:absolute;height:350px;overflow:hidden;mix-blend-mode:multiply;pointer-events:none;transform-style:preserve-3d}.bird-sprite img{position:absolute;max-width:none;width:700px;height:auto;top:-280px}.bird-sprite.front{width:300px;opacity:1}.bird-sprite.front img{left:-10px}.bird-sprite.side{width:116px;opacity:0}.bird-sprite.side img{left:-308px}.bird-sprite.back{width:275px;opacity:0}.bird-sprite.back img{left:-431px}.orbit-line{position:absolute;width:420px;height:105px;border:1px solid #b1b1a9;border-radius:50%;bottom:15px;transform:rotate(-8deg);pointer-events:none}.orbit-line:before,.orbit-line:after{content:'↔';position:absolute;top:35px;font-size:19px;color:#777}.orbit-line:before{left:-20px}.orbit-line:after{right:-20px}.orbit-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;margin-top:20px}.orbit-controls input{accent-color:var(--red);width:35%}.asset-note{text-align:center;font-size:9px;color:var(--gray);margin-top:25px}#lightbox{width:100vw;height:100svh;max-width:none;max-height:none;background:#161616;padding:50px 30px}#lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-close{color:white}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);font-size:12px;padding:14px 24px;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(min-width:1800px){.content,.project-page{margin-left:auto;margin-right:auto;padding-left:150px}}
@media(max-width:1000px){.rail{left:24px;width:100px}.rail-bottom{left:24px}.header{padding:25px 24px}.edition{font-size:9px}.content,.project-page{margin-left:145px;padding-right:25px}.hero{margin-left:105px}.hero-center{transform:translate(-50%,-50%) scale(.82) rotate(-12deg)}.hero-center:hover{transform:translate(-50%,-50%) scale(.87) rotate(7deg)}.hero-flank{top:24%;font-size:10px}.hero-wordmark{font-size:17vw}.project-grid{gap:55px 22px}.work-card:nth-child(4n+2),.work-card:nth-child(4n+4){margin-top:90px}.section-top{align-items:start}.section-top p{max-width:240px;font-size:11px}.about{gap:35px;grid-template-columns:.8fr 1.5fr}.about .portrait{width:170px}.about-copy>p{font-size:20px}.about h2{font-size:50px}.project-intro{gap:25px}.project-tagline{font-size:14px}.chapter{gap:25px;grid-template-columns:.7fr 2fr}.chapter-copy p,.chapter-copy li{font-size:15px}.gallery-item:nth-child(5n+2){margin-top:60px}.asset-strip img{height:160px}}
@media(max-width:650px){.header{padding:22px 20px;align-items:center;position:absolute}.logo{font-size:28px}.edition{font-size:8px;margin-left:12px}.menu-toggle{display:block;margin-left:auto;background:none;font-size:11px}.menu-toggle span{margin-left:8px;font-size:18px}.rail{display:none;position:fixed;inset:70px 0 0;width:100%;background:var(--paper);padding:70px 25px;gap:30px}.rail.open{display:flex}.rail>a{font-size:40px;letter-spacing:-.06em}.rail>a span{opacity:1;font-size:13px}.rail-bottom{position:static;margin-top:auto;font-size:10px}.hero{margin-left:0;height:88svh;min-height:570px}.hero-wordmark{font-size:23vw;top:46%;left:0;right:0;line-height:.78}.hero-wordmark span:last-child{margin-top:13px}.hero-center{top:46%;transform:translate(-50%,-50%) scale(.58) rotate(-12deg)}.hero-center:hover{transform:translate(-50%,-50%) scale(.6) rotate(5deg)}.hero-flank{top:23%;font-size:9px}.hero-flank.left{left:20px}.hero-flank.right{right:20px}.hero-bottom{left:20px;right:20px;bottom:25px;font-size:10px}.scroll-note{max-width:110px;text-align:right;font-size:8px}.content{margin-left:0;padding:45px 20px 30px}.section-top{display:block;margin:15px 0 30px}.section-title{font-size:67px}.section-top p{max-width:100%;margin-top:25px;font-size:12px}.filters{gap:17px;font-size:10px;margin-bottom:25px}.project-grid{gap:40px 15px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card:nth-child(n){grid-column:span 2;margin:0}.work-card:nth-child(3n+2){grid-column:2;margin-top:0}.work-card:nth-child(3n+3){grid-column:1;margin-top:-40px}.work-visual,.work-card:nth-child(n) .work-visual{aspect-ratio:1.1}.work-card:nth-child(3n+2) .work-visual,.work-card:nth-child(3n+3) .work-visual{aspect-ratio:.75}.work-name{font-size:25px}.work-card:nth-child(3n+2) .work-name,.work-card:nth-child(3n+3) .work-name{font-size:19px}.work-en{font-size:13px}.work-meta{font-size:8px;line-height:1.6}.asset-peek{width:33px;height:33px;font-size:7px}.asset-peek:before{width:42px;height:15px}.work-visual:after{display:none}.about{margin:80px 0;gap:25px;grid-template-columns:1fr}.about h2{font-size:55px}.about .portrait{width:130px;float:right;margin:0 0 20px 20px}.about-copy>p{font-size:20px}.experience{grid-template-columns:100px 1fr}.contact h2{font-size:75px}.contact-row{flex-wrap:wrap}.contact a{font-size:20px}.contact button{margin-top:15px}.footer{gap:20px;line-height:1.7}.project-page{margin-left:0;padding:105px 20px 25px}.project-back{margin-bottom:35px}.project-intro{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.project-title{font-size:47px}.project-intro .english{font-size:19px}.project-tagline{font-size:15px}.project-feature{min-height:0}.project-feature video{height:65svh;min-height:300px}.project-feature img{max-height:70svh}.chapter{display:block;padding:35px 0}.chapter>h2{display:flex;align-items:baseline;gap:18px;margin-bottom:25px}.chapter>h2 span{display:inline;font-size:34px;margin:0}.chapter-copy p,.chapter-copy li{font-size:15px;line-height:1.9}.additional-films{grid-template-columns:1fr;gap:25px}.additional-films video{max-height:65svh}.process-details>summary{padding:27px 0}.process-details>summary span{font-size:23px}.image-gallery{gap:25px 15px}.gallery-item:nth-child(n){grid-column:span 12;margin-top:0}.gallery-item:nth-child(3n+2){grid-column:span 6;margin-top:25px}.gallery-item:nth-child(3n+3){grid-column:span 6;margin-top:0}.gallery-item figcaption{font-size:8px}.asset-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.asset-strip img{height:170px}.next-project h2{font-size:32px}.next-project>span{font-size:55px}#assetDialog{padding:35px 20px;width:96vw}.asset-top h2{font-size:29px}.turntable{height:340px;transform:scale(.85);width:118%;margin-left:-9%}.orbit-line{width:330px}.orbit-controls{flex-wrap:wrap;font-size:9px;gap:15px}.orbit-controls input{width:45%}.orbit-controls span:last-child{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* Motion system v2: volumetric hero, pinned work gallery and continuous chapter transitions. */
.hero-webgl{width:430px;height:470px;mix-blend-mode:normal;transform:translate(-50%,-50%);cursor:grab;touch-action:none;overflow:visible;z-index:3}.hero-webgl:hover{transform:translate(-50%,-50%)}.hero-webgl canvas{width:100%;height:100%;background:transparent;opacity:0;animation:modelAppear 1.1s .25s forwards}.hero-webgl.is-dragging{cursor:grabbing}.hero-3d-link{position:absolute;z-index:4;left:50%;top:calc(50% + 245px);transform:translateX(-50%);background:none;border-bottom:1px solid #777;font-size:9px;letter-spacing:.07em;padding:0 0 5px}.hero-wordmark{pointer-events:none;transform:translateY(calc(-50% + var(--hero-scroll,0)*-90px));opacity:calc(1 - var(--hero-scroll,0)*.55)}.hero-wordmark span{clip-path:inset(100% 0 0);transform:translateY(45px);transition:clip-path 1.25s cubic-bezier(.16,1,.3,1),transform 1.25s cubic-bezier(.16,1,.3,1)}.site-ready .hero-wordmark span{clip-path:inset(0 0 -5%);transform:none}.hero-wordmark span:last-child{transition-delay:.14s}.header,.rail,.hero-bottom{animation:copyAppear .9s .5s both}.hero-center.hero-webgl{transition:none}.hero-model-fallback{font:150px var(--serif);color:var(--red)}
.webgl-stage{height:470px;transform:none;width:100%;margin:0;perspective:none;cursor:grab;overflow:hidden;background:transparent}.webgl-stage canvas{display:block;width:100%;height:100%;background:transparent}.webgl-stage.is-dragging{cursor:grabbing}.model-actions{display:flex;justify-content:center;gap:25px;margin:8px 0 20px}.model-actions button{background:none;font-size:10px;padding:8px 0;border-bottom:1px solid #999}.asset-note{margin-top:20px}#assetDialog{width:min(1050px,96vw);padding:35px 45px 25px}.asset-top h2{font-size:32px;margin:10px 0}.asset-top p{margin:0}.model-error{font-size:14px;padding:70px;line-height:1.8;text-align:center}.orbit-line,.bird-sprite{display:none!important}
.kinetic-work{height:var(--work-span,440svh);position:relative}.work-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:30px 0 25px;overflow:hidden}.kinetic-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;padding-right:3px}.kinetic-heading .section-title{font-size:clamp(48px,6.5vw,100px);margin-top:15px;letter-spacing:-.07em}.kinetic-counter{font:400 70px/.8 var(--serif);letter-spacing:-.06em;color:var(--red);display:flex;align-items:start;gap:8px}.kinetic-counter small{font:11px var(--sans);color:#777;letter-spacing:0}.layout-toggle{margin-left:auto}.gallery-viewport{flex:1;min-height:0;width:100%;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab}.gallery-viewport.is-dragging{cursor:grabbing;user-select:none}.kinetic-work .project-grid{display:flex;flex-wrap:nowrap;gap:35px;height:100%;will-change:transform;align-items:stretch}.kinetic-work .work-card:nth-child(n){flex:0 0 min(57vw,780px);width:min(57vw,780px);grid-column:auto;margin:0;opacity:1;transform:none;transition:none;align-self:start}.kinetic-work .work-card:nth-child(2n){padding-top:40px;flex-basis:min(44vw,600px);width:min(44vw,600px)}.kinetic-work .work-visual,.kinetic-work .work-card:nth-child(n) .work-visual{aspect-ratio:auto;height:clamp(260px,52svh,590px);transition:transform .45s cubic-bezier(.16,1,.3,1);transform-origin:center;will-change:transform}.kinetic-work .work-card:nth-child(2n) .work-visual{height:clamp(240px,46svh,530px)}.kinetic-work .work-name{font-size:clamp(25px,3.1vw,48px);margin:9px 0 4px;transition:transform .35s}.kinetic-work .work-card:hover .work-name{transform:translateX(8px);color:var(--red)}.kinetic-work .work-meta{margin-top:12px}.kinetic-work .work-en{font-size:16px}.hover-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s;pointer-events:none}.is-playing .hover-film{opacity:1}.kinetic-work .asset-peek{bottom:auto;top:15px;left:15px}.kinetic-work .work-card:nth-child(2n) .asset-peek{top:55px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--gray);letter-spacing:.06em;margin-top:20px;padding:3px 0 14px}.gallery-progress{height:1px;background:#cececa;width:100%;overflow:hidden}.gallery-progress i{height:1px;display:block;background:var(--red);transform-origin:left;transform:scaleX(0);will-change:transform}.kinetic-work.is-index{height:auto}.kinetic-work.is-index .work-sticky{position:relative;height:auto;overflow:visible}.is-index .gallery-viewport{overflow:visible}.kinetic-work.is-index .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px;transform:none!important}.kinetic-work.is-index .work-card:nth-child(n){width:100%;padding-top:0;flex:none}.kinetic-work.is-index .work-visual,.kinetic-work.is-index .work-card:nth-child(n) .work-visual{height:350px}.kinetic-work.is-index .work-card:nth-child(n) .asset-peek{top:15px}.kinetic-work.is-index .work-name{font-size:30px}.kinetic-work.is-index .gallery-progress{display:none}
#pageTransition{position:fixed;z-index:200;inset:0;background:var(--red);display:flex;align-items:center;justify-content:center;transform:translateY(100%);visibility:hidden;pointer-events:none;color:var(--ink);overflow:hidden}#pageTransition.active{visibility:visible;pointer-events:auto}.transition-word{font:400 clamp(45px,9vw,150px)/.9 var(--serif);letter-spacing:-.065em;text-align:center;max-width:90vw}#pageTransition>span{position:absolute;bottom:35px;left:35px;font-size:10px;letter-spacing:.07em}#motionCursor{position:fixed;top:0;left:0;width:72px;height:72px;margin:-36px 0 0 -36px;background:var(--red);border-radius:50%;z-index:150;pointer-events:none;display:grid;place-items:center;color:var(--ink);opacity:0;transition:opacity .2s,width .25s,height .25s;font-size:9px;letter-spacing:.05em;mix-blend-mode:multiply}#motionCursor.visible{opacity:1}#motionCursor.drag{background:var(--paper);border:1px solid var(--ink)}.process-details[open] .image-gallery{animation:copyAppear .6s both}.next-project:hover h2{color:var(--red);transform:translateX(15px)}.next-project h2{transition:color .3s,transform .4s}.rail>a{overflow:hidden;transition:transform .35s,color .35s}.rail>a:hover{transform:translateX(7px)}
@keyframes modelAppear{from{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:none}}@keyframes copyAppear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-height:760px) and (min-width:751px){.kinetic-heading .section-title{font-size:60px}.kinetic-heading{margin-bottom:15px}.work-sticky{padding-top:25px}.filters{margin-bottom:20px}.kinetic-work .work-visual,.kinetic-work .work-card:nth-child(n) .work-visual{height:44svh;min-height:0}.kinetic-work .work-card:nth-child(2n) .work-visual{height:39svh;min-height:0}.kinetic-work .work-name{font-size:28px}.gallery-bottom{margin-top:8px}.hero-webgl{width:370px;height:400px}.hero-3d-link{top:calc(50% + 205px)}}
@media(max-width:1000px){.hero-center.hero-webgl{width:380px;height:430px;transform:translate(-50%,-50%)}.hero-3d-link{top:calc(50% + 230px)}.kinetic-work .work-card:nth-child(n){flex-basis:64vw;width:64vw}.kinetic-work .work-card:nth-child(2n){flex-basis:52vw;width:52vw}.webgl-stage{height:400px}.kinetic-heading .section-title{font-size:65px}.kinetic-counter{font-size:55px}}
@media(max-width:750px){.kinetic-work{height:auto!important}.work-sticky{position:relative;height:auto;overflow:visible;padding-top:10px}.kinetic-heading{gap:20px;align-items:end}.kinetic-heading .section-title{font-size:53px}.kinetic-counter{font-size:46px}.gallery-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;scrollbar-width:none;margin-right:-20px;width:calc(100% + 20px);flex:none}.gallery-viewport::-webkit-scrollbar{display:none}.kinetic-work .project-grid{gap:20px;transform:none!important;padding-right:30px;min-height:440px}.kinetic-work .work-card:nth-child(n){flex:0 0 79vw;width:79vw;padding:0;scroll-snap-align:start}.kinetic-work .work-visual,.kinetic-work .work-card:nth-child(n) .work-visual{height:50svh;min-height:280px;max-height:510px}.kinetic-work .work-name,.kinetic-work .work-card:nth-child(n) .work-name{font-size:29px}.kinetic-work .work-en{font-size:14px}.kinetic-work .work-card:nth-child(n) .asset-peek{top:15px}.gallery-bottom{font-size:8px;line-height:1.6}.layout-toggle{margin-left:0}.kinetic-work.is-index .project-grid{grid-template-columns:1fr}.kinetic-work.is-index .work-card:nth-child(n){width:100%;scroll-snap-align:none}.hero-center.hero-webgl{width:340px;height:370px;top:46%;transform:translate(-50%,-50%)}.hero-3d-link{top:calc(46% + 200px);font-size:8px}.webgl-stage{width:100%;margin:0;transform:none;height:350px}#assetDialog{padding:35px 20px 20px}.orbit-controls span:last-child{font-size:8px}.model-actions{font-size:9px}.asset-top h2{font-size:28px}#motionCursor{display:none}}
@media(prefers-reduced-motion:reduce){.kinetic-work{height:auto!important}.work-sticky{height:auto;position:relative}.gallery-viewport{overflow-x:auto}.kinetic-work .project-grid{transform:none!important}.hero-wordmark span{clip-path:none;transform:none}.hero-webgl canvas{opacity:1}.header,.rail,.hero-bottom{animation:none}#motionCursor{display:none}}

/* Approved revision: no generated 3D object or custom pointer badges. */
.gallery-viewport{cursor:auto}.gallery-viewport.is-dragging{cursor:grabbing}.qixi-production-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px;align-items:start}.qixi-production-gallery .gallery-item:nth-child(n){grid-column:auto;width:100%;margin:0}.qixi-production-gallery .gallery-item:nth-child(3n+2){margin-top:65px}.qixi-production-gallery img{width:100%;height:auto;object-fit:contain}.qixi-production-gallery figcaption{line-height:1.8;letter-spacing:.03em}@media(max-width:650px){.qixi-production-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.qixi-production-gallery .gallery-item:nth-child(n){margin-top:0}.qixi-production-gallery .gallery-item:nth-child(2n){margin-top:35px}}