@font-face{font-family:"Cubic 11";src:url(/fonts/cubic-11.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+2E80-2FFF,U+3000-303F,U+31C0-31EF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-2FA1F}@font-face{font-family:Departure Mono;src:url(/fonts/departure-mono.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0-24F,U+1E??,U+2000-206F,U+20A0-20CF,U+2100-214F,U+2190-22FF,U+22??}:root{--font-pixel:"Cubic 11","Departure Mono","Microsoft YaHei",monospace;font-family:var(--font-pixel);color:#171717;font-synthesis:none;background:#fffdf9;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:clip}a{color:inherit}img,video{max-width:100%}button,a,input,textarea,select{font:inherit}.site-header{justify-content:space-between;align-items:center;display:flex}.brand{color:#171717;font-weight:800;text-decoration:none}.site-header nav{align-items:center;display:flex}.site-header nav a{color:#171717;font-size:13px;text-decoration:none}.site-footer{color:#777;justify-content:space-between;font-size:12px;display:flex}.hero,.section,.detail{position:relative}.hero-copy,.portrait-rig,.education-strip{z-index:2}.hero-kicker{letter-spacing:.08em;text-transform:uppercase;color:#61615e;align-items:center;gap:9px;font-size:11px;display:flex}.status-dot{background:#ff5b43;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff5b4329}.hero-name{margin:24px 0 10px;font-size:17px;font-weight:600}.hero-name strong{color:#ff5b43;letter-spacing:.14em;margin-left:7px;font-size:12px}.hero-intro{color:#484844;max-width:550px;font-size:16px;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #171717;justify-content:space-between;align-items:center;gap:28px;min-width:148px;padding:13px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.button i{font-size:17px;font-style:normal}.button-primary{color:#fff;background:#171717;box-shadow:5px 5px #ff5b43}.button-secondary{color:#171717;background:#fff;box-shadow:5px 5px #9bdcc6}.button:hover{transform:translateY(-3px)}.hero-grid{pointer-events:none;position:absolute;inset:0}.pixel-cluster{z-index:1;grid-template-columns:repeat(4,8px);gap:5px;display:grid;position:absolute}.pixel-cluster i{background:#171717;width:8px;height:8px}.pixel-cluster-a{top:12%;right:5%}.pixel-cluster-b{grid-template-columns:repeat(3,8px);bottom:18%;left:4%}.pixel-cluster-b i:nth-child(2n){background:#1a8e73}.education-strip{align-items:flex-start;gap:26px;font-size:11px;display:flex}.education-strip>span{color:#777;letter-spacing:.1em;margin-right:auto}.education-strip div{flex-direction:column;gap:2px;display:flex}.education-strip small{color:#777}.hero-marquee{color:#fff;white-space:nowrap;letter-spacing:.18em;background:#171717;padding:8px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-marquee span{animation:28s linear infinite marquee;display:inline-block}.section{border-top:1px solid #dedcd6}.section-heading span{letter-spacing:.1em;text-transform:uppercase;color:#777;font-size:11px}.section-heading h2{letter-spacing:0}.section-heading p{color:#666;font-size:14px;line-height:1.7}.works-grid{display:grid}.work-card{background:#fff;border:1px solid #dcd9d2;min-width:0;transition:transform .22s,box-shadow .22s;overflow:hidden}.work-card-media{background:#ece9e1;position:relative;overflow:hidden}.work-card-media img,.work-card-media video{object-fit:cover;width:100%;height:100%;display:block}.work-card-body{padding:20px}.work-card-body>span{color:#777;font-size:11px}.work-card h3{margin:9px 0;font-size:24px;line-height:1.15}.work-card p{color:#666;font-size:13px;line-height:1.65}.work-card a{border-bottom:1px solid #171717;font-size:12px;font-weight:700;text-decoration:none}.timeline-list{display:grid}.timeline-list>div{position:relative}.timeline-list strong{font-size:28px}.timeline-list p{margin:8px 0 3px;font-weight:700}.timeline-list span{color:#777;font-size:12px}.about-index{color:#ff5b43;letter-spacing:.1em;font-size:11px}.about-stack-item{box-sizing:border-box}.skill-list{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.skill-list span{border:1px solid #171717;padding:7px 10px;font-size:11px}.contact-kicker{letter-spacing:.16em;font-size:11px;font-weight:700}.contact h2{margin:20px 0 45px;line-height:1}.contact-row{border-top:1px solid #171717;justify-content:space-between;gap:20px;padding-top:16px;font-size:13px;display:flex}.contact-row a{border-bottom:1px solid #171717;font-weight:700;text-decoration:none}.portrait-rig{position:relative}.hero-portrait{aspect-ratio:.74;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;transform:translate3d(var(--drag-x,0),var(--drag-y,0),0) rotate(var(--drag-rotate,0deg));will-change:transform;cursor:grab;transition:filter .18s;position:relative}.hero-portrait.is-dragging{cursor:grabbing;filter:drop-shadow(18px 25px 16px #17171733)}.hero-portrait:before{content:"";clip-path:polygon(10% 4%,92% 0,100% 86%,28% 100%,0 30%);z-index:-2;background:#ff5b43;position:absolute;inset:8% -7% -6% 8%;transform:rotate(-5deg)}.portrait-backdrop{clip-path:polygon(8% 0,100% 12%,90% 100%,0 88%);z-index:-1;background:#9bdcc6;position:absolute;inset:0;transform:rotate(3deg)}.hero-portrait img{object-fit:cover;object-position:center top;clip-path:polygon(12% 0,96% 8%,88% 98%,0 90%);filter:saturate(.88)contrast(1.04);pointer-events:none;width:100%;height:100%;display:block}.portrait-line{z-index:2;pointer-events:none;border:2px solid #171717;width:116%;height:66%;position:absolute}.portrait-line-one{border-bottom:0;border-right:0;top:11%;left:-10%;transform:rotate(-12deg)}.portrait-line-two{border-top:0;border-left:0;bottom:2%;right:-10%;transform:rotate(-12deg)}.portrait-label{color:#fff;letter-spacing:.1em;z-index:3;padding:6px 8px;font-size:9px;font-weight:700;position:absolute}.label-creative{background:#ff5b43;top:16%;right:-8%;transform:rotate(7deg)}.label-future{background:#1a8e73;bottom:12%;left:-8%;transform:rotate(-7deg)}.portrait-star{color:#ff5b43;z-index:3;font-size:38px;animation:7s linear infinite spin;position:absolute;bottom:25%;right:-4%}.portrait-card-slot{z-index:4;background:#171717;border-radius:5px;width:34px;height:7px;position:absolute;top:12px;left:50%;translate:-50%}.lanyard-hint{text-align:center;letter-spacing:.14em;color:#777;margin-top:13px;font-size:9px;display:block}.lanyard-rope{z-index:5;pointer-events:none;width:78%;height:118px;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.lanyard-rope path{fill:none;stroke:#6d4aff;stroke-width:8px;stroke-linecap:round}.lanyard-hook{z-index:6;border:5px solid #171717;border-radius:50%;width:20px;height:20px;position:absolute;top:94px;left:50%;translate:-50%}.detail{margin:auto}.back-link{text-transform:uppercase;color:#777;font-size:11px;text-decoration:none}.detail-header{border-bottom:1px solid #ddd}.detail-header>span{letter-spacing:.08em;text-transform:uppercase;color:#777;font-size:11px}.detail-header h1{letter-spacing:0}.detail-header p{color:#666;max-width:580px;line-height:1.75}.detail-section{border-bottom:1px solid #ddd}.work-introduction{max-width:720px;font-size:clamp(20px,2.4vw,30px);line-height:1.55}.work-media-grid{display:grid}.work-media-item{background:#ece9e1;min-height:120px;margin:0;overflow:hidden}.work-media-item img,.work-media-item video{object-fit:cover;width:100%;height:auto;max-height:680px;display:block}.work-media-item figcaption{color:#666;padding:10px 14px;font-size:12px}.work-media-item.work-video{background:#151515}.work-media-item.work-video figcaption{color:#fff}.work-media-item.work-pdf{flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.achievement-list{margin:0;padding:0;list-style:none}.empty{width:min(1180px,90vw);margin:auto;padding:160px 0}.empty h1{font-size:48px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=760px){.site-footer,.contact-row{flex-direction:column}.education-strip{display:grid}.work-card h3{font-size:21px}.hero-portrait{aspect-ratio:.76}}body{background:#fff7fb}.site-background{z-index:0;pointer-events:none;background:#fff7fb;position:fixed;inset:0;overflow:hidden}.site-background .faulty-terminal{opacity:.9;mix-blend-mode:multiply;position:absolute;inset:0}.site-background .faulty-terminal canvas{width:100%;height:100%}.site-header,main,.site-footer{z-index:1;position:relative}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff7fbdb;border-color:#17171724;position:fixed;top:0}.brand{letter-spacing:.05em;font-size:18px}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:#ff5b43;height:2px;transition:right .22s;position:absolute;bottom:-5px;left:0;right:100%}.site-header nav a:hover:after{right:0}.cursor-system{display:block}.cursor-move-gif,.cursor-sprite,.cursor-idle-video,.cursor-label{pointer-events:none;z-index:1000;position:fixed;top:0;left:0}.cursor-move-gif{object-fit:contain;opacity:0;width:168px;max-width:none;height:168px;image-rendering:pixelated;will-change:transform;background:0 0;transition:opacity .1s steps(2,end);display:block}.cursor-move-gif.is-visible{opacity:1}.cursor-sprite{opacity:0;image-rendering:pixelated;mix-blend-mode:multiply;transform-origin:50%;will-change:transform,background-position;background-repeat:no-repeat;transition:opacity .1s steps(2,end)}.cursor-sprite.is-visible{opacity:1}.cursor-idle-video{opacity:0;will-change:transform;background:0 0;width:220px;height:220px;transition:opacity .1s steps(2,end);overflow:visible}.cursor-idle-video.is-visible{opacity:1}.cursor-idle-video video{object-fit:contain;opacity:0;width:100%;height:100%;image-rendering:pixelated;background:0 0;display:block;position:absolute;inset:0}.cursor-idle-video video.is-active{opacity:1}.cursor-idle-pupils{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.cursor-idle-pupils i{opacity:0;clip-path:polygon(20% 0,80% 0,100% 18%,100% 82%,80% 100%,20% 100%,0 82%,0 18%);background:#0a0a0a;display:block;position:absolute}.cursor-idle-pupils[data-pose=open-a] i:first-child{opacity:1;width:2.5%;height:4.44%;top:43.61%;left:35.28%}.cursor-idle-pupils[data-pose=open-a] i:last-child{opacity:1;width:2.78%;height:4.44%;top:43.61%;left:46.39%}.cursor-idle-pupils[data-pose=open-b] i:first-child{opacity:1;width:2.22%;height:4.44%;top:42.78%;left:34.72%}.cursor-idle-pupils[data-pose=open-b] i:last-child{opacity:1;width:2.5%;height:3.33%;top:43.89%;left:45.56%}.cursor-label{color:#f0a3e6;font:700 10px/1 var(--font-pixel);letter-spacing:.12em;white-space:nowrap;will-change:transform;background:#171717;border:1px solid #f0a3e6;padding:7px 9px;display:none}.cursor-label.is-visible{display:block}.pixel-trail{z-index:4;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0;overflow:hidden}.pixel-trail.is-visible{opacity:1}.pixel-trail i{width:calc(13px - var(--pixel-index) * .5px);height:calc(13px - var(--pixel-index) * .5px);opacity:calc(.62 - var(--pixel-index) * .05);will-change:transform;background:#6d4aff;position:absolute;top:0;left:0;translate:-50% -50%}.pixel-trail i:nth-child(3n){background:#ff5b43}.pixel-trail i:nth-child(4n){background:#22ad83}.depth-title{perspective:900px;z-index:2;position:relative}.depth-title-stage{transform-style:preserve-3d;transform:rotateX(var(--title-rotate-x,0deg)) rotateY(var(--title-rotate-y,0deg));transition:transform .12s ease-out;position:relative}.depth-title h1{letter-spacing:0;margin:0 0 28px;font-size:clamp(52px,7.5vw,100px);font-weight:900;line-height:.88}.depth-title h1 span{display:block}.depth-title .is-outline{color:#0000;-webkit-text-stroke:2px currentColor;margin-left:7vw}.depth-layer{color:#6d4aff;transform:translate3d(calc(var(--depth) * -1px),calc(var(--depth) * 1.5px),calc(var(--depth) * -2px));opacity:.22;pointer-events:none;position:absolute;inset:0}.depth-layer .is-outline{color:#0000}.depth-face{color:#171717;filter:drop-shadow(8px 10px #ff5b4329);position:relative}.portrait-rig{perspective:1000px;z-index:2;justify-self:center;position:relative}.portrait-rig .hero-portrait{width:100%;transform:translate3d(var(--drag-x,0),var(--drag-y,0),0) rotate(var(--drag-rotate,0deg));will-change:transform}.hero{background:0 0}.hero:after{content:"";aspect-ratio:1;background:repeating-conic-gradient(#ff5b43 0 25%,transparent 0 50%) 0/28px 28px;opacity:.16;pointer-events:none;width:24vw;position:absolute;top:8%;right:-9vw;transform:rotate(12deg)}.faulty-terminal{z-index:0;opacity:.24;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0;overflow:hidden}.faulty-terminal canvas{width:100%;height:100%;display:block}.education-strip{background:#ffffff8c;border:1px solid #17171729;padding:22px 30px}.home-works{background:0 0;position:relative}.home-works:before{content:"";clip-path:polygon(32% 0,100% 0,100% 100%,0 65%);opacity:.9;background:linear-gradient(90deg,#6d4aff 50%,#f9dd55 50%) 0 0/22px 22px;width:14%;height:140px;position:absolute;top:0;right:0}.work-card{transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;position:relative;overflow:hidden}.work-card:after{content:"";background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff75,transparent 48%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.work-card:hover:after{opacity:1}.work-card-media img,.work-card-media video{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .3s}.work-card:hover .work-card-media img,.work-card:hover .work-card-media video{filter:saturate(1.08);transform:scale(1.045)}.work-card-body{z-index:2;background:#fff;position:relative}.work-card:nth-child(3n+2):hover{box-shadow:7px 7px #f9dd55}.work-card:nth-child(3n):hover{box-shadow:7px 7px #ff5b43}.timeline{background:0 0}.about{background:0 0;align-items:start}.about-stack{padding-bottom:10vh}.about-stack-item{min-height:250px;transform:scale(var(--stack-scale,1));background:#fff;border:1px solid #171717;margin:0 0 20vh;padding:32px;position:sticky;top:110px;box-shadow:9px 9px #171717}.about-stack-item:first-of-type{--stack-scale:.96;background:#f9dd55}.about-stack-item:nth-of-type(2){--stack-scale:.98;background:#ff8c75;top:130px}.about-stack-item:nth-of-type(3){background:#fff;top:150px}.about-stack-item>span{letter-spacing:.14em;font-size:11px;font-weight:700}.about-stack-item>p{max-width:760px;margin:22px 0 0;font-size:clamp(22px,3vw,34px);line-height:1.35}.skill-list span{background:#fff}.side-index{z-index:12;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:max(14px,50vw - 624px);translate:0 -50%}.side-index a{--index-shift:0px;color:#aaa;writing-mode:vertical-rl;transform:translateX(var(--index-shift));align-items:center;gap:8px;font-size:10px;text-decoration:none;transition:color .12s,transform .12s;display:flex}.side-index a:before{content:"";background:currentColor;width:1px;height:38px;transition:height .18s}.side-index a.is-active{color:#ff5b43}.side-index a.is-active:before{height:58px}.side-index a span{font-size:8px}.work-detail{max-width:1260px}.work-detail .detail-header{position:relative;overflow:hidden}.work-detail .detail-header:after{content:"";clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);opacity:.8;background:repeating-linear-gradient(135deg,#ff5b43 0 10px,#f9dd55 10px 20px,#c7f5e8 20px 30px);width:32%;height:52%;position:absolute;bottom:0;right:0}.work-detail .detail-header h1,.work-detail .detail-header p,.work-detail .detail-header span{z-index:1;position:relative}.work-media-grid{grid-auto-flow:dense}.work-media-item{transition:transform .25s,box-shadow .25s}.work-media-item:hover{transform:translateY(-4px);box-shadow:8px 8px #c7f5e8}.work-media-item:nth-child(3n){grid-column:1/-1}.work-media-item img{cursor:zoom-in}.achievement-list li{color:#0a0a0a;text-align:center;background:#fff;border:1px solid #0a0a0a;border-radius:8px;outline:none;place-items:center;min-height:132px;padding:24px 18px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s steps(3,end),border-color .2s steps(3,end);display:grid;position:relative;box-shadow:4px 4px #0a0a0a24}.achievement-list li:hover,.achievement-list li:focus-visible{border-color:#e0492a;transform:translateY(-5px);box-shadow:7px 7px #d8ff00}.book-gallery{width:calc(100vw + -1*max(24px,50vw - 600px));overflow:hidden}.book-gallery-controls{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 0 16px;font-size:11px;display:flex}.book-gallery-controls div{gap:8px;display:flex}.book-gallery-controls button{cursor:pointer;background:#fff;border:1px solid #171717;width:42px;height:42px;font-size:20px}.book-gallery-controls button:hover{color:#fff;background:#171717}.book-gallery-rail{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;cursor:grab;gap:18px;padding:0 max(14vw,80px) 24px 0;display:flex;overflow-x:auto}.book-gallery-rail:active{cursor:grabbing}.book-gallery-slide{scroll-snap-align:start;background:#f0ece5;flex:0 0 min(68vw,780px);min-height:320px;margin:0;position:relative}.book-gallery-slide img{object-fit:contain;width:100%;height:min(70vh,720px);display:block}.book-gallery-slide figcaption{color:#fff;background:#171717;padding:5px 8px;font-size:10px;position:absolute;top:12px;right:12px}.pdf-slide{color:#171717;background:#f9dd55;flex-direction:column;justify-content:space-between;padding:40px;text-decoration:none;display:flex}.pdf-slide strong{font-size:clamp(40px,8vw,100px)}@keyframes cordSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (width<=900px){.side-index{display:none}.portrait-rig{grid-row:2;width:min(86vw,390px)}.about-stack-item{top:88px}.about-stack-item:nth-of-type(2){top:104px}.about-stack-item:nth-of-type(3){top:120px}.book-gallery{width:calc(100vw - 20px)}}@media (pointer:coarse){.cursor-system,.pixel-trail{display:none}.work-card,.depth-title-stage,.portrait-rig .hero-portrait{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-system,.pixel-trail{display:none}.portrait-rig .hero-portrait,.lanyard-cord,.portrait-star,.hero-marquee span{animation:none!important}.work-card,.work-card-media img,.work-card-media video,.timeline-project-inner{transition:none}.depth-title-stage{transform:none!important}}.work-card-link{color:inherit;cursor:none;text-decoration:none;display:flex}.work-card-link:focus-visible{outline-offset:5px;outline:3px solid #6d4aff}.tilted-card{perspective:1000px;width:100%;height:100%;overflow:hidden}.tilted-card-inner{width:100%;height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--tilt-scale,1));transform-style:preserve-3d;will-change:transform;transition:transform .22s ease-out;position:relative}.tilted-card-inner>img,.tilted-card-inner>video{object-fit:cover;width:100%;height:100%;display:block}.tilted-card-glare{background:radial-gradient(circle at var(--tilt-glare-x,50%) var(--tilt-glare-y,50%),#ffffff5c,transparent 36%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.tilted-card:hover .tilted-card-glare,.work-card-link:focus-visible .tilted-card-glare{opacity:1}.tilted-card-overlay{pointer-events:none;opacity:0;justify-content:flex-end;align-items:flex-end;padding:14px;transition:opacity .2s,transform .2s steps(3,end);display:flex;position:absolute;inset:0;transform:translateY(16px)}.tilted-card:hover .tilted-card-overlay,.work-card-link:focus-visible .tilted-card-overlay{opacity:1;transform:translateY(0)}.tilted-card-overlay p{color:#f0a3e6;letter-spacing:.08em;background:#171717;border:1px solid #f0a3e6;margin:0;padding:9px 11px;font-size:11px;font-weight:700;box-shadow:4px 4px #ff5b43}.work-card-link .work-card:after,.hero-copy .hero-intro,.hero-copy .hero-name{display:none}@media (pointer:fine){.work-card-link,.work-card-link *{cursor:none}}:root{--layout-width:min(1180px,90vw);--layout-gutter:max(5vw,calc((100vw - 1180px)/2));--section-space:120px}.site-header{height:78px;padding-inline:var(--layout-gutter);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf9e6;border-bottom:1px solid #17171724;position:fixed;inset:0 0 auto}.site-header nav{gap:34px}.site-footer{width:var(--layout-width);margin:0 auto;padding:46px 0}.hero{width:100%;max-width:none;min-height:min(100vh,580px);padding:116px var(--layout-gutter) 56px;grid-template-rows:minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 64px;display:grid}.hero-copy{grid-area:1/1;align-self:center;min-width:0;padding-top:22px;padding-bottom:35px;container-type:inline-size}.portrait-rig{grid-column:2;align-self:start;width:min(100%,300px);min-height:390px;margin-top:0;padding-top:0}.hero-intro{margin:30px 0 0}.hero-actions{margin-top:28px}.hero-primary-row{display:contents}.education-strip{grid-column:1/-1;place-self:start center;gap:42px;width:min(880px,100%);margin-top:0;padding:22px 30px;font-size:14px}.education-strip>span{font-size:12px}.hero-marquee{grid-column:1/-1}.hero>.education-section{z-index:2;border-top:0;border-image:;grid-area:2/1/auto/-1;align-self:end;width:100%;padding:0}.hero>.education-section .education-section-inner{grid-template-columns:minmax(82px,.8fr) minmax(130px,1.45fr) minmax(104px,1.1fr);gap:12px;width:100%;padding:24px 22px;container-type:inline-size}.hero>.education-section .education-heading{grid-column:1/-1}.hero>.education-section .education-heading h2{font-size:clamp(18px,6cqi,28px)}.hero>.education-section .education-chip{white-space:nowrap;padding-inline:7px;font-size:clamp(8px,2.3cqi,13px)}.hero>.education-section .education-periods,.hero>.education-section .education-schools,.hero>.education-section .education-subjects{grid-template-columns:1fr}.education-section{width:100%;padding:34px var(--layout-gutter) 46px;position:relative}.education-section-inner{width:var(--layout-width);background:#ffffff3d;border-top:1px solid #17171740;border-bottom:1px solid #17171740;grid-template-columns:minmax(150px,.8fr) minmax(170px,1fr) minmax(260px,1.45fr) minmax(200px,1.1fr);align-items:center;gap:18px;margin:0 auto;padding:28px 30px;display:grid}.education-heading{align-items:center;min-width:0;display:flex}.education-heading h2{letter-spacing:.08em;margin:0;font-size:clamp(20px,2.2vw,30px);font-weight:500}.education-periods,.education-schools,.education-subjects{gap:12px;min-width:0;display:grid}.education-chip{text-align:center;white-space:nowrap;background:#fffdf9d6;border:2px solid #ffb800;justify-content:center;align-items:center;width:100%;min-height:44px;padding:9px 11px;font-size:14px;line-height:1.35;display:flex;box-shadow:4px 4px #f9dd55}.education-schools .education-chip{border-color:#6d4aff;box-shadow:4px 4px #f0a3e6}.education-subjects .education-chip{border-color:#ff5b43;box-shadow:4px 4px #9bdcc6}.section{width:var(--layout-width);max-width:none;padding:var(--section-space) 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex;container-type:inline-size}.section-heading h2{white-space:nowrap;max-width:100%;margin:12px 0 0;font-size:clamp(24px,7cqi,72px);line-height:.96}.section-heading>p{max-width:300px;margin:0 0 5px}.home-works{width:var(--layout-width);margin-inline:auto;padding-top:56px}.home-works>.section-heading{text-align:center;display:block}.home-works>.section-heading h2{margin-inline:auto}.home-works>.section-heading>p{white-space:nowrap;width:max-content;max-width:none;margin:18px auto 48px;font-size:clamp(10px,2.8cqi,14px)}.home-works>.works-grid{width:min(1100px,100%);margin-inline:auto}.works-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.work-card-link{min-height:410px;color:inherit;text-decoration:none;display:flex}.work-card-link:first-child{grid-column:span 5;min-height:480px}.work-card-link:nth-child(2){grid-column:span 7;min-height:480px}.work-card-link:nth-child(3),.work-card-link:nth-child(4),.work-card-link:nth-child(5),.work-card-link:nth-child(6){grid-column:span 4}.work-card-media{aspect-ratio:auto;flex:1;min-height:250px}.work-card{flex-direction:column;display:flex}.work-card-body{flex-direction:column;align-items:flex-start;min-height:172px;display:flex}.work-card-body p{margin-bottom:auto}.work-card-link .work-card{width:100%;height:100%}.hero .portrait-rig{transform-origin:100% 0;justify-self:end;margin-right:clamp(0px,3vw,48px);transform:translateY(-34px)scale(.84)}.hero-copy .depth-title{max-width:100%}.hero-copy .depth-title h1{white-space:nowrap;font-size:clamp(36px,12cqi,72px)}.timeline{width:100%;padding:105px var(--layout-gutter);align-items:start;display:block}.timeline .section-heading{text-align:center;width:min(1040px,100%);margin:0 auto 64px;display:block;position:static}.timeline .section-heading h2{max-width:100%;margin-inline:auto}.timeline-list{border-left:0;width:min(1040px,100%);margin-inline:auto;padding:0;display:block;position:relative}.timeline-list:before{content:"";background:#1717173d;width:1px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.timeline-item{width:50%;min-height:178px;margin:0;padding:0 52px 38px;position:relative}.timeline-item.is-left{text-align:right;margin-left:0}.timeline-item.is-right{text-align:left;margin-left:50%}.timeline-item:before{content:"";z-index:2;background:#fff;border:2px solid #ff5b43;border-radius:50%;width:11px;height:11px;position:absolute;top:8px;left:100%;transform:translate(-50%)}.timeline-item.is-right:before{left:0}.about{width:var(--layout-width);grid-template-columns:72px minmax(0,1fr);gap:48px;margin-inline:auto;padding-bottom:50px}.about-index{text-align:center;padding-top:12px}.about-stack>.section-heading{text-align:center;max-width:820px;margin:0 auto 54px;display:block}.about-stack>.section-heading h2{max-width:100%;margin-inline:auto}.about-stack-item{width:100%;min-height:330px;padding:42px 46px}.contact{width:100%;max-width:none;padding:72px var(--layout-gutter) 70px}.contact h2{max-width:760px}.contact-row{align-items:flex-end;margin-top:24px}.work-detail{width:var(--layout-width);max-width:none;padding:52px 0 0}.work-detail .detail-header{padding:72px 0 80px}.work-detail .detail-header h1{max-width:900px;font-size:clamp(50px,8vw,110px);line-height:.86}.work-detail .detail-section{grid-template-columns:minmax(0,1fr);align-items:start;gap:42px;padding:90px 0;display:grid}.work-detail .detail-section>h2{text-align:center;letter-spacing:0;justify-self:center;width:auto;margin:0;font-size:13px;line-height:1.25;position:static}.work-introduction,.work-media-grid,.achievement-list,.book-gallery,.social-showcase,.tour-stage-showcase{grid-column:1;min-width:0}.work-introduction{margin:0}.work-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.achievement-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.book-gallery{width:calc(100vw - var(--layout-gutter) - 310px)}@media (width<=980px){:root{--section-space:82px}.hero{grid-template-columns:1fr;row-gap:38px;min-height:auto;padding-top:84px}.hero-copy{padding-bottom:0}.hero>.education-section{grid-area:2/1;align-self:end}.portrait-rig{grid-row:2;width:min(340px,82vw);min-height:440px;margin:0 auto}.education-strip{grid-column:1/-1;justify-self:center;width:min(880px,100%);margin:0}.section-heading{margin-bottom:30px;display:block}.section-heading>p{margin-top:19px}.work-card-link,.work-card-link:nth-child(n){grid-column:span 12;min-height:360px}.work-card-media{min-height:340px}.hero .portrait-rig{grid-column:1;justify-self:center;margin-right:0;transform:none}.education-section{padding:28px 0 36px}.education-section-inner{grid-template-columns:1fr;gap:18px;padding:24px}.education-heading{justify-content:flex-start}.education-periods,.education-schools,.education-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:1fr;gap:45px;padding-top:82px;padding-bottom:82px}.timeline .section-heading{position:static}.about{grid-template-columns:1fr;gap:20px}.work-detail .detail-section{grid-template-columns:1fr;gap:38px;padding:74px 0}.work-detail .detail-section>h2{position:static}.work-introduction,.work-media-grid,.achievement-list,.book-gallery,.social-showcase,.tour-stage-showcase{grid-column:1}.book-gallery{width:95vw}}@media (width<=620px){:root{--layout-width:88vw;--layout-gutter:6vw;--section-space:68px}.site-header{height:68px;padding-inline:6vw}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.hero{grid-template-columns:minmax(0,1fr);padding:64px 6vw 56px}.hero-copy{min-width:0}.portrait-rig{width:min(300px,82vw);min-height:410px}.education-strip{grid-template-columns:1fr}.education-strip>span{grid-column:1}.hero-primary-row{margin-top:12px;display:block}.hero-primary-row .depth-title{width:100%;min-width:0}.hero-primary-row .depth-title h1{white-space:nowrap;font-size:40px}.hero-primary-row .hero-actions{justify-content:space-between;gap:14px;width:100%;margin-top:28px;display:flex}.hero-primary-row .hero-actions .button{flex:0 0 148px;width:148px;min-width:0}.hero>.education-section .education-section-inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr) minmax(0,1.1fr);gap:8px;padding:20px 12px}.hero>.education-section .education-heading{text-align:center;justify-content:center}.hero>.education-section .education-heading h2{text-align:center;width:100%}.education-periods,.education-schools,.education-subjects{grid-template-columns:1fr}.education-chip{white-space:normal}.home-works>.section-heading>p{white-space:nowrap;width:auto;max-width:100%}.works-grid{gap:14px}.work-card-media{min-height:250px}.timeline{gap:34px;padding:68px 6vw}.about-stack-item{min-height:280px;padding:28px 24px}.contact{padding:62px 6vw}.work-detail{width:88vw;padding-top:36px}.work-detail .detail-header{padding:52px 0 60px}.work-media-grid,.achievement-list{grid-template-columns:1fr}.work-media-item:nth-child(n){grid-column:auto}.book-gallery{width:94vw}}:root{--layout-width:min(1176px,90vw);--layout-gutter:max(5vw,calc((100vw - 1176px)/2));--craft-grid:14px;--craft-ink:#0a0a0a;--craft-hot:#e0492a;--craft-lime:#d8ff00;--craft-bg:#fff;background:#fff}*{letter-spacing:0}body{color:var(--craft-ink);background:#fff}@media (hover:hover) and (pointer:fine){body.has-pixel-field,body.has-pixel-field *{cursor:none!important}}.site-background{background-color:#fff;background-image:linear-gradient(#17171709 1px,#0000 1px),linear-gradient(90deg,#17171709 1px,#0000 1px);background-size:var(--craft-grid) var(--craft-grid)}.site-background .faulty-terminal{opacity:.16;mix-blend-mode:multiply}.hero-canvas-layer{z-index:0;pointer-events:none;background:#fff;position:fixed;inset:0;overflow:hidden}.hero-canvas-layer canvas{width:100%;height:100%;display:block}.site-header{background:#ffffffe6}.section,.education-section,.flow-canvas{border-top:2px solid #0000;border-image:repeating-linear-gradient(90deg,var(--craft-ink) 0 14px,transparent 14px 28px) 1}.cursor-label{color:var(--craft-lime);border-color:var(--craft-lime)}.depth-layer{color:var(--craft-lime)}.depth-face{filter:drop-shadow(8px 10px #ff523847)}.education-chip,.education-schools .education-chip,.education-subjects .education-chip{border-color:var(--craft-ink);box-shadow:4px 4px 0 var(--craft-lime);background:#fff}.button-primary{box-shadow:5px 5px 0 var(--craft-hot)}.button-secondary{box-shadow:5px 5px 0 var(--craft-lime)}.pixel-cluster i,.pixel-cluster-b i:nth-child(2n){background:var(--craft-ink)}.pixel-cluster-a i:nth-child(3n){background:var(--craft-hot)}.home-works:before{content:none}.about-stack-item:first-of-type{background:var(--craft-lime)}.about-stack-item:nth-of-type(2){background:var(--craft-hot);color:#fff}.tilted-card-overlay p{color:var(--craft-lime);border-color:var(--craft-lime);box-shadow:4px 4px 0 var(--craft-hot)}.hero{background:0 0;min-height:100vh}.hero:after{display:none}.brand{transform-style:preserve-3d;transform-origin:50%;will-change:transform;display:inline-block}.brand:hover,.brand:focus-visible{animation:.65s steps(6,end) both logoStepRotate}@keyframes logoStepRotate{0%{transform:rotateX(0)rotateY(0)translateZ(0)}35%{transform:rotateX(-18deg)rotateY(28deg)translateZ(8px)}70%{transform:rotateX(14deg)rotateY(-16deg)translateZ(4px)}to{transform:rotateX(0)rotateY(360deg)translateZ(0)}}.home-works{width:100%;padding-left:var(--layout-gutter);padding-right:0;overflow:hidden}.home-works>.section-heading{width:calc(100% - var(--layout-gutter));margin-left:0;margin-right:var(--layout-gutter)}.works-carousel{width:100%;position:relative}.works-carousel-toolbar{width:calc(100% - var(--layout-gutter));letter-spacing:.14em;border-top:1px solid #17171759;grid-template-columns:1fr auto auto;align-items:center;gap:24px;height:48px;font-size:10px;display:grid}.works-carousel-status{font-variant-numeric:tabular-nums}.works-carousel-arrows{gap:8px;display:flex}.works-carousel-arrows button{color:#171717;cursor:pointer;background:#fff;border:1px solid #171717;width:40px;height:40px;font-size:19px;transition:background .16s,color .16s,transform .16s}.works-carousel-arrows button:hover,.works-carousel-arrows button:focus-visible{color:#fff;background:#171717;transform:translateY(-2px)}.works-carousel-viewport{width:100%;overflow:hidden}.works-carousel-rail{overscroll-behavior-inline:contain;scrollbar-width:none;padding:8px var(--layout-gutter) 36px 0;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;gap:24px;display:flex;overflow-x:auto}.works-carousel-rail::-webkit-scrollbar{display:none}.works-carousel-rail.is-dragging{cursor:grabbing;scroll-behavior:auto}.works-carousel-rail .work-card-link,.works-carousel-rail .work-card-link:nth-child(n){scroll-snap-align:start;flex:0 0 min(86vw,420px);grid-column:auto;width:min(86vw,420px);height:550px;min-height:550px}.works-carousel-rail .work-card{height:550px;min-height:550px;box-shadow:none;background:0 0;border:0;overflow:visible;transform:none}.works-carousel-rail .work-card-media{border:1px solid var(--craft-ink);border-radius:26px;flex:none;height:350px;min-height:350px;overflow:hidden}.works-carousel-rail .tilted-card,.works-carousel-rail .tilted-card-inner{border-radius:26px}.works-carousel-rail .tilted-card-inner{transform:scale(var(--media-scale,1));transform-style:flat;transition:transform .4s cubic-bezier(.22,.8,.25,1)}.works-carousel-rail .tilted-card-glare{inset:auto;left:var(--highlight-x,50%);top:var(--highlight-y,50%);background:repeating-conic-gradient(#d8ff00cc 0 25%,#e0492ab3 0 50%,transparent 0 100%) 0/9px 9px;mix-blend-mode:normal;width:45px;height:45px;transition:opacity .18s steps(4,end);translate:-50% -50%}.works-carousel-rail .tilted-card-pixel-band{z-index:2;pointer-events:none;opacity:0;background:repeating-conic-gradient(#0a0a0ae0 0 25%,#d8ff00cc 0 50%,#e0492ac7 0 75%,#ffffffb8 0) 0/28px 28px;clip-path:polygon(0 28%,7% 28%,7% 14%,16% 14%,16% 35%,24% 35%,24% 7%,34% 7%,34% 21%,46% 21%,46% 0,58% 0,58% 28%,69% 28%,69% 14%,79% 14%,79% 35%,89% 35%,89% 7%,100% 7%,100% 100%,0 100%);height:42%;transition:opacity .35s steps(4,end),transform .35s steps(4,end);position:absolute;inset:auto 0 0;transform:translateY(18px)}.works-carousel-rail .tilted-card:hover .tilted-card-pixel-band,.works-carousel-rail .work-card-link:focus-visible .tilted-card-pixel-band{opacity:.76;transform:translateY(0)}.works-carousel-rail .tilted-card-overlay{z-index:3;justify-content:center;align-items:center;padding:0;transition:opacity .35s steps(4,end),transform .35s steps(4,end)}.works-carousel-rail .work-card:hover .work-card-media img,.works-carousel-rail .work-card:hover .work-card-media video{filter:none;transform:none}.works-carousel-rail .work-card-body{background:0 0;height:200px;min-height:200px;padding:20px 4px;overflow:hidden}.works-carousel-rail .work-card-body h3{margin:8px 0;font-size:25px}.works-carousel-rail .work-card-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.works-carousel-rail.is-dragging .tilted-card-inner{transition:none;transform:none!important}.works-carousel-rail.is-dragging .tilted-card-overlay,.works-carousel-rail.is-dragging .tilted-card-glare,.works-carousel-rail.is-dragging .tilted-card-pixel-band{opacity:0!important}.home-works{padding-inline:var(--layout-gutter);overflow:visible}.home-works>.section-heading{width:100%;margin-inline:0}.works-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:84px 28px;width:min(1040px,100%);margin-inline:auto;display:grid}.works-list .work-card-link,.works-list .work-card-link:nth-child(n){width:100%;height:100%;min-height:0;color:inherit;outline-offset:8px;grid-column:auto;text-decoration:none;display:block}.works-list .work-card-link:focus-visible{outline:3px solid var(--craft-hot)}.works-list .work-card{width:100%;height:100%;min-height:0;box-shadow:none;transform-style:flat;background:0 0;border:0;flex-direction:column;display:flex;overflow:visible;transform:none}.works-list .work-card:after{display:none}.works-list .work-card-media{aspect-ratio:4/3;background:0 0;flex:none;width:100%;height:auto;min-height:0;overflow:visible}.works-list .work-card:hover .work-card-media img,.works-list .work-card:hover .work-card-media video{filter:none;transform:none}.pixelated-image-card{border:1px solid var(--craft-ink);isolation:isolate;background:#0a0a0a;border-radius:26px;width:100%;max-width:100%;position:relative;overflow:hidden;container-type:inline-size}.pixelated-image-card__ratio{pointer-events:none;width:100%}.pixelated-image-card__default,.pixelated-image-card__active,.pixelated-image-card__pixels{width:100%;height:100%;position:absolute;inset:0}.pixelated-image-card__default{z-index:1}.pixelated-image-card__active{z-index:2}.pixelated-image-card__active[hidden]{display:none}.pixelated-image-card__pixels{z-index:3;grid-template-columns:repeat(var(--pixel-grid-size),minmax(0,1fr));grid-template-rows:repeat(var(--pixel-grid-size),minmax(0,1fr));pointer-events:none;display:grid}.pixelated-image-card__pixel{opacity:0;min-width:0;min-height:0;display:block}.pixelated-image-card__default>img,.pixelated-image-card__default>video{object-fit:cover;background:#0a0a0a;width:100%;height:100%;display:block}.work-card-transition-panel{width:100%;height:100%;color:var(--craft-ink);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:clamp(24px,5cqw,58px);display:grid}.work-card-transition-panel.is-lime{background:var(--craft-lime)}.work-card-transition-panel.is-hot{background:var(--craft-hot);color:#fff}.work-card-transition-panel>span,.work-card-transition-panel>small{font-size:12px;font-weight:800;line-height:1.25}.work-card-transition-panel>span{grid-column:1}.work-card-transition-panel>strong{overflow-wrap:anywhere;grid-column:1/-1;align-self:center;max-width:900px;font-size:clamp(36px,8cqw,86px);line-height:.92}.work-card-transition-panel>small{grid-area:3/1;align-self:end}.flow-canvas{background:#fff3;border-bottom:1px solid #17171747;width:100%;height:280px;position:relative;overflow:hidden}.flow-canvas canvas{width:100%;height:100%;display:block}.flow-canvas-labels{inset:auto var(--layout-gutter) 20px;letter-spacing:.16em;color:#555;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute}.timeline-project{width:100%;height:100%;min-height:116px;color:var(--craft-ink);text-align:inherit;cursor:pointer;perspective:1000px;background:0 0;border:0;padding:0;display:block}.timeline-project:focus-visible{outline:3px solid var(--craft-hot);outline-offset:8px}.timeline-project-inner{width:100%;min-height:116px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.75,.25,1);display:block;position:relative}.timeline-project.is-open .timeline-project-inner{min-height:292px;transform:rotateY(180deg)}.timeline-project-face{backface-visibility:hidden;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;inset:0}.timeline-project-front{gap:9px;padding-top:0}.timeline-project-time{color:#666;font-size:11px;font-weight:700;line-height:1.3}.timeline-project-front strong{font-size:clamp(20px,2.6vw,32px);line-height:1.1}.timeline-project-back{background:var(--craft-lime);border:2px solid var(--craft-ink);box-shadow:8px 8px 0 var(--craft-hot);text-align:left;gap:13px;padding:24px 26px;overflow:hidden;transform:rotateY(180deg)}.timeline-item.is-right .timeline-project-back{background:var(--craft-hot);box-shadow:8px 8px 0 var(--craft-lime)}.timeline-project-back>span{color:var(--craft-ink)}.timeline-item.is-right .timeline-project-back>span{color:#fff}.timeline-project-back-label{letter-spacing:.12em;font-size:10px;font-weight:800}.timeline-project-description{font-size:13px;line-height:1.7;overflow:auto}.about-stack{position:relative}.about-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 24px;font-size:clamp(22px,2.6vw,34px);line-height:1.15;display:flex}.about-card-title>span{letter-spacing:.1em;font-size:11px}.about-card-title>small{color:#0a0a0aad;font-size:12px;font-weight:500}.about-stack-item:nth-of-type(2) .about-card-title>small{color:#ffffffc7}.about-card-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.about-award-group h4{margin:0 0 12px;font-size:14px}.about-pixel-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.about-pixel-list li{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:14px;line-height:1.65;display:grid}.about-pixel-list-long{gap:13px}.pixel-list-star{flex:none;width:14px;height:14px;margin-top:4px;display:block;position:relative}.pixel-list-star:before{content:"";background:currentColor;width:2px;height:2px;position:absolute;top:0;left:6px;box-shadow:0 2px,-2px 4px,0 4px,2px 4px,-6px 6px,-4px 6px,-2px 6px,0 6px,2px 6px,4px 6px,6px 6px,-2px 8px,0 8px,2px 8px,-2px 10px,2px 10px,-4px 12px,4px 12px}.smiley-playground{z-index:4;pointer-events:none;width:170px;height:94px;position:absolute;top:-36px;right:0}.playful-smiley{border:2px solid var(--craft-ink);background:var(--craft-lime);width:58px;height:58px;box-shadow:5px 5px 0 var(--craft-hot);cursor:pointer;pointer-events:auto;border-radius:50%;padding:0;transition:transform .42s cubic-bezier(.2,1.4,.35,1);position:absolute;top:18px;left:50px}.smiley-face{display:block;position:absolute;inset:0}.smiley-face.is-jumping{animation:.42s steps(4,end) smileyJump}.smiley-eye{background:var(--craft-ink);width:6px;height:8px;transform:translate3d(var(--eye-x,0),var(--eye-y,0),0);transition:transform 80ms linear;position:absolute;top:17px}.smiley-eye:first-child{left:15px}.smiley-eye:nth-child(2){right:15px}.smiley-mouth{border:3px solid #171717;border-top:0;border-radius:0 0 16px 16px;width:24px;height:12px;position:absolute;bottom:12px;left:16px}.smiley-heart{color:var(--craft-hot);pointer-events:none;font-size:19px;animation:.8s steps(5,end) forwards heartFloat;position:absolute}@keyframes smileyJump{0%,to{translate:0}50%{translate:0 -9px}}@keyframes heartFloat{0%{opacity:0;transform:translateY(8px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-48px)scale(1.25)}}.pixel-contact-button{border:2px solid var(--craft-ink);isolation:isolate;background:#fff;align-items:center;min-height:48px;padding:12px 16px;display:inline-flex;position:relative;overflow:hidden;text-decoration:none!important}[data-interaction=cta]{--cta-x:50%;--cta-y:50%;isolation:isolate}[data-interaction=cta]:before{content:"";z-index:0;background:repeating-conic-gradient(var(--craft-hot) 0 25%,var(--craft-lime) 0 50%,var(--craft-ink) 0 75%,#fff 0) 0/14px 14px;width:auto;transform-origin:var(--cta-x) var(--cta-y);pointer-events:none;transition:transform .36s steps(6,end);position:absolute;inset:0;transform:scale(0)}[data-interaction=cta]:hover:before,[data-interaction=cta]:focus-visible:before{transform:scale(1.45)}[data-interaction=cta]>span,[data-interaction=cta]>i{z-index:2;position:relative}.pixel-contact-button span{background:#fff;padding:2px 5px}.button-primary>span,.button-primary>i{background:var(--craft-ink);padding-inline:3px}.button-secondary>span,.button-secondary>i{background:#fff;padding-inline:3px}.back-to-top{z-index:90;top:92px;right:var(--layout-gutter);background:var(--craft-lime);color:#171717;width:46px;height:46px;box-shadow:5px 5px 0 var(--craft-hot);cursor:pointer;opacity:0;visibility:hidden;border:2px solid #171717;font-size:21px;transition:opacity .18s,transform .18s,visibility .18s;position:fixed;transform:translateY(-12px)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px)}.site-footer.interactive-footer{color:#171717;background:#fff;border-top:2px solid #171717;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.footer-skyline{width:100%;height:280px;transition:height .35s steps(5,end)}.footer-skyline canvas{width:100%;height:100%;display:block}.footer-content{z-index:2;padding:28px var(--layout-gutter) 32px;justify-content:flex-end;align-items:center;display:flex;position:relative}.footer-play{background:var(--craft-hot);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--craft-lime);border:2px solid #171717;align-items:center;gap:12px;padding:10px 13px;font-weight:800;display:inline-flex}.footer-play i{font-size:10px;font-style:normal}.interactive-footer.is-playing .footer-skyline{height:150px}.interactive-footer.is-playing .footer-content{top:auto;bottom:auto}.tetris-panel{width:var(--layout-width);color:#171717;background:#fff;grid-template-columns:minmax(240px,1fr) minmax(240px,360px) minmax(180px,1fr);grid-template-areas:"header stage controls";align-items:start;gap:42px;margin:0 auto;padding:54px 0 60px;display:grid}.tetris-header{letter-spacing:.12em;flex-direction:column;grid-area:header;gap:16px;font-size:12px;display:flex}.tetris-header strong{color:var(--craft-lime);font-size:clamp(28px,4vw,56px);line-height:.95}.tetris-header button{color:#171717;cursor:pointer;background:#fff;border:1px solid #171717;width:42px;height:42px;font-size:24px}.tetris-stage{border:2px solid var(--craft-hot);width:min(100%,300px);box-shadow:8px 8px 0 var(--craft-lime);grid-area:stage;justify-self:center;position:relative}.tetris-stage canvas{width:100%;height:auto;image-rendering:pixelated;display:block}.tetris-game-over{color:var(--craft-hot);text-align:center;background:#0d0d0de0;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:26px;display:flex;position:absolute;inset:0}.tetris-game-over button{background:var(--craft-hot);color:#fff;cursor:pointer;border:2px solid #fff;padding:10px 14px}.tetris-controls{grid-area:controls;grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,52px);justify-content:center;gap:8px;display:grid}.tetris-controls button{color:#171717;cursor:pointer;background:#fff;border:1px solid #171717;font-size:22px}.tetris-controls button:first-child{grid-area:2/1}.tetris-controls button:nth-child(2){grid-area:1/2}.tetris-controls button:nth-child(3){grid-area:2/3}.tetris-controls button:nth-child(4){grid-area:2/2}.tetris-controls button:hover,.tetris-controls button:active{background:var(--craft-hot);color:#fff}@media (width<=900px){.works-carousel-rail .work-card-link,.works-carousel-rail .work-card-link:nth-child(n){flex-basis:min(84vw,400px);width:min(84vw,400px)}.works-list{gap:68px 20px}.tetris-panel{grid-template-columns:1fr 1fr;grid-template-areas:"header stage""controls stage";gap:28px}.smiley-playground{transform-origin:100% 0;top:-20px;right:-10px;transform:scale(.85)}.timeline-list{width:min(760px,100%);padding-left:0}.timeline-list:before{left:15px;transform:none}.timeline-item,.timeline-item.is-left,.timeline-item.is-right{text-align:left;width:100%;margin-left:0;padding:0 0 34px 46px}.timeline-item:before,.timeline-item.is-right:before{left:15px;transform:translate(-50%)}.about-card-content{grid-template-columns:1fr;gap:18px}}@media (width<=760px){.works-list{grid-template-columns:minmax(0,1fr);gap:74px}}@media (width<=620px){.home-works{padding-left:6vw}.works-carousel-toolbar{grid-template-columns:1fr auto;width:88vw}.works-carousel-status{display:none}.works-carousel-rail{gap:14px;padding-right:6vw}.works-carousel-rail .work-card-link,.works-carousel-rail .work-card-link:nth-child(n){flex-basis:84vw;width:84vw;height:500px;min-height:500px}.works-carousel-rail .work-card{height:500px;min-height:500px}.works-carousel-rail .work-card-media{height:310px;min-height:310px}.works-carousel-rail .work-card-body{height:190px;min-height:190px}.home-works{padding-inline:6vw}.home-works>.section-heading{width:100%;margin-right:0}.works-list{gap:74px}.work-card-transition-panel{padding:22px}.work-card-transition-panel>strong{font-size:clamp(28px,9cqw,44px)}.work-card-transition-panel>span,.work-card-transition-panel>small{font-size:9px}.flow-canvas{height:220px}.flow-canvas-labels{font-size:8px;inset:auto 6vw 14px}.smiley-playground{margin:0 0 12px auto;position:relative;top:auto;right:auto}.about-stack-item,.about-stack-item:nth-of-type(2),.about-stack-item:nth-of-type(3){min-height:0;margin-bottom:36px;padding:28px 22px;position:relative;top:auto;transform:none}.about-card-title{gap:6px;margin-bottom:20px;font-size:23px}.about-card-title>small{width:100%;font-size:11px}.about-pixel-list li{grid-template-columns:16px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.7}.back-to-top{top:auto;bottom:22px;right:6vw}.footer-content{padding:24px 6vw 28px}.tetris-panel{grid-template-columns:1fr;grid-template-areas:"header""stage""controls";width:88vw;padding-top:44px}.tetris-header{text-align:center;align-items:center}.tetris-controls{margin-top:6px}}@media (hover:none),(pointer:coarse){.works-carousel-rail .tilted-card-inner{transform:none!important}.works-carousel-rail .tilted-card-glare,.works-carousel-rail .tilted-card-overlay,.works-carousel-rail .tilted-card-pixel-band{display:none}}@media (prefers-reduced-motion:reduce){.brand:hover,.brand:focus-visible,.smiley-face,.smiley-heart{animation:none}.works-carousel-arrows button,.back-to-top,.footer-skyline,.achievement-list li{transition:none}.works-carousel-rail .tilted-card-inner{transform:none!important}.works-carousel-rail .tilted-card-glare,.works-carousel-rail .tilted-card-pixel-band,.pixelated-image-card__pixels{display:none}[data-interaction=cta]:before{transition:none}.achievement-list li:hover,.achievement-list li:focus-visible{transform:none}}.work-detail .detail-header:after{content:none}.work-detail-social-media .detail-header>p,.work-detail-tour-visuals .detail-header>p,.work-detail-tour-visuals .detail-header .variable-proximity-title{width:100%;max-width:1068px}.variable-proximity-title{--proximity-base:var(--craft-ink);--proximity-accent:var(--craft-hot);color:var(--proximity-base);isolation:isolate;flex-wrap:wrap;align-items:baseline;display:flex}.variable-proximity-char{color:var(--proximity-base);font-variation-settings:"wght" calc(650 + var(--proximity) * 250);transform:translate3d(0,calc(var(--proximity) * -.075em),0) scale(calc(1 + var(--proximity) * .11));transform-origin:50% 78%;text-shadow:calc(var(--proximity) * 4px) calc(var(--proximity) * 5px) 0 #d8ff00d1;will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),color .12s steps(3,end),text-shadow .18s steps(4,end);display:inline-block}.variable-proximity-char[data-active]{color:var(--proximity-accent)}@media (prefers-reduced-motion:reduce){.variable-proximity-char{text-shadow:none;transition:color .12s steps(2,end);transform:none}}.work-detail-picture-books{padding-top:0}.picture-books-back-link{z-index:9;color:#0a0a0a;background:#ffffffe6;border:1px solid #0a0a0a80;padding:8px 10px;position:absolute;top:104px;left:0;box-shadow:5px 5px #e0492a}.work-detail .picture-books-hero{isolation:isolate;background:#0a0a0a;border:0;width:100vw;min-height:max(680px,100svh);margin-left:calc(50% - 50vw);padding:0;position:relative;overflow:hidden}.picture-books-hero-video{z-index:0;object-fit:cover;object-position:center;filter:saturate(.96)contrast(1.02);width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.work-detail .picture-books-hero:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 82px 34px #ffffffdb}.work-detail .picture-books-hero:after{content:"";z-index:1;pointer-events:none;clip-path:none;opacity:1;-webkit-backdrop-filter:blur(13px);-webkit-mask-composite:source-over;background:0 0;width:auto;height:auto;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}.picture-books-hero-copy{z-index:2;left:var(--layout-gutter);right:var(--layout-gutter);color:#fff;text-shadow:3px 4px #0a0a0ad1;position:absolute;bottom:clamp(48px,7vh,76px)}.picture-books-hero-copy>span{color:#fff;text-shadow:none;background:#0a0a0a;margin-bottom:18px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-block}.work-detail .picture-books-hero .variable-proximity-title{--proximity-base:#fff;--proximity-accent:#d8ff00;max-width:1120px;margin:0;font-size:clamp(68px,9vw,132px);line-height:.9}.picture-books-hero-copy>p{color:#fff;text-shadow:2px 3px #0a0a0adb;max-width:820px;margin:24px 0 0;font-size:clamp(14px,1.45vw,20px);font-weight:700;line-height:1.65}.book-gallery{grid-template-columns:minmax(0,1fr);gap:112px;width:100%;display:grid;overflow:visible}.book-viewer-section{--book-accent:#d8ff00;min-width:0}.book-viewer-orange{--book-accent:#e0492a}.book-viewer-black{--book-accent:#0a0a0a}.book-viewer-header{border-top:2px solid #0a0a0a;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:14px 0;display:flex}.book-viewer-title{align-items:center;gap:14px;min-width:0;display:flex}.book-viewer-title>span{color:#0a0a0a;background:var(--book-accent);letter-spacing:0;border:2px solid #0a0a0a;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.book-viewer-black .book-viewer-title>span{color:#fff}.book-viewer-title h3{letter-spacing:0;margin:0;font-size:28px;line-height:1}.book-viewer-count{color:#0a0a0a;white-space:nowrap;background:#fff;border:1px solid #0a0a0a;flex:none;padding:7px 9px;font-size:9px;font-weight:800;line-height:1}.book-embed-shell{width:100%;height:auto;box-shadow:none;isolation:isolate;background:0 0;border:0;outline:none;display:block;position:relative;overflow:hidden}.book-embed-shell:focus-visible{outline:2px solid var(--book-accent);outline-offset:2px}.book-reader-stage{background:0 0;justify-content:center;align-items:center;width:100%;min-width:0;height:auto;min-height:0;padding:56px 0;display:flex;position:relative;overflow:hidden}.book-engine-mount{transform-origin:0 0;width:100%;max-width:1440px;margin:auto}.book-flipbook-engine{filter:drop-shadow(0 12px 12px #0a0a0a3b);cursor:grab;margin:auto}.book-flipbook-engine:active{cursor:grabbing}.book-page{-webkit-user-select:none;user-select:none;background:#fff;overflow:hidden}.book-page img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block}@media (width<=980px){.book-gallery{gap:88px}}@media (width<=620px){.book-gallery{gap:72px;width:100%}.book-viewer-header{min-height:62px}.book-viewer-title h3{font-size:23px}.book-viewer-count{font-size:8px}.picture-books-back-link{font-size:9px;top:86px;left:0}.work-detail .picture-books-hero{min-height:max(620px,100svh)}.work-detail .picture-books-hero:before{box-shadow:inset 0 0 36px 16px #ffffffd1}.work-detail .picture-books-hero:after{-webkit-backdrop-filter:blur(8px)}.picture-books-hero-copy{bottom:58px;left:6vw;right:6vw}.work-detail .picture-books-hero .variable-proximity-title{font-size:clamp(58px,18vw,80px)}.picture-books-hero-copy>p{margin-top:18px;font-size:13px;line-height:1.55}.book-embed-shell{width:100%;height:auto}.book-reader-stage{align-items:center;padding:56px 10px}}.social-showcase{grid-template-columns:minmax(0,1fr);gap:120px;width:100%;min-width:0;display:grid}.social-showcase-portraits{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;display:grid}.phone-showcase-unit{min-width:0}.phone-showcase-unit.is-portrait{justify-self:center;width:min(100%,360px)}.phone-showcase-unit.is-landscape{width:100%}.phone-showcase-toolbar{border-top:2px solid #0a0a0a;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:50px;padding:7px 0;display:flex}.phone-showcase-toolbar>span{letter-spacing:0;font-size:11px;font-weight:800;line-height:1.25}.phone-showcase-toolbar>div{flex:none;align-items:center;gap:7px;display:flex}.phone-showcase-toolbar output{font-variant-numeric:tabular-nums;min-width:44px;font-size:10px;font-weight:700}.phone-showcase-toolbar button{color:#0a0a0a;cursor:pointer;background:#fff;border:2px solid #0a0a0a;place-items:center;width:34px;height:34px;padding:0;font-size:17px;line-height:1;transition:background .16s steps(3,end),color .16s steps(3,end);display:grid}.phone-showcase-toolbar button:hover,.phone-showcase-toolbar button:focus-visible{background:#d8ff00}.phone-showcase-toolbar button:disabled{color:#8b8b8b;cursor:default;opacity:.45;background:#fff}.phone-device{isolation:isolate;background:0 0;margin-inline:auto;position:relative}.phone-device-portrait{aspect-ratio:941/1672;width:min(100%,340px)}.phone-device-landscape{aspect-ratio:1672/941;width:100%}.phone-screen{z-index:1;background:#0a0a0a;position:absolute;overflow:hidden}.phone-device-portrait .phone-screen{border-radius:11%/5%;inset:10.1% 18.7%}.phone-device-landscape .phone-screen{border-radius:4%/10%;inset:14.6% 8.4%}.phone-screen-rail{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:flex;overflow:auto hidden}.phone-screen-rail::-webkit-scrollbar{display:none}.phone-screen-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.phone-screen-rail:focus-visible{outline-offset:-4px;outline:4px solid #d8ff00}.phone-profile-scroll{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;cursor:grab;background:#0a0a0a;width:100%;height:100%;overflow:hidden auto}.phone-profile-scroll::-webkit-scrollbar{display:none}.phone-profile-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.phone-profile-scroll:focus-visible{outline-offset:-4px;outline:4px solid #d8ff00}.phone-profile-long-image{pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0a0a;width:100%;max-width:none;height:auto;min-height:100%;display:block}.phone-screen-slide{scroll-snap-align:start;background:#fff;flex:0 0 100%;width:100%;height:100%;margin:0;position:relative;overflow:hidden}.phone-screen-slide img,.phone-screen-slide video{pointer-events:none;width:100%;height:100%;display:block}.phone-device-portrait .phone-screen-slide img{object-fit:cover}.phone-device-landscape .phone-screen-slide{background:#0a0a0a}.phone-device-landscape .phone-screen-slide video{object-fit:contain;background:#0a0a0a}.phone-frame-art{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply;max-width:none;position:absolute;top:50%;left:50%}.phone-device-landscape .phone-frame-art{z-index:3;width:100%;height:100%;transform:translate(-50%,-50%)}.phone-device-portrait .phone-frame-art{width:177.7%;height:56.3%;transform:translate(-50%,-50%)rotate(90deg)}@media (width<=980px){.social-showcase{gap:96px}.social-showcase-portraits{gap:32px}.phone-showcase-unit.is-portrait{width:min(100%,340px)}}@media (width<=700px){.social-showcase{gap:80px}.social-showcase-portraits{grid-template-columns:1fr;gap:80px}.phone-showcase-unit.is-portrait{width:min(82vw,340px)}.phone-showcase-toolbar>span{font-size:10px}.phone-showcase-toolbar output{min-width:40px}.phone-showcase-toolbar button{width:32px;height:32px}}body.tour-detail-theme{color:#fff;background:#050505}.tour-detail-theme .site-background{display:none}.tour-detail-theme main{background:#050505}.tour-detail-theme .site-header{background:#050505eb;border-color:#333}.tour-detail-theme .site-header .brand,.tour-detail-theme .site-header nav a{color:#fff}.tour-detail-theme .site-header nav a:after{background:#d8ff00}.tour-detail-theme .work-detail{color:#fff}.tour-detail-theme .variable-proximity-title{--proximity-base:#fff}.tour-detail-theme .back-link,.tour-detail-theme .detail-header>span,.tour-detail-theme .detail-header p{color:#a9a9a9}.tour-detail-theme .detail-header,.tour-detail-theme .detail-section{border-color:#333}.tour-detail-theme .work-introduction{color:#f5f5f5}.tour-detail-theme .achievement-list li{color:#fff;background:#0a0a0a;border-color:#3a3a3a;box-shadow:4px 4px #1f1f1f}.tour-detail-theme .achievement-list li:hover,.tour-detail-theme .achievement-list li:focus-visible{border-color:#d8ff00;box-shadow:7px 7px #e0492a}.tour-detail-theme .side-index a{color:#737373}.tour-detail-theme .side-index a.is-active{color:#d8ff00}.tour-detail-theme .site-footer.interactive-footer{color:#fff;background:#050505;border-color:#fff}.tour-detail-theme .cursor-dot{background:#fff}.tour-detail-theme .cursor-label{color:#d8ff00;border-color:#d8ff00}.work-detail-tour-visuals #display{grid-template-columns:minmax(0,1fr);gap:42px;width:100vw;margin-left:calc(50% - 50vw);padding:90px 0 0;display:grid;position:relative;overflow:hidden}.work-detail-tour-visuals #display>h2{z-index:7;color:#fff;text-align:center;background:#050505;border:1px solid #4a4a4a;justify-self:center;width:auto;margin:0;padding:8px 10px;font-size:12px;line-height:1;position:static}.tour-stage-showcase{aspect-ratio:1672/941;isolation:isolate;background:#050505;width:100%;position:relative;overflow:hidden}.tour-stage-showcase:after{content:"";z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(13px);-webkit-mask-composite:source-over;background:#0505050a;position:absolute;inset:-1px;box-shadow:inset 0 0 42px 12px #050505d1;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 8% 92%,#000 100%),linear-gradient(#000 0,#0000 7% 96%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 8% 92%,#000 100%),linear-gradient(#000 0,#0000 7% 96%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}.tour-stage-screen{z-index:3;background:#000;position:absolute;inset:12.5% 9.1% 28.5% 10.5%;overflow:hidden}.tour-stage-screen video{object-fit:cover;object-position:50% 50%;background:#000;width:104%;max-width:none;height:104%;display:block;position:absolute;inset:-2%}.tour-stage-art{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.tour-next-track{z-index:4;aspect-ratio:856/679;color:#0a0a0a;cursor:pointer;filter:drop-shadow(7px 8px #d8ff00d1);background:0 0;border:0;width:min(19%,180px);min-width:130px;padding:0;transition:transform .18s steps(3,end);position:absolute;bottom:1.5%;right:2.5%}.tour-next-track:hover,.tour-next-track:focus-visible{transform:translateY(-5px)}.tour-next-track:focus-visible{outline-offset:5px;outline:3px solid #d8ff00}.tour-next-track>img{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tour-next-track>span,.tour-next-track>small{z-index:1;white-space:nowrap;letter-spacing:0;position:absolute;left:50%;translate:-50% -50%}.tour-next-track>span{font-size:17px;font-weight:900;top:43%}.tour-next-track>small{font-variant-numeric:tabular-nums;font-size:9px;font-weight:800;top:61%}.tour-enable-sound{z-index:5;color:#0a0a0a;cursor:pointer;background:#d8ff00;border:2px solid #fff;place-items:center;width:42px;height:42px;padding:0;font-size:20px;font-weight:900;display:grid;position:absolute;top:15%;right:10.8%;box-shadow:5px 5px #e0492a}.tour-enable-sound:hover,.tour-enable-sound:focus-visible{background:#fff}@media (width<=700px){.work-detail-tour-visuals #display{gap:38px;padding-top:74px}.work-detail-tour-visuals #display>h2{padding:6px 8px;font-size:10px}.tour-stage-showcase:after{-webkit-backdrop-filter:blur(7px);box-shadow:inset 0 0 22px 7px #050505c2;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 6% 94%,#000 100%),linear-gradient(#000 0,#0000 5% 98%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 6% 94%,#000 100%),linear-gradient(#000 0,#0000 5% 98%,#000 100%)}.tour-next-track{filter:drop-shadow(4px 5px #d8ff00d1);width:28%;min-width:92px;bottom:-3%;right:1%}.tour-next-track>span{font-size:12px}.tour-next-track>small{font-size:7px}.tour-enable-sound{width:34px;height:34px;font-size:16px;top:14%;right:11%;box-shadow:3px 3px #e0492a}}@media (width<=620px){.work-detail-social-media .detail-header .variable-proximity-title{white-space:nowrap;flex-wrap:nowrap;max-width:100%;font-size:40px}.work-detail-tour-visuals .detail-header .variable-proximity-title{white-space:nowrap;flex-wrap:nowrap;max-width:100%;font-size:34px}}body.ip-design-detail-theme{color:#173424;background:#dcefd0}.ip-design-detail-theme .site-background{background-color:#dcefd0;background-image:linear-gradient(#ffffffeb 1px,#0000 1px),linear-gradient(90deg,#ffffffeb 1px,#0000 1px);background-size:14px 14px}.ip-design-detail-theme .site-background .faulty-terminal{display:none}.ip-design-detail-theme main{background:0 0}.ip-design-detail-theme .site-header{background:#f5fcf0e6;border-color:#2d5c373d}.ip-design-detail-theme .site-header nav a:after{background:#e0492a}.ip-design-detail-theme .site-footer.interactive-footer{background:#f0f9e9f0;border-color:#315f3c}.ip-design-detail-theme .side-index a{color:#6b8b70}.ip-design-detail-theme .side-index a.is-active{color:#315f3c}.work-detail-ip-design{color:#173424;padding-top:0}.ip-design-back-link{z-index:9;color:#173424;background:#ffffffe6;border:1px solid #17342480;padding:8px 10px;position:absolute;top:104px;left:0;box-shadow:5px 5px #b8dd83}.work-detail .ip-design-hero{isolation:isolate;background:#bad99f;border:0;width:100vw;min-height:max(680px,100svh);margin-left:calc(50% - 50vw);padding:0;position:relative;overflow:hidden}.ip-design-hero-video{z-index:0;object-fit:cover;object-position:center;filter:saturate(.98)contrast(1.02);width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.work-detail .ip-design-hero:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px 30px #dcefd0c2}.work-detail .ip-design-hero:after{content:"";z-index:1;pointer-events:none;clip-path:none;opacity:1;-webkit-backdrop-filter:blur(12px);-webkit-mask-composite:source-over;background:0 0;width:auto;height:auto;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 8% 92%,#000 100%),linear-gradient(#000 0,#0000 8% 92%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 8% 92%,#000 100%),linear-gradient(#000 0,#0000 8% 92%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}.ip-design-hero-copy{z-index:2;left:var(--layout-gutter);right:var(--layout-gutter);color:#fff;text-shadow:3px 4px #173424d1;position:absolute;bottom:clamp(52px,9vh,96px)}.ip-design-hero-copy>span{color:#fff;background:#173424;margin-bottom:18px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-block}.work-detail .ip-design-hero .variable-proximity-title{--proximity-base:#fff;--proximity-accent:#d8ff00;max-width:1120px;margin:0;font-size:clamp(58px,9vw,132px);line-height:.88}.work-detail-ip-design .detail-section{border-color:#315f3c57}.work-detail-ip-design .work-introduction{color:#173424}.work-detail-ip-design #introduction{padding-top:110px;padding-bottom:110px}.work-detail-ip-design #display{padding-top:110px;padding-bottom:130px}.work-detail-ip-design .achievement-list li{color:#173424;background:#fff;border-color:#8ebc77}.ip-design-showcase{grid-column:1;grid-template-columns:minmax(0,1fr);gap:150px;min-width:0;display:grid}.ip-showcase-block{min-width:0}.ip-showcase-heading{border-bottom:2px solid #315f3c;align-items:center;gap:16px;margin-bottom:38px;padding-bottom:16px;display:flex}.ip-showcase-heading>span{color:#173424;background:#d8ff00;border:2px solid #173424;flex:none;place-items:center;width:44px;height:44px;font-size:11px;font-weight:900;display:grid;box-shadow:5px 5px #e0492a}.ip-showcase-heading h3{margin:0;font-size:clamp(30px,4vw,54px);line-height:1}.ip-material-layout,.ip-blind-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:center;gap:42px;display:grid}.ip-feature-visual{isolation:isolate;border-radius:26px;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 0 36px 18px #dcefd0e6}.ip-feature-visual:after{content:"";pointer-events:none;position:absolute;inset:-1px;box-shadow:inset 0 0 34px 16px #dcefd0bd}.ip-feature-visual img{aspect-ratio:1.1;object-fit:cover;width:100%;height:auto;display:block}.ip-feature-story-card{aspect-ratio:1.1;color:#173424;cursor:pointer;perspective:1200px;background:0 0;border:0;border-radius:26px;width:100%;min-width:0;padding:0;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.ip-feature-story-card-inner{transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.78,.25,1);display:block;position:absolute;inset:0}.ip-feature-story-card.is-flipped .ip-feature-story-card-inner{transform:rotateY(180deg)}.ip-feature-story-card-face{backface-visibility:hidden;background:#fff;border:1px solid #6e9971;border-radius:26px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 36px 18px #dcefd0e6}.ip-feature-story-card-front:after{content:"";pointer-events:none;position:absolute;inset:-1px;box-shadow:inset 0 0 34px 16px #dcefd0bd}.ip-feature-story-card-front img{object-fit:cover;width:100%;height:100%;display:block}.ip-feature-story-card-back{background:#f5faef;padding:clamp(24px,4vw,54px);transform:rotateY(180deg)}.ip-feature-story-card-back p{text-align:center;max-width:460px;margin:0;font-size:clamp(14px,1.55vw,21px);font-weight:700;line-height:1.8}.ip-feature-story-card-icon{z-index:3;color:#173424;background:#d8ff00;border:1px solid #173424;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;transition:transform .68s cubic-bezier(.2,.78,.25,1);display:grid;position:absolute;top:14px;right:14px;box-shadow:3px 3px #e0492a}.ip-feature-story-card.is-flipped .ip-feature-story-card-icon{transform:rotate(180deg)}.ip-feature-story-card:hover{transform:translateY(-4px)}.ip-feature-story-card:focus-visible{outline-offset:4px;outline:3px solid #e0492a}.ip-material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;display:grid}.ip-product-card{aspect-ratio:.9;background:#fff;border:1px solid #6e9971;border-radius:18px;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s steps(4,end);display:grid;overflow:hidden;box-shadow:5px 5px #315f3c33}.ip-product-card img{object-fit:contain;width:100%;height:100%;min-height:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.ip-product-card figcaption{background:#f2f8ed;border-top:1px solid #b8d2b6;justify-content:space-between;align-items:center;gap:6px;min-height:34px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.ip-product-card figcaption>span{color:#6b8b70}.ip-product-card:hover,.ip-product-card:focus-visible{outline:0;transform:translateY(-6px);box-shadow:8px 9px #b8dd83}.ip-product-card:hover img,.ip-product-card:focus-visible img{transform:scale(1.035)}.ip-blind-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);align-items:stretch}.ip-feature-visual-blind{aspect-ratio:1310/1201;height:auto;min-height:0}.ip-feature-visual-blind img{aspect-ratio:auto;object-fit:cover;height:100%}.ip-blind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;display:grid}.ip-blind-card{aspect-ratio:3/4;color:#173424;cursor:pointer;perspective:1100px;background:0 0;border:0;min-width:0;padding:0;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.ip-blind-card:hover,.ip-blind-card:focus-visible{outline:0;transform:translateY(-6px)}.ip-blind-card:focus-visible .ip-blind-card-face{outline-offset:3px;outline:3px solid #e0492a}.ip-blind-card-inner{transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.78,.25,1);display:block;position:absolute;inset:0}.ip-blind-card.is-flipped .ip-blind-card-inner{transform:rotateY(180deg)}.ip-blind-card-face{backface-visibility:hidden;background:#fff;border:1px solid #6e9971;border-radius:18px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:6px 7px #315f3c38}.ip-blind-card-back{transform:rotateY(180deg)}.ip-blind-card-face img{object-fit:contain;width:100%;height:100%;display:block}.ip-blind-card-front img{object-fit:cover}.ip-blind-card-icon{z-index:3;color:#173424;background:#d8ff00;border:1px solid #173424;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;font-weight:900;transition:transform .65s cubic-bezier(.2,.78,.25,1);display:grid;position:absolute;top:8px;right:8px;box-shadow:3px 3px #e0492a}.ip-blind-card.is-flipped .ip-blind-card-icon{transform:rotate(180deg)}@media (width>=981px){.ip-blind-grid{grid-template-rows:repeat(2,minmax(0,1fr));height:100%}.ip-blind-card{aspect-ratio:auto;height:100%}}.ip-expression-block{gap:44px;display:grid}.ip-expression-block>.ip-showcase-heading{margin-bottom:0}.ip-long-panel{background:#fff;border:1px solid #6e9971;border-radius:26px;margin:0;padding:28px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s steps(4,end);box-shadow:9px 10px #315f3c33}.ip-long-panel:hover{transform:translateY(-5px);box-shadow:12px 14px #b8dd83}.ip-long-panel h4{margin:0 0 24px;font-size:18px}.ip-action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.ip-action-grid img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .26s cubic-bezier(.2,.8,.2,1);display:block}.ip-action-grid img:hover{transform:translateY(-6px)scale(1.04)}.ip-sticker-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.ip-sticker-grid figure{text-align:center;min-width:0;margin:0}.ip-sticker-grid img{aspect-ratio:1;object-fit:contain;border-radius:8px;width:100%;transition:transform .24s cubic-bezier(.2,.8,.2,1);display:block}.ip-sticker-grid figure:hover img{transform:translateY(-5px)scale(1.04)}.ip-sticker-grid figcaption{color:#56705b;margin-top:6px;font-size:9px;font-weight:800}@media (width<=980px){.ip-design-showcase{grid-column:1;gap:120px}.ip-material-layout,.ip-blind-layout{grid-template-columns:1fr;gap:54px}.ip-feature-visual,.ip-feature-story-card{width:min(100%,680px);margin-inline:auto}.ip-blind-grid{grid-row:1}.ip-feature-visual-blind{grid-row:2}}@media (width<=700px){.ip-design-back-link{font-size:9px;top:86px;left:0}.work-detail .ip-design-hero{min-height:max(620px,100svh)}.work-detail .ip-design-hero:before{box-shadow:inset 0 0 34px 14px #dcefd0b8}.work-detail .ip-design-hero:after{-webkit-backdrop-filter:blur(7px)}.ip-design-hero-copy{bottom:64px;left:6vw;right:6vw}.work-detail .ip-design-hero .variable-proximity-title{font-size:clamp(46px,14vw,72px)}.work-detail-ip-design #introduction,.work-detail-ip-design #display{padding-top:76px;padding-bottom:84px}.ip-design-showcase{gap:92px}.ip-showcase-heading{margin-bottom:28px}.ip-showcase-heading>span{width:38px;height:38px}.ip-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ip-product-card{aspect-ratio:.94}.ip-blind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ip-long-panel{border-radius:20px;padding:22px 16px}.ip-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ip-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}}@media (width<=620px){.work-detail .ip-design-hero .variable-proximity-title{white-space:nowrap;flex-wrap:nowrap;max-width:100%;font-size:36px}}@media (prefers-reduced-motion:reduce){.ip-product-card,.ip-product-card img,.ip-feature-story-card,.ip-feature-story-card-inner,.ip-feature-story-card-icon,.ip-blind-card,.ip-blind-card-inner,.ip-blind-card-icon,.ip-long-panel,.ip-action-grid img,.ip-sticker-grid img{transition:none}}body.xunyi-detail-theme{color:#382c1f;background:#f2e7b8}.xunyi-detail-theme .site-background{background-color:#f2e7b8;background-image:linear-gradient(#fffffff0 1px,#0000 1px),linear-gradient(90deg,#fffffff0 1px,#0000 1px);background-size:14px 14px}.xunyi-detail-theme .site-background .faulty-terminal{display:none}.xunyi-detail-theme main{background:0 0}.xunyi-detail-theme .site-header{background:#faf5dbe6;border-color:#5940223d}.xunyi-detail-theme .site-header nav a:after{background:#e0492a}.xunyi-detail-theme .site-footer.interactive-footer{background:#faf5dbf2;border-color:#765631}.xunyi-detail-theme .side-index a{color:#927a58}.xunyi-detail-theme .side-index a.is-active{color:#4d3824}.work-detail-xunyi{color:#382c1f;padding-top:0}.xunyi-back-link{z-index:9;color:#382c1f;background:#ffffffe6;border:1px solid #382c1f80;padding:8px 10px;position:absolute;top:104px;left:0;box-shadow:5px 5px #e7c967}.work-detail .xunyi-hero{isolation:isolate;background:#e9d68f;border:0;width:100vw;min-height:max(680px,100svh);margin-left:calc(50% - 50vw);padding:0;position:relative;overflow:hidden}.xunyi-hero-image{z-index:0;object-fit:cover;object-position:center;filter:saturate(.96)contrast(1.02);width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.work-detail .xunyi-hero:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px 34px #f2e7b8e0}.work-detail .xunyi-hero:after{content:"";z-index:1;pointer-events:none;clip-path:none;opacity:1;-webkit-backdrop-filter:blur(13px);-webkit-mask-composite:source-over;background:0 0;width:auto;height:auto;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}.xunyi-hero-copy{z-index:2;left:var(--layout-gutter);right:var(--layout-gutter);color:#382c1f;text-shadow:3px 4px #ffffffe6;position:absolute;bottom:clamp(48px,7vh,74px)}.work-detail .xunyi-hero .variable-proximity-title{--proximity-base:#382c1f;--proximity-accent:#e0492a;max-width:1120px;margin:0;font-size:clamp(68px,9vw,132px);line-height:.9}.work-detail-xunyi .detail-section{border-color:#76563157}.work-detail-xunyi .work-introduction{color:#382c1f}.work-detail-xunyi #introduction{padding-top:110px;padding-bottom:110px}.work-detail-xunyi #display{padding-top:110px;padding-bottom:140px}.work-detail-xunyi .achievement-list li{color:#382c1f;background:#fff;border-color:#c4a861}.xunyi-showcase{grid-column:1;grid-template-columns:minmax(0,1fr);gap:150px;min-width:0;display:grid}.xunyi-showcase-block{min-width:0}.xunyi-showcase-heading{border-bottom:2px solid #765631;align-items:center;gap:16px;margin-bottom:42px;padding-bottom:16px;display:flex}.xunyi-showcase-heading>span{color:#382c1f;background:#d8ff00;border:2px solid #382c1f;flex:none;place-items:center;width:44px;height:44px;font-size:11px;font-weight:900;display:grid;box-shadow:5px 5px #e0492a}.xunyi-showcase-heading h3{margin:0;font-size:clamp(30px,4vw,54px);line-height:1}.xunyi-character-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(8px,2vw,28px);display:grid}.xunyi-character{background:0 0;outline:0;min-width:0;margin:0;padding:0 0 42px;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s steps(5,end);position:relative}.xunyi-character img{aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 14px 10px #54371b2e);width:100%;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s steps(5,end);display:block}.xunyi-character figcaption{white-space:nowrap;color:#382c1f;background:#fff;border:1px solid #765631;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:800;transition:background .24s steps(4,end),box-shadow .24s steps(4,end);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:4px 4px #e7c967}.xunyi-character figcaption span{color:#a37c43}.xunyi-character:hover,.xunyi-character:focus-visible{transform:translateY(-10px)}.xunyi-character:hover img,.xunyi-character:focus-visible img{transform:scale(1.035) rotate(calc((var(--character-index) - 1.5) * 1deg));filter:drop-shadow(0 22px 14px #54371b40)}.xunyi-character:hover figcaption,.xunyi-character:focus-visible figcaption{background:#d8ff00;box-shadow:6px 6px #e0492a}.xunyi-map-visual{background:#e9d68f;border:2px solid #765631;border-radius:26px;outline:0;margin:0;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s steps(5,end);overflow:hidden;box-shadow:10px 11px #76563133}.xunyi-map-visual img{aspect-ratio:2;object-fit:cover;width:100%;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s steps(5,end);display:block}.xunyi-map-visual:hover,.xunyi-map-visual:focus-visible{transform:translateY(-7px);box-shadow:15px 16px #e7c967}.xunyi-map-visual:hover img,.xunyi-map-visual:focus-visible img{filter:saturate(1.08)contrast(1.025);transform:scale(1.018)}.xunyi-card-pair{justify-content:center;align-items:stretch;gap:28px;min-width:0;height:clamp(300px,42vw,560px);display:flex}.xunyi-card-design{background:#fff;border:1px solid #b89b5d;border-radius:26px;outline:0;min-width:0;height:100%;margin:0;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s steps(5,end);overflow:hidden;box-shadow:8px 9px #76563133}.xunyi-card-design-one{aspect-ratio:1052/1055}.xunyi-card-design-two{aspect-ratio:846/1036}.xunyi-card-design img{object-fit:cover;width:100%;height:100%;transition:transform .38s cubic-bezier(.2,.8,.2,1);display:block}.xunyi-card-design:hover,.xunyi-card-design:focus-visible{transform:translateY(-7px);box-shadow:13px 14px #e7c967}.xunyi-card-design:hover img,.xunyi-card-design:focus-visible img{transform:scale(1.018)}.xunyi-packaging-pair{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,56px);display:grid}.xunyi-packaging-pair figure{background:0 0;outline:0;min-width:0;margin:0;padding:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s steps(5,end)}.xunyi-packaging-pair img{object-fit:contain;filter:drop-shadow(0 18px 12px #54371b33);width:100%;height:auto;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s steps(5,end);display:block}.xunyi-packaging-pair figure:hover,.xunyi-packaging-pair figure:focus-visible{transform:translateY(-8px)}.xunyi-packaging-pair figure:hover img,.xunyi-packaging-pair figure:focus-visible img{filter:drop-shadow(0 25px 16px #54371b47);transform:scale(1.025)}@media (width<=980px){.xunyi-showcase{gap:120px}.xunyi-card-pair{gap:18px;height:clamp(270px,43vw,430px)}}@media (width<=700px){.xunyi-back-link{font-size:9px;top:86px;left:0}.work-detail .xunyi-hero{min-height:max(620px,100svh)}.work-detail .xunyi-hero:before{box-shadow:inset 0 0 36px 15px #f2e7b8d1}.work-detail .xunyi-hero:after{-webkit-backdrop-filter:blur(7px)}.xunyi-hero-copy{bottom:64px;left:6vw;right:6vw}.work-detail .xunyi-hero .variable-proximity-title{font-size:clamp(64px,20vw,86px)}.work-detail-xunyi #introduction,.work-detail-xunyi #display{padding-top:76px;padding-bottom:84px}.xunyi-showcase{gap:92px}.xunyi-showcase-heading{margin-bottom:30px}.xunyi-showcase-heading>span{width:38px;height:38px}.xunyi-character-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.xunyi-card-pair{grid-template-columns:1fr;gap:20px;height:auto;display:grid}.xunyi-card-design{width:100%;height:auto}.xunyi-packaging-pair{grid-template-columns:1fr;gap:44px}}@media (prefers-reduced-motion:reduce){.xunyi-character,.xunyi-character img,.xunyi-character figcaption,.xunyi-map-visual,.xunyi-map-visual img,.xunyi-card-design,.xunyi-card-design img,.xunyi-packaging-pair figure,.xunyi-packaging-pair img{transition:none}}.work-detail-spatial-planning{padding-top:0}.spatial-planning-back-link{z-index:9;color:#0a0a0a;background:#ffffffe6;border:1px solid #0a0a0a80;padding:8px 10px;position:absolute;top:104px;left:0;box-shadow:5px 5px #d8ff00}.work-detail .spatial-planning-hero{isolation:isolate;background:#d8ff00;border:0;width:100vw;min-height:max(680px,100svh);margin-left:calc(50% - 50vw);padding:0;position:relative;overflow:hidden}.spatial-planning-hero-image{z-index:0;object-fit:cover;object-position:center;filter:saturate(.96)contrast(1.02);width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.work-detail .spatial-planning-hero:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 86px 34px #ffffffe6}.work-detail .spatial-planning-hero:after{content:"";z-index:1;pointer-events:none;clip-path:none;opacity:1;-webkit-backdrop-filter:blur(14px);-webkit-mask-composite:source-over;background:0 0;width:auto;height:auto;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#0000 9% 91%,#000 100%),linear-gradient(#000 0,#0000 9% 91%,#000 100%);-webkit-mask-composite:source-over;mask-composite:add}.spatial-planning-hero-copy{z-index:2;left:var(--layout-gutter);right:var(--layout-gutter);color:#fff;text-shadow:3px 4px #0a0a0abf;position:absolute;bottom:clamp(48px,7vh,74px)}.spatial-planning-hero-copy>span{color:#fff;background:#0a0a0a;margin-bottom:18px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-block}.work-detail .spatial-planning-hero .variable-proximity-title{--proximity-base:#fff;--proximity-accent:#d8ff00;max-width:1120px;margin:0;font-size:clamp(68px,9vw,132px);line-height:.9}.work-detail-spatial-planning #display{grid-template-columns:minmax(0,1fr);gap:42px;width:100vw;margin-left:calc(50% - 50vw);padding:90px 0 0;display:grid;position:relative;overflow:clip}.work-detail-spatial-planning #display>h2{z-index:7;color:#0a0a0a;text-align:center;background:#fff;border:1px solid #0a0a0a;justify-self:center;width:auto;margin:0;padding:8px 10px;font-size:12px;line-height:1;position:static;box-shadow:4px 4px #d8ff00}.spatial-planning-showcase{border-top:1px solid #0a0a0a;grid-column:1;min-width:0;display:block}.planning-project{width:100%;padding:0 var(--layout-gutter) 22svh;color:#0a0a0a;isolation:isolate;background:0 0;border-bottom:1px solid #0a0a0a47;position:relative}.planning-project-heading{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0a0a0a6b;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;min-height:64px;padding:12px 0 10px;display:grid;position:sticky;top:78px}.planning-project-heading>span{background:var(--planning-accent);color:#0a0a0a;border:1px solid #fff;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid;box-shadow:4px 4px #e0492a}.planning-project-heading h3{color:#0a0a0a;letter-spacing:0;text-wrap:balance;align-self:center;max-width:960px;margin:0;font-size:20px;line-height:1.25}.planning-project-heading strong{color:#0a0a0a;white-space:nowrap;background:#fff;border:1px solid #0a0a0a80;align-self:center;padding:7px 9px;font-size:9px;line-height:1}.planning-project-card-list{padding-top:14px;position:relative}.planning-project-card{aspect-ratio:2415/1717;width:auto;max-width:100%;height:calc(100svh - 176px);box-shadow:none;transform:translateY(var(--planning-card-offset,0));transform-origin:top;background:0 0;border:0;place-items:center;margin:0 auto 12svh;display:grid;position:sticky;top:156px;overflow:hidden}.planning-project-card:last-child{margin-bottom:0}.planning-project-card img{object-fit:contain;background:0 0;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.planning-project-card figcaption{z-index:3;color:#0a0a0a;background:#fff;border:1px solid #0a0a0a80;grid-template-columns:auto 54px auto;align-items:center;gap:7px;padding:7px 8px;font-size:9px;line-height:1;display:grid;position:absolute;bottom:10px;right:10px}.planning-project-card figcaption i{background:#4b4b4b;width:54px;height:2px;display:block}.planning-project-card figcaption span:first-child{color:var(--planning-accent)}@media (width<=900px){.planning-project-heading{grid-template-columns:40px minmax(0,1fr) auto}.planning-project-heading h3{font-size:15px}.planning-project-card{aspect-ratio:2415/1717;width:100%;height:auto;top:150px}}@media (width<=700px){.spatial-planning-back-link{font-size:9px;top:86px;left:0}.work-detail .spatial-planning-hero{min-height:max(620px,100svh)}.work-detail .spatial-planning-hero:before{box-shadow:inset 0 0 38px 16px #ffffffdb}.work-detail .spatial-planning-hero:after{-webkit-backdrop-filter:blur(8px)}.spatial-planning-hero-copy{bottom:64px;left:6vw;right:6vw}.work-detail .spatial-planning-hero .variable-proximity-title{font-size:clamp(58px,19vw,82px)}.work-detail-spatial-planning #display{gap:38px;padding-top:74px}.work-detail-spatial-planning #display>h2{padding:6px 8px;font-size:10px}.planning-project{padding-inline:3vw;padding-bottom:18svh}.planning-project-heading{grid-template-columns:35px minmax(0,1fr);gap:9px;min-height:78px;padding-top:10px;top:68px}.planning-project-heading>span{width:34px;height:34px}.planning-project-heading h3{max-width:100%;font-size:12px;line-height:1.3}.planning-project-heading strong{display:none}.planning-project-card-list{padding-top:10px}.planning-project-card{aspect-ratio:2415/1717;width:100%;height:auto;min-height:0;margin-bottom:9svh;top:156px}.planning-project-card img{width:100%;height:100%;inset:0}.planning-project-card figcaption{grid-template-columns:auto 42px auto;padding:6px 7px;font-size:8px;bottom:7px;right:7px}.planning-project-card figcaption i{width:42px}}@media (prefers-reduced-motion:reduce){.planning-project{padding-top:0;padding-bottom:70px}.planning-project-heading{position:relative;top:auto}.planning-project-card{height:auto;min-height:0;margin-bottom:20px;position:relative;top:auto;transform:none}.planning-project-card img{width:100%;height:auto;padding:8px;position:relative;inset:auto}}