:root{--red:#f35112;--ink:#191918;--paper:#f2f1ed;--line:rgba(25,25,24,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--red);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:var(--ink);color:var(--red)}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 3.4%;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-weight:900;font-size:40px;letter-spacing:-3px}.wordmark span{font-size:17px;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:8px}.location,.hero-top,.small-note,.stage-caption,.section-label,.detail-nav>span,.footer-bottom,.about-caption{font-family:monospace;font-size:12px;line-height:1.5;letter-spacing:.04em}.location{margin-right:auto;margin-left:9%}nav{display:flex;gap:36px;font-size:15px}nav sup{font-size:10px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{overflow:hidden;padding:30px 3.4% 0}.hero-top{display:flex;justify-content:space-between}h1{font-size:clamp(64px,9.8vw,170px);font-weight:500;letter-spacing:-.075em;line-height:.92;margin:48px 0 34px;position:relative;z-index:1}.direction{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em}.asterisk{font-family:Arial,sans-serif;font-style:normal;font-size:.82em;margin-left:.28em;display:inline-block;animation:rotate 25s linear infinite}.hero-bottom{display:flex;align-items:center;justify-content:space-between}.hero-bottom p{font-size:16px;line-height:1.4}.explore{border:1px solid var(--ink);border-radius:100px;padding:17px 22px;display:flex;gap:35px;font-size:14px;transition:background .2s,color .2s}.explore:hover{background:var(--ink);color:var(--red)}.small-note{text-align:right}.art-stage{height:clamp(270px,35vw,550px);position:relative;margin:36px -3.8% 0;perspective:1100px}.art-fragment{position:absolute;width:28%;height:80%;padding:0;border:0;background:var(--ink);box-shadow:0 18px 25px #0003;transition:filter .25s;will-change:transform;overflow:hidden}.art-fragment img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.art-fragment:hover img{transform:scale(1.045)}.art-fragment:nth-child(1){left:-3%;top:15%;rotate:-12deg;z-index:1}.art-fragment:nth-child(2){left:23%;top:4%;rotate:7deg;z-index:2}.art-fragment:nth-child(3){left:49%;top:15%;rotate:-6deg;z-index:3}.art-fragment:nth-child(4){left:76%;top:3%;rotate:12deg}.stage-caption{position:relative;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0 24px}.work{background:var(--paper);padding:50px 3.4% 100px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:50px 0 64px}h2{font-size:clamp(40px,5.4vw,86px);line-height:1;letter-spacing:-.055em;font-weight:500;margin:0}.work-heading p{font-size:16px;line-height:1.5;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:65px 30px}.project{grid-column:span 6;min-width:0}.project:nth-child(4n+2){padding-top:100px}.project:nth-child(4n+3){grid-column:span 5}.project:nth-child(4n+4){grid-column:7/span 6;padding-top:85px}.project-image{width:100%;display:block;padding:0;border:0;position:relative;overflow:hidden;background:#ddd;aspect-ratio:1.23}.project:nth-child(4n+3) .project-image{aspect-ratio:.86}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-image:hover img{transform:scale(1.035)}.project-image .open-label{position:absolute;right:16px;bottom:16px;border-radius:50%;background:var(--red);height:64px;width:64px;display:grid;place-items:center;font-size:26px;transform:translateY(85px);transition:transform .3s}.project-image:hover .open-label,.project-image:focus-visible .open-label{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.project-meta h3{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:0 0 7px}.project-meta p{font-size:13px;margin:0;color:#5c5b57}.project-number{font:12px monospace;padding-top:5px}.about{background:var(--ink);color:var(--paper);padding:50px 3.4% 110px}.about .section-label{border-color:#ffffff40}.about-content{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding-top:85px}.about-symbol{font-size:clamp(180px,31vw,450px);letter-spacing:-.1em;font-weight:900;color:var(--red);line-height:.8}.about-caption{margin:35px 0 0}.about h2{margin-bottom:35px}.about h2 i{font-family:Georgia,serif;color:var(--red);font-weight:400}.about-content p:not(.about-caption){max-width:570px;font-size:18px;line-height:1.6;color:#c0bfba}.disciplines{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.disciplines span{border:1px solid #ffffff40;border-radius:30px;padding:10px 15px;font-size:13px}footer{padding:40px 3.4% 25px}.contact-title{display:block;font-size:clamp(65px,10vw,160px);line-height:.94;letter-spacing:-.065em;padding:65px 0 85px;position:relative}.contact-title i{font-family:Georgia,serif;font-weight:400}.contact-title>span{position:absolute;right:3%;top:70px;transition:transform .3s}.contact-title:hover>span{transform:translate(10px,-10px)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px}.footer-bottom a:hover{text-decoration:underline}#socials{display:flex;gap:25px}.intro{position:fixed;inset:0;z-index:20;background:var(--ink);color:var(--red);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:curtain 1.25s cubic-bezier(.7,0,.2,1) forwards}.intro>span{font-size:100px;font-weight:900;letter-spacing:-8px}.intro-dot{font-size:24px;vertical-align:top;letter-spacing:0}.intro small{font:12px monospace;letter-spacing:.12em;margin-top:15px}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:40}.skip:focus{top:15px}dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#000c}#project-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;overflow-y:auto}body:has(dialog[open]){overflow:hidden}.detail-nav{position:sticky;top:0;z-index:5;background:var(--paper);padding:16px 3.4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.detail-nav button,#close-lightbox{border:1px solid;border-radius:30px;padding:12px 22px;background:transparent}.detail-heading{padding:65px 5% 45px}.detail-heading>p{font:13px monospace;text-transform:uppercase}.detail-heading h2{font-size:clamp(48px,8vw,120px);margin:25px 0 35px}.detail-description{font-size:20px;line-height:1.55;max-width:850px}.detail-gallery{padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-gallery button{padding:0;border:0;background:transparent;align-self:start}.detail-gallery button:first-child{grid-column:1/-1}.detail-gallery img{width:100%;display:block;height:auto}.detail-story{padding:65px 5%;display:grid;grid-template-columns:1fr 2fr;gap:50px}.detail-story h3{font-size:30px;font-weight:500;letter-spacing:-.03em}.detail-story p{font-size:17px;line-height:1.7;margin:0 0 20px;max-width:800px}.next-project{display:flex;justify-content:space-between;text-align:left;background:var(--red);border:0;width:100%;padding:50px 5%;font-size:clamp(28px,5vw,75px);letter-spacing:-.04em}#lightbox{background:#171717;position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;padding:65px 20px 20px}#lightbox-image{width:100%;height:100%;object-fit:contain}#close-lightbox{position:absolute;right:20px;top:15px;color:white;background:#171717;z-index:1}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes curtain{0%,45%{transform:translateY(0)}100%{transform:translateY(-101%)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:1600px){main,header{max-width:1920px;margin-left:auto;margin-right:auto}header{padding:0 3.4%}}
@media(max-width:700px){header{height:78px;margin:0 5%}.wordmark{font-size:32px}.location{display:none}nav{gap:20px;font-size:14px}.hero{padding:24px 5% 0}.hero-top{font-size:10px}.hero-top span:last-child{display:none}h1{font-size:clamp(54px,12.8vw,90px);margin:45px 0 28px}.asterisk{margin-left:.15em}.hero-bottom p{font-size:14px}.small-note{display:none}.explore{padding:14px 16px;gap:15px}.art-stage{height:300px;margin-top:28px}.art-fragment{width:43%;height:75%}.art-fragment:nth-child(1){left:-13%}.art-fragment:nth-child(2){left:22%;top:10%}.art-fragment:nth-child(3){left:62%}.art-fragment:nth-child(4){display:none}.stage-caption{font-size:10px}.work,.about{padding:32px 5% 65px}.section-label{font-size:10px;gap:20px}.section-label span:last-child{text-align:right;max-width:45%}.work-heading{display:block;margin:38px 0}.work-heading p{margin-top:22px;font-size:15px}.project-grid{display:block}.project,.project:nth-child(n){padding:0;margin-bottom:38px}.project:nth-child(n) .project-image{aspect-ratio:1.15}.project-meta h3{font-size:21px}.project-image .open-label{transform:none;width:45px;height:45px;font-size:22px}.about-content{grid-template-columns:1fr;padding-top:45px;gap:45px}.about-symbol{font-size:180px}.about-caption{display:none}.about-content p:not(.about-caption){font-size:16px}.about h2{font-size:50px}.contact-title{padding:50px 0 65px;font-size:15vw}.contact-title>span{top:40px;right:0}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;font-size:11px}footer{padding:30px 5%}.detail-heading{padding-top:35px}.detail-description{font-size:17px}.detail-gallery{grid-template-columns:1fr;gap:16px}.detail-story{display:block;padding-top:30px}.detail-nav .wordmark{font-size:28px}.detail-nav>span{font-size:11px}.detail-nav button{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none}.reveal{opacity:1;transform:none}}
/* Halftone edition */
:root{--red:#f35112;--ink:#1e1e1e;--paper:#deddd7;--line:rgba(222,221,215,.24)}body{background:var(--ink);color:var(--paper)}.icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0}.icon-down .icon{transform:rotate(135deg)}.icon-up .icon{transform:rotate(-45deg)}header{border-color:var(--line);height:92px}.wordmark{display:flex;align-items:center;gap:12px;letter-spacing:-2px;font-size:32px}.wordmark .nav-logo{margin:0;width:34px;height:34px;background:var(--red)}.nav-logo,.intro-logo,.about-logo,.logo-layer{display:block;-webkit-mask:url('logo.png') center/contain no-repeat;mask:url('logo.png') center/contain no-repeat}.location{margin-left:7%;color:#b8b6b0}nav a:last-child{color:var(--red)}.hero{min-height:850px;height:calc(100svh - 92px);max-height:1120px;position:relative;padding-top:25px;isolation:isolate}.hero-top{position:relative;z-index:2;color:#b8b6b0}.hero h1{position:relative;z-index:2;font-size:clamp(70px,9.7vw,165px);margin:150px 0 32px;pointer-events:none;color:var(--paper);max-width:1000px;text-shadow:0 2px 35px #1e1e1e45}.direction{color:var(--red)}.hero-bottom{position:relative;z-index:3;justify-content:flex-start;gap:70px}.hero-bottom p{color:#b8b6b0}.hero-bottom .small-note{display:none}.explore{color:var(--paper);border-color:#ffffff50;background:#1e1e1e55;backdrop-filter:blur(8px)}.explore:hover{background:var(--red);border-color:var(--red);color:var(--ink)}.art-stage{position:absolute;inset:45px -10% 10px 31%;height:auto;margin:0;z-index:-1;perspective:1000px;overflow:hidden}.logo-orbit{position:absolute;width:min(60vw,900px);aspect-ratio:1;top:10%;left:4%;transform:rotate(-14deg);transform-style:preserve-3d}.logo-layer{position:absolute;inset:0;background:var(--red);will-change:transform;opacity:.13}.logo-layer:nth-child(2){opacity:.22}.logo-layer:nth-child(3){opacity:.8}.logo-layer:nth-child(4){opacity:.18}.logo-layer:nth-child(5){opacity:.08}.screen-grain{position:absolute;inset:0;background-image:radial-gradient(var(--ink) 1px,transparent 1.4px);background-size:4px 4px;opacity:.55;pointer-events:none}.orbit-label{position:absolute;bottom:80px;right:18%;font:11px monospace;color:var(--red);letter-spacing:.15em;writing-mode:vertical-rl}.stage-caption{position:absolute;bottom:0;left:3.4%;right:3.4%;color:#9d9c97;padding:20px 0;z-index:2}.work{background:var(--ink);color:var(--paper);border-top:1px solid var(--line);padding-top:40px}.work-heading{margin-bottom:60px}.work-heading h2{font-size:clamp(50px,6.8vw,108px)}.work-heading h2 i{font-family:Georgia,serif;color:var(--red);font-weight:400}.work-heading p{color:#aaa9a4}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px;perspective:1200px;align-items:start}.project,.project:nth-child(n){grid-column:auto;padding:0;margin:0;background:var(--paper);color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #0002;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease,box-shadow .3s;position:relative;isolation:isolate}.project:nth-child(3n+2){margin-top:65px}.project:nth-child(3n+3){margin-top:130px}.project:hover{box-shadow:0 28px 65px #0005;z-index:2}.project.visible{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.project:nth-child(n) .project-image{aspect-ratio:1/.95;border:10px solid var(--paper);border-bottom:0;border-radius:18px 18px 0 0;background:var(--swatch)}.project-image img{border-radius:9px;filter:saturate(.8);transition:filter .5s,transform .7s}.project:hover img,.project:focus-within img{filter:saturate(1);transform:scale(1.04)}.card-screen{position:absolute;inset:0;border-radius:9px;pointer-events:none;opacity:.2;background-image:radial-gradient(#171717 1px,transparent 1.2px);background-size:4px 4px;mix-blend-mode:multiply;transition:opacity .5s;mask-image:linear-gradient(#000,#000)}.project:hover .card-screen{opacity:.35;mask-image:radial-gradient(circle 140px at var(--mx,50%) var(--my,50%),transparent 10%,#000 100%)}.project:focus-within .card-screen{opacity:.05}.project-meta{margin:0;padding:24px 20px 25px;min-height:127px;border:0;align-items:start;gap:10px}.project-meta h3{font-size:clamp(19px,1.8vw,27px);font-weight:600;line-height:1.06;max-width:240px;margin-bottom:10px}.project-meta p{font-size:12px;max-width:210px;line-height:1.5;color:#575752}.project-number{font-size:12px;line-height:1.7;text-align:right;white-space:nowrap;flex-shrink:0}.swatch-dot{display:block;width:19px;height:19px;border-radius:50%;background:var(--swatch);margin:0 0 8px auto;border:1px solid #0001}.edition{font-size:12px;letter-spacing:.08em;display:block}.project-image .open-label{width:46px;height:46px;right:12px;bottom:12px;background:var(--ink);color:var(--paper)}.about{border-top:1px solid var(--line);background:var(--red);color:var(--ink);position:relative;overflow:hidden}.about .section-label{border-color:#1e1e1e40}.about-logo{background:var(--ink);width:100%;max-width:460px;aspect-ratio:1;transform:rotate(-8deg);margin:20px 0 50px}.about h2 i{color:var(--ink)}.about-content p:not(.about-caption){color:var(--ink)}.disciplines span{border-color:#1e1e1e70}.about-caption{color:var(--ink)}footer{background:var(--ink);color:var(--paper)}.contact-title i{color:var(--red)}.contact-title>span .icon{width:9vw;height:9vw}.footer-bottom{color:#b8b6b0}.intro{background:var(--red);color:var(--ink);animation:curtain 1.4s cubic-bezier(.7,0,.2,1) forwards}.intro .intro-logo{width:130px;height:130px;background:var(--ink);animation:logo-in 1s cubic-bezier(.2,.8,.2,1) both}.intro small{margin-top:35px}.detail-nav{background:var(--ink);color:var(--paper)}#project-dialog{background:var(--ink);color:var(--paper)}.detail-heading h2{color:var(--red)}.detail-description,.detail-story p{color:#c8c6bf}.detail-gallery button{border-radius:14px;overflow:hidden}.next-project{color:var(--ink)}.next-project .icon{width:50px;height:50px}.detail-nav .nav-logo{width:28px;height:28px}.detail-heading>p{color:#b6b5ae}@keyframes logo-in{from{transform:scale(.5) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@media(min-width:1600px){.hero{min-height:960px}}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project:nth-child(n){margin:0}.project:nth-child(even){margin-top:65px}.hero{min-height:780px}.logo-orbit{width:75vw;top:18%;left:-5%}.art-stage{left:25%}.hero h1{margin-top:160px}.project-meta h3{font-size:24px}.edition{display:none}}
@media(max-width:700px){header{height:78px}.wordmark{font-size:27px;gap:8px}.wordmark .nav-logo{width:28px;height:28px}nav{gap:15px;font-size:13px}nav .icon{width:16px;height:16px}.hero{height:calc(100svh - 78px);min-height:700px;max-height:900px;padding:22px 5% 0}.hero h1{font-size:clamp(52px,12.6vw,88px);margin:75px 0 28px}.hero-bottom{gap:25px;align-items:start}.hero-bottom p{font-size:13px}.hero-bottom .explore{padding:13px 16px;font-size:12px}.hero .art-stage{inset:190px -30% 20px 5%;height:auto;margin:0}.logo-orbit{width:95vw;top:15%;left:3%;transform:rotate(-12deg)}.orbit-label{right:30%;bottom:65px}.stage-caption{left:5%;right:5%;font-size:9px;gap:20px}.stage-caption span:first-child{max-width:60%}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.project:nth-child(n){margin:0;border-radius:12px}.project:nth-child(even){margin-top:35px}.project:nth-child(n) .project-image{border-width:6px;border-bottom:0;aspect-ratio:.82;border-radius:12px 12px 0 0}.project-image img{border-radius:7px}.project-meta{padding:15px 11px 18px;min-height:140px;display:block}.project-meta h3{font-size:18px;letter-spacing:-.04em}.project-meta p{font-size:12px;line-height:1.4}.project-number{display:flex;align-items:center;gap:6px;text-align:left;font-size:12px;margin-top:12px}.swatch-dot{width:10px;height:10px;margin:0}.project-image .open-label{width:30px;height:30px;right:8px;bottom:8px}.open-label .icon{width:17px;height:17px}.card-screen{background-size:3px 3px;opacity:.14}.work-heading h2{font-size:55px}.work-heading p{font-size:14px}.about-logo{width:230px;margin:10px auto 20px}.about-content{gap:30px}.contact-title>span .icon{width:11vw;height:11vw}.contact-title{font-size:14vw}.detail-nav .wordmark{font-size:24px}.intro .intro-logo{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.logo-layer:not(:nth-child(3)){display:none}.logo-orbit{transform:rotate(-8deg)}.project,.project.visible{transform:none!important}.intro{display:none}}
/* Glass edition: restrained surfaces, scroll-drawn identity. */
body{background:#1e1e1e}header{position:absolute;top:0;left:0;right:0;margin:0;padding:24px 4%;height:100px;border:0;z-index:8;max-width:none}.location{margin:0;font-size:11px;letter-spacing:.08em;line-height:1.6;color:#cccac3}.glass-button,.explore{border:1px solid #ffffff30;background:linear-gradient(135deg,#ffffff17,#ffffff05);box-shadow:inset 0 1px 0 #ffffff32,inset 0 -1px 0 #ffffff08,0 8px 30px #0002;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:var(--paper)}.menu-toggle{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor}.glass-button:hover{background-color:#ffffff12}.hero-scroll{height:190svh;position:relative}.hero{position:sticky;top:0;height:100svh;min-height:700px;max-height:none;padding:130px 4% 70px;overflow:hidden;background:radial-gradient(ellipse at 82% 55%,#f3511210,transparent 50%),#1e1e1e}.hero-top{font-size:11px;position:relative}.hero h1{font-size:clamp(70px,8.7vw,145px);line-height:.95;letter-spacing:-.065em;margin:55px 0 32px;width:51%;max-width:none}.hero h1 .direction{font-family:inherit;font-style:normal;letter-spacing:inherit}.hero-bottom{gap:0}.explore{padding:20px 28px;font-size:18px;min-width:188px;justify-content:space-between;gap:40px;border-radius:100px}.explore:hover{background:linear-gradient(135deg,#ffffff26,#f3511233);color:var(--paper);border-color:#ffffff60;box-shadow:inset 0 1px 0 #ffffff70,0 12px 40px #0003}.art-stage{position:absolute;inset:130px 4% 90px 48%;z-index:0;overflow:visible;margin:0;height:auto;perspective:none;pointer-events:none}.vector-stage{position:absolute;inset:0;display:grid;place-items:center;will-change:transform}.draw-logo{width:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 20px 50px #f3511218)}.logo-core{fill:var(--red);stroke:#ff997144;stroke-width:.4}.draw-line{fill:var(--red);stroke:#ff9c76;stroke-width:.35;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;fill-opacity:0}.draw-frame{fill:var(--red);stroke:var(--red);stroke-width:.3;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.screen-grain{opacity:.045}.stage-caption{left:4%;right:4%;padding:22px 0;font-size:10px}.orbit-label{display:none}.work{padding-left:4%;padding-right:4%;background:radial-gradient(ellipse at 95% 20%,#f351120c,transparent 50%),var(--ink)}.work-heading h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.05em}.work-heading{margin:45px 0 48px}.work-heading p{font-size:15px}.project-grid{align-items:stretch;gap:28px;grid-auto-rows:auto}.project:nth-child(n){margin:0;padding:0;height:100%;border:1px solid #ffffff24;border-radius:22px;background:linear-gradient(140deg,#ffffff12,#ffffff04);color:var(--paper);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff05,0 12px 35px #0002;display:flex;flex-direction:column}.project:hover{border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff60,0 20px 45px #0003}.project:nth-child(n) .project-image{border:9px solid transparent;border-bottom:0;border-radius:22px 22px 0 0;aspect-ratio:1.15;background:transparent;flex-shrink:0}.project-image img{border-radius:14px;filter:saturate(.94)}.project-meta{padding:23px 20px;min-height:138px;flex:1;align-items:start}.project-meta h3{font-size:23px;font-weight:500;line-height:1.13;letter-spacing:-.025em}.project-meta p{color:#aaa9a5;font-size:12px}.project-number{color:#d2d0c9}.swatch-dot{box-shadow:0 0 0 3px #ffffff08}.edition{display:none}.card-screen{opacity:.035;background-size:4px 4px}.project:hover .card-screen{opacity:.07}.project:focus-within .card-screen{opacity:.02}.project-image .open-label{border:1px solid #ffffff40;background:#29292955;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #ffffff30}.about{background:#222222;color:var(--paper)}.about .section-label{border-color:var(--line)}.about-logo{background:var(--red)}.about h2 i{color:var(--red)}.about-content p:not(.about-caption){color:#c1bfba}.about-caption{color:#c1bfba}.disciplines span{border:1px solid #ffffff25;background:#ffffff06;box-shadow:inset 0 1px 0 #ffffff15}.detail-nav{background:#1e1e1ed9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.detail-nav .wordmark{font-size:15px;letter-spacing:0;font-weight:400}.site-menu{position:fixed;inset:18px 18px auto auto;width:min(490px,calc(100% - 36px));max-width:none;margin:0;padding:30px;border-radius:28px;color:var(--paper);border:1px solid #ffffff35;background:linear-gradient(135deg,#363636ed,#242424f2);box-shadow:inset 0 1px 0 #ffffff35,0 30px 100px #0006;backdrop-filter:blur(35px) saturate(150%);-webkit-backdrop-filter:blur(35px) saturate(150%)}.site-menu::backdrop{background:#0005;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px monospace;letter-spacing:.05em}.menu-head .glass-button{border-radius:30px;padding:12px 18px}.site-menu nav{display:flex;flex-direction:column;gap:0;margin:35px 0}.site-menu nav a{font-size:54px;letter-spacing:-.04em;padding:15px 0;border-bottom:1px solid #ffffff20;display:flex;gap:25px;align-items:baseline;color:var(--paper)}.site-menu nav a:hover{color:var(--red);text-decoration:none}.site-menu small{font:12px monospace;color:#aaa}.menu-email{font-size:14px;color:#bbb}.intro{display:none}
@media(max-width:1000px){.hero{min-height:700px}.hero h1{font-size:9.4vw;margin-top:85px}.project-grid{gap:22px}.project:nth-child(n){margin:0}.project-meta h3{font-size:23px}}
@media(max-width:700px){header{height:92px;padding:18px 5%}.location{display:block;font-size:10px}.menu-toggle{width:54px;height:54px}.hero-scroll{height:185svh}.hero{min-height:650px;height:100svh;max-height:none;padding:113px 5% 60px}.hero-top{font-size:9px}.hero h1{font-size:clamp(48px,12.2vw,80px);width:72%;margin:35px 0 25px;line-height:.98}.hero-bottom .explore{font-size:17px;padding:18px 24px;min-width:174px;gap:30px}.hero .art-stage{inset:235px 3% 68px 40%;height:auto;margin:0}.vector-stage{align-items:end}.draw-logo{width:100%;max-height:100%;height:auto}.hero-bottom{z-index:3}.stage-caption{left:5%;right:5%;font-size:9px}.project-grid{gap:18px 12px;align-items:stretch}.project:nth-child(n){margin:0;border-radius:16px}.project:nth-child(n) .project-image{border-width:6px;border-bottom:0;aspect-ratio:.95;border-radius:16px 16px 0 0}.project-image img{border-radius:10px}.project-meta{padding:15px 12px;min-height:157px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.project-meta h3{font-size:18px;line-height:1.15;margin-bottom:9px}.project-meta p{font-size:12px}.project-number{margin:0;font-size:12px}.card-screen{opacity:.025}.work-heading h2{font-size:42px}.work-heading p{font-size:14px}.work-heading{margin:30px 0}.site-menu{padding:23px}.site-menu nav a{font-size:44px}.detail-nav .wordmark{font-size:14px}.screen-grain{opacity:.025}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.hero{position:relative}.draw-line,.draw-frame{opacity:1!important;fill-opacity:1!important;stroke-dashoffset:0!important}.vector-stage{transform:none!important}}
@supports not (backdrop-filter:blur(1px)){.site-menu{background:#292929}.glass-button,.explore{background:#333}.project:nth-child(n){background:#292929}}
/* Sculptural edition */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.floating-nav{position:fixed;top:18px;left:50%;right:auto;transform:translateX(-50%);width:330px;height:64px;max-width:calc(100% - 36px);margin:0;padding:8px 12px 8px 18px;border-radius:100px;border:1px solid #ffffff2c;background:linear-gradient(145deg,#424242a8,#222222a8);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff3a,0 8px 32px #0003;z-index:10;display:flex;justify-content:space-between;gap:15px}.home-logo{display:block;width:34px;height:34px;padding:2px;flex-shrink:0}.home-logo span{display:block;width:100%;height:100%;background:var(--paper);mask:url('brand-logo.svg') center/contain no-repeat;-webkit-mask:url('brand-logo.svg') center/contain no-repeat;transition:background .2s}.home-logo:hover span{background:var(--red)}.nav-caption{font:10px monospace;letter-spacing:.06em;color:#c4c2bc;white-space:nowrap}.floating-nav .menu-toggle{width:43px;height:43px;background:transparent;border:0;padding:10px;border-radius:50%;gap:6px}.floating-nav .menu-toggle:hover{background:#ffffff0c}.floating-nav .menu-toggle span{width:20px}.hero{padding-top:112px;min-height:650px}.hero-top{font-size:10px;color:#92918c}.hero .art-stage{inset:132px 10% 125px;z-index:1;pointer-events:auto;perspective:none;overflow:visible}.interactive-scene{width:100%;height:100%;position:relative;cursor:grab;touch-action:pan-y;outline-offset:4px}.interactive-scene.dragging{cursor:grabbing}.interactive-scene canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.scene-fallback{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:invert(38%) sepia(89%) saturate(2720%) hue-rotate(351deg) brightness(103%)}.scene-ready .scene-fallback{display:none}.scene-toolbar{display:flex;align-items:center;justify-content:center;gap:17px;position:absolute;left:0;right:0;bottom:-25px;font:10px monospace;color:#a7a59e;letter-spacing:.05em}.scene-toolbar button{border:0;border-bottom:1px solid #ffffff30;border-radius:0;padding:4px 0;background:transparent;color:#c6c3bb;font:11px monospace}.scene-toolbar button:hover{color:var(--red)}.hero-bottom{position:absolute;left:50%;bottom:65px;transform:translateX(-50%)}.hero-bottom .explore{padding:15px 23px;min-width:175px;font-size:16px}.stage-caption{padding:15px 0;font-size:9px}.work{position:relative;isolation:isolate;overflow:hidden;background:#1e1e1e}.work:before{content:"";position:absolute;inset:-180px -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 35% 20% at 12% 20%,#c5452330,transparent 100%),radial-gradient(ellipse 40% 30% at 88% 52%,#92543926,transparent 100%),radial-gradient(ellipse 40% 22% at 15% 85%,#6b343828,transparent 100%);filter:blur(65px);transform:translate3d(0,var(--gradient-y,0px),0);will-change:transform}.project-grid{perspective:1600px;gap:28px}.project:nth-child(n){transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;backdrop-filter:blur(23px) saturate(115%);-webkit-backdrop-filter:blur(23px) saturate(115%);background:linear-gradient(135deg,#ffffff10,#ffffff04);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:auto}.project.visible:hover{transform:perspective(1000px) translateY(-5px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:inset 0 1px 0 #ffffff60,0 25px 50px #0003}.project:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,50%) 0,#ffffff0d,transparent 65%);opacity:0;transition:opacity .4s}.project:hover:after{opacity:1}.project:nth-child(n) .project-image{border:0;border-radius:14px;overflow:hidden;margin:9px 9px 0;width:calc(100% - 18px);aspect-ratio:1.15;isolation:isolate;clip-path:inset(0 round 14px);transform:translateZ(0)}.project-image img,.project:hover .project-image img,.project:focus-within .project-image img{border-radius:14px;transform:none!important;filter:saturate(1);transition:filter .4s}.project-meta h3{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:21px;letter-spacing:-.025em;line-height:1.18;font-weight:500}.project-meta p{font-family:monospace;text-transform:uppercase;font-size:12px;letter-spacing:.035em;line-height:1.6;color:#b4b2ab}.project-meta{min-height:148px}.project-number{font-family:monospace}.card-screen{border-radius:14px;opacity:.018}.project:hover .card-screen{opacity:.028}.portrait-wrap{position:relative;height:650px;max-height:75svh;border-radius:28px;background:radial-gradient(ellipse at 50% 47%,#a4542920,transparent 65%);border:1px solid #ffffff0d;box-shadow:inset 0 1px 0 #ffffff0d}.portrait-wrap .interactive-scene{height:calc(100% - 45px);min-height:300px}.portrait-fallback{filter:none;padding:20px}.portrait-wrap .scene-toolbar{bottom:15px}.about-content{grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.about-content h2{font-size:clamp(44px,4.8vw,76px)}
@media(max-width:1000px){.hero .art-stage{inset:145px 3% 130px}.portrait-wrap{height:560px}.about-content{gap:4%}}
@media(max-width:700px){.floating-nav{top:12px;height:60px;width:310px;padding:7px 11px 7px 17px}.nav-caption{font-size:9px}.hero{padding-top:105px;min-height:650px}.hero-top{font-size:9px}.hero .art-stage{inset:135px 4% 155px}.scene-toolbar{font-size:8px;gap:12px;bottom:-28px;letter-spacing:.015em}.scene-toolbar button{font-size:11px}.hero-bottom{bottom:70px}.hero-bottom .explore{padding:15px 23px;font-size:16px}.project:nth-child(n) .project-image{margin:6px 6px 0;width:calc(100% - 12px);border-radius:10px;clip-path:inset(0 round 10px);aspect-ratio:.95}.project-image img,.project:hover .project-image img{border-radius:10px}.project-meta h3{font-size:16px;line-height:1.22;letter-spacing:-.02em}.project-meta p{font-size:11px;line-height:1.5;letter-spacing:.015em}.project-meta{min-height:175px;padding:16px 12px}.project-grid{gap:18px 12px}.project.visible:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.about-content{grid-template-columns:1fr;gap:40px}.portrait-wrap{height:540px;max-height:75svh}.about-content h2{font-size:48px}.work:before{filter:blur(45px)}}
@media(prefers-reduced-motion:reduce){.project.visible:hover{transform:none!important}.work:before{transform:none!important}.interactive-scene{scroll-behavior:auto}}
.hero .art-stage{bottom:185px}.project-image:focus-visible{outline:2px solid var(--paper);outline-offset:-3px}@media(max-width:700px){.hero .art-stage{bottom:190px}.project-meta p{font-size:12px}}
/* Gallery and responsive refinement */
html,body{width:100%;max-width:100%;overflow-x:clip}main{width:100%;max-width:none!important;margin:0!important}.work,.about,footer,.hero-scroll{width:100%;max-width:none}.work>.section-label,.work>.work-heading,.work>.project-grid{max-width:1800px;margin-left:auto;margin-right:auto}.work:before{inset:-120px -6%;background:radial-gradient(ellipse 34% 19% at var(--glow-x,50%) var(--glow-y,40%),#e963303e,transparent 100%),radial-gradient(ellipse 45% 33% at 85% 60%,#80362724,transparent 100%),radial-gradient(ellipse 45% 25% at 12% 18%,#994b2e24,transparent 100%);filter:blur(65px)}.project-meta h3{font-size:clamp(24px,2vw,32px);font-weight:750;line-height:1.06;letter-spacing:-.035em}.project-meta{min-height:158px}.hero-scroll{height:150svh}.hero{height:90svh;min-height:590px}.hero .art-stage{inset:105px 10% 145px}.hero-bottom{bottom:48px}.hero-bottom .explore{width:58px;height:58px;min-width:0;display:grid;place-items:center;padding:0;border-radius:50%}.hero-bottom .explore .icon{width:25px;height:25px}.hero .scene-toolbar{bottom:-20px}.portrait-wrap{background:radial-gradient(ellipse at 50% 50%,#e759201a,transparent 68%)}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid #ffffff2b;border-radius:50%;background:#ffffff09;color:var(--paper);padding:0;flex-shrink:0}.icon-button:hover{background:#ffffff1a}.flip-icon{display:inline-flex;transform:rotate(180deg)}.detail-nav{height:78px;padding:12px 3%;gap:16px;display:flex;background:#242424ab;border-bottom:1px solid #ffffff22;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.detail-nav button{padding:0;border-radius:50%}.detail-nav .home-logo{width:31px;height:31px}.detail-nav #detail-count{flex:1;text-align:center;margin-right:47px}.detail-nav #close-project{margin-left:auto}#project-dialog{background:radial-gradient(ellipse at 10% 20%,#61332219,transparent 65%),#1e1e1e}.project-hero{position:relative;margin:0 3% 36px;height:clamp(420px,70svh,920px);border-radius:0 0 24px 24px;overflow:hidden}.hero-art{position:absolute;inset:0;border:0;background:#292929;padding:0;width:100%;height:100%;cursor:zoom-in}.hero-art img{width:100%;height:100%;object-fit:cover}.image-index{position:absolute;top:18px;left:18px;font:12px monospace;letter-spacing:.05em;padding:8px 11px;border:1px solid #ffffff35;background:#2020209c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f1efea;border-radius:30px;pointer-events:none}.glass-panel,.hero-glass{background:linear-gradient(140deg,#353535e0,#222222d4);border:1px solid #ffffff35;box-shadow:inset 0 1px 0 #ffffff25,0 18px 45px #0002;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);border-radius:24px}.hero-glass{position:absolute;bottom:28px;left:28px;max-width:min(690px,70%);padding:28px 32px;pointer-events:none}.hero-glass>p:first-child,.eyebrow{font:12px monospace;text-transform:uppercase;line-height:1.6;letter-spacing:.06em;color:#c8c5bd}.hero-glass h2,.project-aside h3{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:750;letter-spacing:-.04em;line-height:1.02}.hero-glass h2{font-size:clamp(34px,4.5vw,74px);margin:12px 0 16px;color:#f0eee7}.hero-summary{font-size:16px;line-height:1.5;color:#e1ded5;max-width:570px;margin:0}.project-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,3fr);gap:28px;padding:0 3% 70px;align-items:start}.project-aside{position:sticky;top:103px;padding:27px}.project-aside h3{font-size:27px;margin:19px 0}.project-aside p{font-size:16px;line-height:1.65;color:#d4d0c7;margin-bottom:24px}.project-aside .eyebrow{display:block}.story-link{font-size:14px;padding:0 0 5px;margin-top:25px;border:0;border-bottom:1px solid #ffffff50;background:transparent;color:#f0ede4}.project-body{min-width:0}.detail-gallery{padding:0;gap:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-gallery button,.detail-gallery button:first-child{grid-column:auto;position:relative;aspect-ratio:4/3;width:100%;height:auto;border-radius:18px;overflow:hidden;background:#2c2c2c;cursor:zoom-in;isolation:isolate;clip-path:inset(0 round 18px)}.detail-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}.detail-gallery button:hover img{filter:brightness(1.04)}.detail-gallery button:focus-visible{outline-offset:-4px}.detail-story{display:block;margin:28px 0 0;padding:35px 40px;scroll-margin-top:100px}.detail-story h3{font-size:32px;font-weight:700;margin:18px 0 26px}.detail-story p{font-size:17px;line-height:1.75;max-width:100%;margin-bottom:20px}.detail-story p:last-child{margin-bottom:0}#lightbox{padding:76px 85px 116px;background:#151515f5;overflow:hidden}#lightbox-image{object-fit:contain;touch-action:pan-y;user-select:none;-webkit-user-drag:none}.lightbox-top{position:absolute;top:17px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}#lightbox-label{font:12px monospace;letter-spacing:.04em;color:#d4d1c9}.lightbox-top #close-lightbox{position:static;right:auto;top:auto;padding:0;color:white;border-radius:50%;background:#ffffff0b}.lightbox-arrow{position:absolute;top:calc(50% - 22px);z-index:2}#lightbox-prev{left:22px}#lightbox-next{right:22px}#lightbox-thumbs{display:flex;gap:9px;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:5px 3px;overflow-x:auto;overscroll-behavior:contain}#lightbox-thumbs button{width:72px;height:65px;position:relative;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;flex-shrink:0;background:#303030;opacity:.55}#lightbox-thumbs button[aria-current=true]{border-color:var(--red);opacity:1}#lightbox-thumbs img{width:100%;height:100%;object-fit:cover}#lightbox-thumbs span{position:absolute;bottom:3px;left:4px;padding:2px 4px;background:#151515ba;border-radius:4px;font:10px monospace;color:white}.site-menu{top:18px;left:50%;right:auto;width:min(480px,calc(100% - 36px));max-height:calc(100svh - 36px);margin:0;transform:translateX(-50%);transform-origin:top center;border-radius:32px;padding:17px 26px 28px;animation:menu-grow .36s cubic-bezier(.2,.8,.2,1) both;overflow:auto}.site-menu.closing{animation:menu-collapse .22s ease-in both}.site-menu .menu-head{height:44px;font:10px monospace;gap:15px}.menu-head .home-logo{width:31px;height:31px}.site-menu nav{margin-top:22px}.site-menu::backdrop{background:#0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes menu-grow{from{opacity:.7;transform:translateX(-50%) scaleX(.69);clip-path:inset(0 0 calc(100% - 64px) round 32px)}to{opacity:1;transform:translateX(-50%) scaleX(1);clip-path:inset(0 round 32px)}}@keyframes menu-collapse{to{opacity:0;transform:translateX(-50%) scaleX(.69);clip-path:inset(0 0 calc(100% - 64px) round 32px)}}
@media(min-width:1900px){.project-layout{grid-template-columns:minmax(280px,1fr) minmax(0,3fr)}.project-meta h3{font-size:32px}.hero .art-stage{left:20%;right:20%}}
@media(max-width:1000px){.project-layout{grid-template-columns:minmax(210px,1fr) minmax(0,2.2fr);gap:20px}.project-aside{padding:21px}.project-aside h3{font-size:23px}.detail-gallery{gap:16px}.detail-story{padding:28px}.hero-glass{max-width:75%}.project-meta h3{font-size:26px}}
@media(max-width:700px){.hero-scroll{height:145svh}.hero{height:88svh;min-height:580px}.hero .art-stage{inset:105px 4% 133px}.hero-bottom{bottom:42px}.hero-bottom .explore{width:52px;height:52px;padding:0;min-width:0}.project-meta h3{font-size:21px;font-weight:750}.project-meta{min-height:178px}.work:before{inset:-80px -20%;filter:blur(35px)}.detail-nav{height:68px;padding:10px 4%;gap:12px}.detail-nav #detail-count{font-size:10px;margin-right:0}.detail-nav .home-logo{width:27px;height:27px}.icon-button{height:38px;width:38px}.project-hero{height:66svh;min-height:440px;margin:0 4% 20px;border-radius:0 0 18px 18px}.hero-glass{left:14px;right:14px;bottom:14px;max-width:none;padding:20px;border-radius:18px}.hero-glass h2{font-size:34px}.hero-summary{font-size:14px}.hero-glass>p:first-child{font-size:10px}.project-layout{display:block;padding:0 4% 45px}.project-aside{position:relative;top:auto;margin-bottom:20px;padding:22px}.project-aside h3{font-size:25px}.project-aside p{font-size:15px}.detail-gallery{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-gallery button,.detail-gallery button:first-child{aspect-ratio:1;border-radius:12px;clip-path:inset(0 round 12px)}.image-index{font-size:10px;padding:5px 7px;left:9px;top:9px}.detail-story{padding:25px 22px;border-radius:18px}.detail-story h3{font-size:28px}.detail-story p{font-size:16px}#lightbox{padding:76px 12px 145px}.lightbox-top{left:15px;right:15px;top:15px}#lightbox-label{font-size:10px;max-width:75%;line-height:1.5}.lightbox-arrow{top:auto;bottom:100px}#lightbox-prev{left:calc(50% - 48px)}#lightbox-next{right:calc(50% - 48px)}#lightbox-thumbs button{width:61px;height:57px}.site-menu{top:12px;padding:14px 22px 25px}.site-menu .menu-head{font-size:9px}.site-menu nav a{font-size:42px}.site-menu .menu-email{font-size:13px}}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu.closing{animation:none}.hero-scroll{height:auto}.hero{position:relative}.work:before{transform:none}}
.about>.section-label,.about-content,footer>.section-label,.contact-title,.footer-bottom{max-width:1800px;margin-left:auto;margin-right:auto}.hero-art:focus-visible{outline:3px solid white;outline-offset:-5px}
/* Shared floating pill treatment for project navigation. */
#project-dialog .detail-nav{position:fixed;top:18px;left:50%;right:auto;transform:translateX(-50%);width:330px;max-width:calc(100% - 36px);height:64px;padding:8px 12px;border-radius:100px;border:1px solid #ffffff2c;background:linear-gradient(145deg,#424242a8,#222222a8);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff3a,0 8px 32px #0003;gap:12px;z-index:8}#project-dialog .detail-nav #detail-count{margin:0;font-size:10px;white-space:nowrap}#project-dialog .detail-nav .icon-button{width:38px;height:38px;border:0;background:transparent}#project-dialog .detail-nav .icon-button:hover{background:#ffffff0c}#project-dialog .detail-nav .home-logo{width:30px;height:30px}#project-detail{padding-top:100px}@media(max-width:700px){#project-dialog .detail-nav{top:12px;width:310px;height:60px;gap:10px}#project-detail{padding-top:84px}}
/* Unified atmosphere, centered navigation, and continuous project story. */
:root{--content-width:min(1800px,92vw)}body{isolation:isolate;background:#1e1e1e}body:before,#project-dialog:before{content:"";position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 35% at var(--glow-x,50%) var(--glow-y,40%),#d65a2e24,transparent 100%),radial-gradient(ellipse 45% 50% at 85% 65%,#77352316,transparent 100%),radial-gradient(ellipse 40% 40% at 15% 25%,#8b4b301a,transparent 100%);filter:blur(65px)}main,.hero,.work,.about,footer{background:transparent}.work:before{display:none}#project-dialog{isolation:isolate;background:#1e1e1e}.hero-scroll{background:transparent}.floating-nav,#project-dialog .detail-nav{width:360px;height:74px;padding:10px 15px;max-width:calc(100% - 36px);display:grid;grid-template-columns:44px 1fr 44px;gap:10px}.floating-nav .home-logo,#project-dialog .detail-nav .home-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px}.floating-nav .menu-toggle{grid-column:3;justify-self:end;width:44px;height:44px}#project-dialog .detail-nav #detail-count{display:none}#project-dialog .detail-nav #detail-back{grid-column:1}#project-dialog .detail-nav #close-project{grid-column:3;justify-self:end;margin:0}.site-menu .menu-head{display:grid;grid-template-columns:44px 1fr 44px;position:relative}.site-menu .menu-head .home-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:39px;height:39px}.site-menu .menu-head #menu-close{grid-column:3}.site-menu{padding-top:15px}.work-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4vw,64px);font-weight:750;letter-spacing:-.035em;text-transform:uppercase;line-height:1.06}.work,.about,footer{padding-left:4vw;padding-right:4vw}.section-label,.footer-bottom{width:var(--content-width);max-width:var(--content-width);margin-left:auto;margin-right:auto}.stage-caption{left:50%;right:auto;transform:translateX(-50%);width:var(--content-width);max-width:var(--content-width);margin:0}.work,.about{border-top:0}.project-layout{display:block;width:var(--content-width);max-width:none;margin:0 auto;padding:0 0 45px}.project-hero{width:var(--content-width);margin:0 auto 32px;overflow:visible;border-radius:24px}.hero-art{border-radius:24px;overflow:hidden}#story-origin{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;pointer-events:none}.story-card{width:min(630px,calc(100% - 36px));text-align:center;padding:25px 32px;border-radius:36px;color:var(--paper);pointer-events:auto;background:linear-gradient(140deg,#353535de,#222222d9);transition:width .35s,border-radius .35s,padding .35s,box-shadow .35s;position:relative}.story-card .eyebrow{font:11px monospace;letter-spacing:.065em;text-transform:uppercase;line-height:1.6;margin:0 0 10px}.story-card h2{font:750 clamp(26px,3vw,48px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:uppercase;margin:0 0 12px}.story-summary{font-size:15px;line-height:1.55;color:#d3d0c8;max-width:570px;margin:0 auto}.story-card .story-link{font:11px monospace;letter-spacing:.05em;text-transform:uppercase;margin-top:17px}.story-full{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s,opacity .4s;margin:0}.story-full>div{overflow:hidden;min-height:0}.story-full p{font-size:17px;line-height:1.8;max-width:780px;margin:0 auto 24px;color:#d4d1c8}.story-card.story-floating{position:fixed;z-index:6;left:50%;top:110px;transform:translateX(-50%);width:min(480px,calc(100% - 32px));padding:16px 25px;border-radius:32px;box-shadow:inset 0 1px 0 #ffffff30,0 15px 45px #0004}.story-floating h2{font-size:23px;margin-bottom:7px}.story-floating .eyebrow{font-size:10px;margin-bottom:7px}.story-floating .story-summary{font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-floating .story-link{margin-top:10px;font-size:10px}.story-floating .story-full{display:none}#story-dock{min-height:90svh;padding-top:55px;scroll-margin-top:112px;display:flex;align-items:flex-start;justify-content:center}.story-card.story-expanded{width:min(980px,100%);max-width:none;padding:45px 55px;border-radius:40px;transform:translateY(var(--story-shift,0px))}.story-expanded h2{font-size:clamp(30px,3.5vw,58px)}.story-expanded .story-summary{max-width:720px;font-size:17px;line-height:1.6;margin-bottom:35px}.story-expanded .story-link{display:none}.story-expanded .story-full{grid-template-rows:1fr;opacity:1}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-gallery button{aspect-ratio:4/3}#project-detail{padding-top:112px}
@media(max-width:700px){:root{--content-width:92vw}.floating-nav,#project-dialog .detail-nav{width:330px;height:68px;top:12px;padding:9px 13px}.floating-nav .home-logo,#project-dialog .detail-nav .home-logo{width:35px;height:35px}.work,.about,footer{padding-left:4vw;padding-right:4vw}.work-heading h2{font-size:36px}.project-hero{min-height:490px;height:68svh;margin-bottom:20px}.hero-art{border-radius:18px}#story-origin{bottom:15px}.story-card{width:calc(100% - 28px);padding:20px 22px;border-radius:28px}.story-card h2{font-size:30px}.story-summary{font-size:14px}.story-card.story-floating{top:93px;padding:13px 20px;width:calc(100% - 44px);border-radius:28px}.story-floating h2{font-size:21px}.story-floating .eyebrow{font-size:9px}.story-floating .story-summary{font-size:12px}.story-card.story-expanded{padding:29px 23px;border-radius:28px}.story-expanded h2{font-size:32px}.story-expanded .story-summary{font-size:15px;margin-bottom:25px}.story-full p{font-size:16px;line-height:1.7;margin-bottom:20px}.detail-gallery{gap:12px}.detail-gallery button{aspect-ratio:1}#project-detail{padding-top:96px}#story-dock{padding-top:30px;scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.story-full{transition:none}.story-expanded{transform:none!important}}
/* Quieter atmosphere and compact, tactile navigation. */
body:before,#project-dialog:before{opacity:.5}.floating-nav,#project-dialog .detail-nav{width:200px;height:78px;padding:12px;grid-template-columns:44px 1fr 44px;gap:8px}.floating-nav .home-logo,#project-dialog .detail-nav .home-logo{width:52px;height:52px;overflow:visible;padding:0}.home-logo span{-webkit-mask-image:url('nav-logo.svg');mask-image:url('nav-logo.svg');width:100%;height:100%}.floating-nav .menu-toggle{width:44px;height:44px}.hero-bottom .explore{display:flex;justify-content:center;align-items:center;gap:0;line-height:1;padding:0}.hero-bottom .explore>.icon{width:26px;height:26px;display:block;transform:none;margin:0;flex-shrink:0}.story-card.story-floating{top:auto;bottom:24px}.about h2{font-weight:700}.about h2 i,.contact-title i{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:750;letter-spacing:inherit;color:var(--red)}.icon-button,.glass-button,.menu-toggle,.explore,.story-link,.scene-toolbar button,.disciplines span{transition:scale .16s ease,background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.icon-button:active,.glass-button:active,.menu-toggle:active,.explore:active{scale:.955;box-shadow:inset 0 1px 8px #ffffff18}.story-link:active,.scene-toolbar button:active{scale:.97}.home-logo{transition:scale .16s ease}.home-logo:active{scale:.96}.project:active{scale:.995}.project{transition:scale .18s ease,transform .4s ease,box-shadow .4s ease}.site-menu .menu-head .home-logo{width:45px;height:45px}@media(max-width:700px){.floating-nav,#project-dialog .detail-nav{width:188px;height:72px;padding:10px;gap:6px}.floating-nav .home-logo,#project-dialog .detail-nav .home-logo{width:48px;height:48px}.story-card.story-floating{top:auto;bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.icon-button:active,.glass-button:active,.menu-toggle:active,.explore:active,.story-link:active,.scene-toolbar button:active,.home-logo:active,.project:active{scale:1}}
.site-menu{--menu-start-scale:.417}@keyframes menu-grow{from{opacity:.7;transform:translateX(-50%) scaleX(var(--menu-start-scale));clip-path:inset(0 0 calc(100% - 78px) round 39px)}to{opacity:1;transform:translateX(-50%) scaleX(1);clip-path:inset(0 round 32px)}}@keyframes menu-collapse{to{opacity:0;transform:translateX(-50%) scaleX(var(--menu-start-scale));clip-path:inset(0 0 calc(100% - 78px) round 39px)}}@media(max-width:700px){.site-menu{--menu-start-scale:.55}}

/* Quiet atmosphere, intact parallax and consistent glass controls. */
body:before,#project-dialog:before{opacity:.25}
.hero .hero-bottom{bottom:84px}
.hero .art-stage{bottom:190px}
.hero .stage-caption{left:50%;right:auto;width:var(--content-width);max-width:none;transform:translateX(-50%);box-sizing:border-box}
.work>.section-label,.about>.section-label,.footer-social-row{width:var(--content-width);max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
.story-card.story-floating{bottom:48px;width:min(560px,calc(100% - 40px));padding:21px 30px;border-radius:36px}
.story-floating h2{font-size:27px;margin-bottom:9px}
.story-floating .eyebrow{font-size:11px}
.story-floating .story-summary{font-size:14px;line-height:1.5}
.story-floating .story-link{font-size:11px;margin-top:12px}
footer#contact{padding:0 4vw 44px}
.footer-social-row{border-top:1px solid var(--line);padding-top:34px;display:flex;justify-content:center}
.social-links,#socials{display:flex;justify-content:center;align-items:center;gap:14px}
.social-glass{width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:linear-gradient(145deg,#ffffff10,#ffffff03);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff18,0 5px 15px #0002;transition:transform .22s,background .22s,box-shadow .22s;color:var(--paper)}
.social-glass svg{width:23px;height:23px;display:block}
.social-glass:hover{transform:translateY(-2px);background:#ffffff12;box-shadow:inset 0 1px 0 #ffffff30,0 8px 20px #0003}
.social-glass:active{transform:translateY(0) scale(.96)}
#menu-socials{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}
@media(max-width:700px){.hero .hero-bottom{bottom:80px}.hero .art-stage{bottom:184px}.story-card.story-floating{bottom:calc(30px + env(safe-area-inset-bottom,0px));width:calc(100% - 36px);padding:18px 23px;border-radius:32px}.story-floating h2{font-size:24px}.story-floating .eyebrow{font-size:10px}.story-floating .story-summary{font-size:13px}.social-glass{width:52px;height:52px}footer#contact{padding-bottom:32px}}
@media(prefers-reduced-motion:reduce){.social-glass{transition:none}.social-glass:hover,.social-glass:active{transform:none}}

/* Scroll choreography shared by the clean and grunge editions. */
.hero-scroll{height:180svh}
.hero-scroll>.hero{position:sticky;top:0;height:100svh;min-height:590px}
.story-card{transform-origin:top left;transition:none}
.story-card.story-floating{width:min(760px,calc(100% - 48px));padding:26px 38px;border-radius:42px;bottom:48px}
.story-floating h2{font-size:clamp(28px,2.5vw,40px);margin-bottom:12px}
.story-floating .eyebrow{font-size:12px}
.story-floating .story-summary{font-size:16px;max-width:660px;line-height:1.55}
.story-floating .story-link{font-size:12px;margin-top:16px}
.story-card.story-expanded{width:min(1200px,100%);padding:56px 64px;border-radius:44px}
.story-full{transition:none}
#story-dock{min-height:100svh;padding-top:32px;padding-bottom:100px}
@media(max-width:700px){.hero-scroll{height:170svh}.hero-scroll>.hero{height:100svh;min-height:540px}.story-card.story-floating{width:calc(100% - 32px);padding:21px 24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));border-radius:32px}.story-floating h2{font-size:26px}.story-floating .eyebrow{font-size:11px}.story-floating .story-summary{font-size:15px}.story-card.story-expanded{padding:32px 25px;border-radius:32px}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.hero-scroll>.hero{position:relative}}

/* Consistent pill silhouette and editorial project typography. */
.site-menu{width:200px;padding:12px;border-radius:39px;top:18px;animation:menu-unfold .36s cubic-bezier(.22,1,.36,1) both}
.site-menu .menu-head{height:52px;grid-template-columns:44px 1fr 44px;gap:8px}
.site-menu .menu-head .home-logo{width:52px;height:52px}
.site-menu nav{margin:20px 6px 18px}
.site-menu nav a{font:750 23px/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.025em;text-transform:uppercase;gap:10px;padding:17px 0}
.site-menu nav a small{font-size:10px}
.site-menu nav a:last-child{border-bottom:0}
#menu-socials{border:0;margin:0;padding:0 0 8px;gap:8px}
#menu-socials .social-glass{width:44px;height:44px}
#menu-socials .social-glass svg{width:20px;height:20px}
.site-menu.closing{animation:menu-fold .22s ease-in both}
@keyframes menu-unfold{from{clip-path:inset(0 0 calc(100% - 78px) round 39px)}to{clip-path:inset(0 round 39px)}}
@keyframes menu-fold{from{clip-path:inset(0 round 39px)}to{clip-path:inset(0 0 calc(100% - 78px) round 39px)}}
.story-card.story-floating,.story-card.story-expanded{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);text-align:left;align-items:start;gap:32px}
.story-card.story-floating{width:min(960px,calc(100% - 48px));padding:25px 32px;border-radius:32px}
.story-card .story-heading h2{font-size:clamp(26px,2.8vw,44px);line-height:1.04;margin:0;overflow-wrap:anywhere}
.story-card .eyebrow{color:#a8a59e;font-size:12px;line-height:1.5;letter-spacing:.065em;margin-bottom:12px}
.story-card .story-summary{max-width:none;margin:0;line-height:1.65;font-size:16px}
.story-card .story-link{text-align:left;padding-left:0}
.story-card.story-expanded{padding:48px;gap:56px;border-radius:34px}
.story-expanded .story-heading h2{font-size:clamp(34px,3.6vw,58px)}
.story-expanded .story-summary{font-size:20px;line-height:1.6;margin-bottom:30px;color:var(--paper)}
.story-full p{font-size:17px;line-height:1.8;max-width:none;margin:0 0 24px;color:#bab8b2}
@media(max-width:700px){.site-menu{width:188px;top:12px;padding:10px;border-radius:36px}.site-menu .menu-head{height:50px}.site-menu .menu-head .home-logo{width:48px;height:48px}.site-menu nav a{font-size:22px}.story-card.story-floating{grid-template-columns:1fr;gap:12px;padding:20px 24px;width:calc(100% - 32px)}.story-card.story-expanded{grid-template-columns:1fr;padding:30px 25px;gap:26px}.story-card .story-heading h2{font-size:27px}.story-floating .eyebrow{font-size:11px;margin-bottom:7px}.story-floating .story-summary{font-size:14px}.story-floating .story-link{margin-top:9px}.story-expanded .story-heading h2{font-size:36px}.story-expanded .story-summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu.closing{animation:none}}

/* The menu widens gently from the original centered header. */
.site-menu{width:270px;padding:12px 18px}
.site-menu .menu-head{grid-template-columns:44px 1fr 44px}
.site-menu nav{margin:20px 8px 18px}
.site-menu nav a{font-size:27px;padding:18px 0;gap:15px}
#menu-socials{gap:14px;padding-bottom:9px}
@keyframes menu-unfold{from{width:200px;clip-path:inset(0 0 calc(100% - 78px) round 39px)}to{width:270px;clip-path:inset(0 round 39px)}}
@keyframes menu-fold{from{width:270px;clip-path:inset(0 round 39px)}to{width:200px;clip-path:inset(0 0 calc(100% - 78px) round 39px)}}
.work-carousel{perspective:1000px;overflow:hidden;isolation:isolate;min-height:340px;touch-action:pan-y;cursor:grab}
.work-carousel-stage{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-8deg) scale(var(--carousel-scale,.7))}
.work-title-card{position:absolute;left:0;top:0;width:210px;height:150px;display:flex;align-items:flex-end;padding:22px;border-radius:18px;border:1px solid #ffffff35;background:linear-gradient(145deg,#41403e,#242423);box-shadow:inset 0 1px 0 #ffffff28,0 12px 25px #0004;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;color:var(--paper);text-align:left}
.work-title-card span{font:750 23px/1.12 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:-.03em;overflow-wrap:anywhere}
.work-title-card:hover,.work-title-card:focus-visible{background:linear-gradient(145deg,#71331f,#3c2821);border-color:var(--red);outline:2px solid var(--red);outline-offset:4px}
@media(max-width:700px){.site-menu{width:250px;padding:10px 16px}.site-menu nav a{font-size:25px}.work-carousel{min-height:300px}@keyframes menu-unfold{from{width:188px;clip-path:inset(0 0 calc(100% - 72px) round 36px)}to{width:250px;clip-path:inset(0 round 36px)}}@keyframes menu-fold{from{width:250px;clip-path:inset(0 round 36px)}to{width:188px;clip-path:inset(0 0 calc(100% - 72px) round 36px)}}}

/* Studio edition: spacious index, tactile artwork and editorial reading. */
:root{--content-width:min(1580px,92vw)}
.hero-scroll{height:165svh}
.hero .art-stage{left:8%;right:8%}
.hero-top{letter-spacing:.14em}
.hero .stage-caption:before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--red);transform:scaleX(var(--hero-progress,0));transform-origin:left}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 30px;max-width:1580px}
.project{border-radius:26px;box-shadow:inset 0 1px 0 #ffffff1a,0 16px 40px #0002;background:linear-gradient(145deg,#ffffff0b,#ffffff03)}
.project-image{aspect-ratio:1.5;margin:10px 10px 0;width:calc(100% - 20px);border-radius:18px;clip-path:inset(0 round 18px)}
.project-meta{padding:26px;min-height:144px;display:flex;flex-direction:row;align-items:flex-start}
.project-meta h3{font-size:clamp(27px,2.5vw,42px);font-weight:750;letter-spacing:-.045em;line-height:1.08}
.project-meta p{font-size:12px;letter-spacing:.06em;margin-top:12px}
.project-number{opacity:.55;font-size:11px}
.project-image img{transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s}
.project:hover .project-image img{transform:scale(1.035)}
.project:focus-within{box-shadow:0 0 0 2px var(--red)}
.work-heading{max-width:1580px;margin:48px auto}
.work-heading h2{font-size:clamp(45px,6vw,92px);letter-spacing:-.055em}
.story-card.story-expanded{grid-template-columns:1fr;background:linear-gradient(140deg,#ffffff09,#ffffff03);box-shadow:none;border-radius:28px;padding:52px 60px;gap:32px}
.story-expanded .story-heading{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}
.story-expanded .story-heading h2{font-size:clamp(38px,4.6vw,70px);letter-spacing:-.045em}
.story-expanded .story-copy{display:grid;grid-template-columns:1fr 2fr;gap:35px}
.story-expanded .story-summary{font-size:19px}
.story-expanded .story-full p{font-size:17px;line-height:1.85}
#project-dialog[open]{animation:studio-enter .35s cubic-bezier(.22,1,.36,1)}
@keyframes studio-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.social-glass:hover{color:var(--red);border-color:#f3511255}
@media(min-width:1000px){.project-grid:has(.project:hover) .project:not(:hover){opacity:.74}.project{transition:opacity .35s,transform .4s,box-shadow .4s,scale .18s}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:26px}.project-image{aspect-ratio:1.35}.project-meta{padding:21px;min-height:125px}.project-meta h3{font-size:32px}.story-card.story-expanded{padding:28px 24px}.story-expanded .story-heading,.story-expanded .story-copy{grid-template-columns:1fr;gap:22px}.story-expanded .story-heading h2{font-size:38px}.work-heading{margin:36px auto}.hero .art-stage{left:4%;right:4%}}
@media(prefers-reduced-motion:reduce){#project-dialog[open]{animation:none}.project:hover .project-image img{transform:none}.project-image img{transition:none}}

/* Fine screen texture, restricted to interactive three-dimensional showcases. */
#logo-scene:after,.work-carousel:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle,#111 .7px,transparent .95px);background-size:4px 4px;opacity:.2;mask-image:radial-gradient(ellipse 44% 48% at center,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 44% 48% at center,#000 30%,transparent 100%)}
.work-title-card{height:205px;padding:8px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;overflow:hidden}
.work-title-card img{width:100%;height:125px;object-fit:cover;border-radius:11px;display:block;flex-shrink:0}
.work-title-card span{font-size:18px;line-height:1.15;padding:0 8px 8px;display:block}
.about-content{align-items:start}
.about-content h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.045em;line-height:1.04}
.about-content p{max-width:650px}

/* Softer ink screening on the hero; clean, two-sided project cards. */
#logo-scene:after{opacity:.1;background-image:radial-gradient(ellipse at center,#111 .55px,#1118 .75px,transparent 1.1px);background-size:4px 4px;background-position:0 0;mix-blend-mode:multiply}
.work-carousel:after{display:none}
a:hover,a:focus-visible{color:var(--red)}
a:focus-visible,button:focus-visible{outline-color:var(--red)}
a:active{color:var(--red)}
::selection{background:var(--red);color:#111}
.about-content>div:first-child{align-self:center;width:100%;min-width:0}
.work-carousel{margin:0 auto;width:100%;perspective-origin:50% 50%}
.work-carousel-stage{left:50%;top:50%}
.work-title-card{background:none;border:0;box-shadow:none;padding:0;display:block;overflow:visible;backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:preserve-3d}
.work-title-card:hover,.work-title-card:focus-visible{background:none;border:0}
.card-face{position:absolute;inset:0;border-radius:18px;border:1px solid #ffffff35;background:linear-gradient(145deg,#41403e,#242423);box-shadow:inset 0 1px 0 #ffffff28,0 12px 25px #0004;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.card-front{display:flex;flex-direction:column;gap:12px;padding:8px;transform:translateZ(.5px)}
.card-back{display:grid;place-items:center;transform:rotateY(180deg) translateZ(.5px);background:linear-gradient(145deg,#323130,#1b1b1a)}
.card-back-logo{display:block;width:76px;height:76px;background:var(--red);mask:url('nav-logo.svg') center/contain no-repeat;-webkit-mask:url('nav-logo.svg') center/contain no-repeat;opacity:.8}
.work-title-card:hover .card-face,.work-title-card:focus-visible .card-face{border-color:var(--red)}

a.home-logo:hover span,a.home-logo:focus-visible span{background:var(--red)}

/* Focused project browser and restrained hero controls. */
#logo-scene:after{opacity:.075}
.hero .scene-toolbar{font-size:9px;opacity:.5;gap:12px;letter-spacing:.04em}
.hero .scene-toolbar button{border:0;padding:6px;background:none;box-shadow:none;border-radius:0;display:grid;place-items:center;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero .scene-toolbar button svg{width:11px;height:11px;display:block}
.hero .scene-toolbar button:hover{color:var(--red)}
.project-browser{width:100%;height:auto;min-height:0;padding:14px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(140deg,#ffffff08,#ffffff02);overflow:hidden}
.project-browser .browser-preview{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:15px;background:#252525}
.browser-preview>img{width:100%;height:100%;object-fit:cover;display:block}
.browser-open{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff30;border-radius:50%;background:#1e1e1eaa;backdrop-filter:blur(12px);color:var(--paper)}
.browser-open svg,.browser-arrows svg{width:19px;height:19px}
.browser-preview:hover .browser-open{color:var(--red)}
.browser-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 8px}
.browser-caption .browser-count{font:12px monospace;letter-spacing:.08em;margin:0 0 9px;color:#a9a69e}
.browser-caption h3{font:750 clamp(22px,2.4vw,32px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0;text-transform:uppercase}
.browser-arrows{display:flex;gap:6px}
.browser-arrows button{display:grid;place-items:center;width:36px;height:40px;border:0;background:none;padding:0}
.browser-arrows button:hover{color:var(--red)}
.browser-strip{position:relative;display:flex;gap:8px;overflow-x:auto;padding:4px 3px 8px;scrollbar-width:thin;scrollbar-color:#f3511260 transparent}
.browser-strip button{flex:0 0 60px;width:60px;height:48px;padding:0;border:2px solid transparent;background:none;border-radius:7px;overflow:hidden;opacity:.55;transition:opacity .2s,border-color .2s}
.browser-strip button[aria-pressed="true"],.browser-strip button:hover{opacity:1;border-color:var(--red)}
.browser-strip img{width:100%;height:100%;object-fit:cover;display:block}
.about-content>div:first-child .portrait-wrap{height:auto;min-height:0;margin:0;padding:0;background:none;aspect-ratio:auto;transform:none}
.about-content>div:first-child{align-self:start;position:sticky;top:130px}
.story-full .case-section h3{font:700 15px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.045em;color:var(--paper);margin:30px 0 12px}
.story-full .case-section:first-child h3{margin-top:0}
@media(max-width:700px){.about-content>div:first-child{position:relative;top:auto}.project-browser{padding:10px;border-radius:20px}.browser-caption{padding:18px 7px}.browser-caption h3{font-size:26px}.hero .scene-toolbar{font-size:8px;gap:7px}}

.about-content>div:first-child .portrait-wrap{max-height:none;border:0;box-shadow:none}

/* TCG study, exclusive to this fork. */
.about-content{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;align-items:start}
.about-content>div:first-child{position:relative;top:auto;align-self:start}
.about-content>div:last-child{column-count:2;column-gap:34px}
.about-content>div:last-child h2{column-span:all;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.045em;margin:0 0 35px}
.about-content>div:last-child p{font-size:16px;line-height:1.75;margin:0 0 22px;break-inside:avoid}
.tcg-showcase{--foil:#a7a59f;width:100%;max-width:460px;margin:0 auto}
.tcg-showcase[data-rarity="rare"]{--foil:var(--red)}
.tcg-showcase[data-rarity="legendary"]{--foil:#deb976}
.tcg-stage{position:relative;perspective:1200px}
.tcg-flipper{display:block;position:relative;width:100%;height:570px;max-height:none;padding:0;border:0;background:none;color:var(--paper);transform-style:preserve-3d;cursor:pointer;text-align:left;transition:none}
.tcg-face{position:absolute;inset:0;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--foil) 65%,transparent);border-radius:26px;padding:15px;background:linear-gradient(145deg,#494744c9,#232322ed 60%,#33302bec);box-shadow:inset 0 1px 0 #ffffff40,inset 0 0 0 5px #ffffff04,0 18px 45px #0004;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.tcg-front{transform:translateZ(1px)}
.tcg-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 10%,#ffffff09 35%,transparent 55%);border-radius:inherit}
[data-rarity="legendary"] .tcg-front:after{background:linear-gradient(115deg,transparent,#efc89018 25%,#fff4d415 40%,transparent 60%)}
.tcg-top{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:28px;margin-bottom:12px;font:9px/1.4 monospace;letter-spacing:.06em}
.tcg-rarity{color:var(--foil);font-weight:700}
.tcg-art{display:block;width:100%;height:220px;object-fit:cover;border-radius:13px;border:1px solid #ffffff20;flex-shrink:0}
.tcg-info{display:flex;flex-direction:column;padding:20px 8px;gap:12px}
.tcg-category{font:10px/1.5 monospace;text-transform:uppercase;letter-spacing:.04em;color:#aaa69f}
.tcg-title{font:750 clamp(25px,2.4vw,36px)/1.05 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:-.04em}
.tcg-flavor{font:14px/1.55 Arial,Helvetica,sans-serif;color:#bdb9b0}
.tcg-bottom{margin-top:auto;padding:12px 52px 2px 8px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ffffff15;font:9px/1.4 monospace;letter-spacing:.05em;color:#96938c}
.tcg-back{transform:rotateY(180deg) translateZ(1px);align-items:center;justify-content:center;gap:30px;background:radial-gradient(ellipse at 50% 40%,#f3511215,transparent 70%),#242423;font:11px monospace;letter-spacing:.12em}
.tcg-back-mark{width:48%;aspect-ratio:1;background:var(--red);mask:url('nav-logo.svg') center/contain no-repeat;-webkit-mask:url('nav-logo.svg') center/contain no-repeat}
.tcg-open{position:absolute;bottom:17px;right:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff0b;z-index:2}
.tcg-open svg{width:18px;height:18px}
.tcg-open:hover{color:var(--red);border-color:var(--red)}
.tcg-showcase .tcg-instruction{font:12px/1.5 monospace;text-align:center;margin:20px 0 13px;color:#aaa69f}
.tcg-odds{display:flex;justify-content:center;gap:18px;font:9px/1.5 monospace;color:#8e8b85;letter-spacing:.02em}
.tcg-odds b{display:block;text-align:center;color:#c7c2b7;font-weight:400}
.footer-social-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding-top:30px}
.footer-signature,.footer-location{display:flex;flex-direction:column;gap:8px}
.footer-signature>span{font:750 22px Arial,Helvetica,sans-serif;letter-spacing:-.04em}
.footer-signature small,.footer-location{font:11px/1.5 monospace;letter-spacing:.04em;color:#9d9991}
.footer-location{text-align:right}
@media(max-width:1100px){.about-content{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:35px}.about-content>div:last-child{column-count:1}.tcg-flipper{height:580px}}
@media(max-width:700px){.about-content{grid-template-columns:1fr;gap:45px}.tcg-showcase{max-width:390px}.tcg-flipper{height:575px}.tcg-title{font-size:31px}.tcg-art{height:215px}.about-content>div:last-child h2{font-size:48px}.footer-social-row{grid-template-columns:1fr;justify-items:center;gap:24px}.footer-signature,.footer-location{text-align:center}.tcg-odds{font-size:10px}}

.tcg-flipper{height:610px}.tcg-flavor{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

/* Starter card, responsive foil and a balanced About grid. */
.tcg-open[hidden]{display:none}
.tcg-intro .tcg-art{object-fit:contain;object-position:center 38%;background:radial-gradient(ellipse at center,#58452d55,transparent 75%),#20201f;height:245px}
.tcg-intro .tcg-flavor{-webkit-line-clamp:7;font-size:14px;line-height:1.55}
.tcg-front:after{transition:background-position .25s,opacity .25s}
[data-rarity="rare"] .tcg-front:after,[data-rarity="legendary"] .tcg-front:after{background-image:radial-gradient(ellipse at var(--foil-x,50%) var(--foil-y,50%),#fff7da66,transparent 55%),repeating-linear-gradient(115deg,#f3511200 0%,#e4baa026 15%,#a3c9e338 28%,#f351121c 42%,#ffffff25 52%,transparent 68%);background-size:100% 100%,220% 220%;background-position:center,var(--foil-x,50%) var(--foil-y,50%);mix-blend-mode:screen;opacity:.55}
[data-rarity="legendary"] .tcg-front:after{background-image:radial-gradient(ellipse at var(--foil-x,50%) var(--foil-y,50%),#fff2bb99,transparent 48%),repeating-linear-gradient(125deg,#dfad6933 0%,#e7cd894d 15%,#d6a5ca30 30%,#99c9c53b 42%,#fff0a85c 54%,#dfad6933 70%);opacity:.75}
[data-rarity="legendary"] .tcg-front{box-shadow:inset 0 1px 0 #fff4c380,inset 0 0 0 5px #e6c0770c,0 18px 45px #0004,0 0 30px #cf9b3412}
.about-content>div:last-child{column-count:auto}
.about-content>div:last-child h2{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.about-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 34px;align-items:start}
.about-content .about-copy-grid p{margin:0;font-size:16px;line-height:1.75}
.about-copy-grid p:last-child:nth-child(odd){grid-column:1/-1;max-width:none}
@media(max-width:1100px){.about-copy-grid{grid-template-columns:1fr}.about-copy-grid p:last-child:nth-child(odd){grid-column:auto}}
@media(prefers-reduced-motion:reduce){.tcg-front:after{transition:none}}

/* The adopted TCG layout: balanced copy and a centred card. */
.about-content{align-items:center}
.about-content>div:first-child{align-self:center;position:relative}
.about-content>div:first-child:after{content:"";position:absolute;right:-24px;top:25%;height:50%;width:1px;background:var(--paper);opacity:.25;pointer-events:none}
.about-copy-grid{gap:14px 28px}
.about-copy-grid p:last-child:nth-child(odd){grid-column:auto}
.about-copy-grid p:first-child{grid-column:1/-1}
.about-content .about-copy-grid p{margin:0;line-height:1.65}
.tcg-caption{margin:20px auto 0;text-align:center;max-width:340px}
.tcg-caption-title{display:flex;justify-content:center;align-items:center;gap:8px;font:700 12px/1.5 monospace;letter-spacing:.09em}
.tcg-showcase .tcg-instruction{font:11px/1.65 monospace;margin:7px 0 0;color:#9d9991}
.tcg-help{position:relative;display:inline-flex}
.tcg-help>button{width:18px;height:18px;padding:0;border:1px solid #ffffff35;border-radius:50%;background:none;font:11px monospace;color:var(--paper)}
.tcg-help>button:hover{color:var(--red)}
#tcg-tooltip{display:none;position:absolute;z-index:8;bottom:27px;right:-20px;width:250px;padding:13px 15px;border:1px solid #ffffff25;border-radius:12px;background:#262625;box-shadow:0 8px 25px #0005;font:12px/1.55 Arial,Helvetica,sans-serif;text-align:left;letter-spacing:0;color:var(--paper)}
.tcg-help:hover #tcg-tooltip,.tcg-help:focus-within #tcg-tooltip,.tcg-help.is-open #tcg-tooltip{display:block}
.footer-signature>a{font:12px/1.5 monospace;color:#bdb8ae}
.footer-signature>a:hover{color:var(--red)}
@media(max-width:1100px){.about-content>div:first-child:after{right:-18px}.about-copy-grid{gap:14px}.about-copy-grid p:first-child{grid-column:auto}}
@media(max-width:700px){.about-content>div:first-child{order:2}.about-content>div:last-child{order:1}.about-content>div:first-child:after{top:-24px;left:25%;right:auto;width:50%;height:1px}.about-content{gap:48px}.about-copy-grid{gap:14px}.tcg-caption{max-width:300px}}
/* CMS blocks extend the current project presentation; existing projects retain their markup. */
.cms-block{margin:0 0 clamp(24px,4vw,64px);min-width:0}.cms-block figure{margin:0;min-width:0}.cms-block figure button{display:block;width:100%;position:relative;padding:0;border:0;background:transparent;border-radius:18px;overflow:hidden;cursor:zoom-in}.cms-block img{display:block;width:100%;height:auto}.cms-block figcaption,.cms-caption{font:11px/1.6 var(--mono);opacity:.65;margin:12px 0}.cms-containedImage,.cms-youtube,.cms-textSection,.cms-creditBlock{max-width:900px;margin-left:auto;margin-right:auto}.cms-twoImages,.cms-threeImages,.cms-imageGallery,.cms-textImage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cms-threeImages{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-twoImages img,.cms-threeImages img,.cms-imageGallery img{aspect-ratio:4/3;object-fit:cover}.cms-caption{grid-column:1/-1}.cms-textImage{align-items:center}.cms-image-left figure{order:-1}.cms-text{font:inherit;line-height:1.7;white-space:normal}.cms-text h3,.cms-sectionHeading h3{font-family:inherit;font-weight:700;font-size:clamp(24px,3vw,42px);margin:0 0 20px}.cms-text p{margin:0 0 16px}.cms-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#111}.cms-video iframe{width:100%;height:100%;border:0}.hero-art[hidden]{display:none}.project-hero>.cms-video{min-height:55vh}.cms-break{height:32px}.cms-break-medium{height:64px}.cms-break-large{height:112px}.cms-divider{border-top:1px solid var(--line)}.cms-facts{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 24px}.cms-facts dt{font-size:11px;text-transform:uppercase;opacity:.6}.cms-facts dd{margin:4px 0 0}.cms-content{width:100%}
.about-content{column-gap:72px}.about-content>div:first-child:after{right:-36px}.about-content>div:last-child h2{padding-bottom:12px;margin-bottom:14px}.about-copy-grid{row-gap:10px}.about-content .about-copy-grid p{margin:0}
@media(max-width:1100px){.about-content{column-gap:48px}.about-content>div:first-child:after{right:-24px}}
@media(max-width:700px){.cms-twoImages,.cms-threeImages,.cms-imageGallery,.cms-textImage{grid-template-columns:1fr}.cms-image-left figure{order:0}.about-content{gap:48px}.about-content>div:first-child:after{right:auto}.about-copy-grid{row-gap:10px}}

/* Final responsive and performance pass. Keep every section on one shared grid. */
:root{--page-gutter:clamp(48px,6vw,110px);--content-width:min(1580px,calc(100vw - (var(--page-gutter) * 2)))}
html,body{width:100%;max-width:100%;overflow-x:clip}
main,.hero-scroll,.hero,.work,.about,footer,#project-dialog{max-width:100%}
.hero,.work,.about,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-top,.work-heading,.project-grid,.about-content,.section-label,.footer-social-row,.footer-bottom{width:100%;max-width:1580px;margin-left:auto;margin-right:auto}
.work-heading{margin-top:48px;margin-bottom:48px}
.project-grid,.about-content,.about-content>*,.project,.project-image,.project-meta,.hero-top{min-width:0}
.project img,.tcg-art,.hero-art img,.detail-gallery img{max-width:100%}
.about-content>div:last-child h2{padding-bottom:0;margin-bottom:14px;border-bottom:0}
.project{backdrop-filter:none;-webkit-backdrop-filter:none;contain:layout style}
.project-image img,.tcg-art{content-visibility:auto}
.interactive-scene canvas{contain:strict}
body:before,#project-dialog:before{opacity:.35;filter:blur(42px)}

@media(max-width:700px){
 :root{--page-gutter:24px;--content-width:calc(100vw - 48px)}
 html,body{overflow-x:clip;overflow-y:visible}
 .hero,.work,.about,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 .hero-top{justify-content:center;text-align:center}
 .hero-top span:first-child{width:100%}
 .hero-top span:last-child{display:none}
 .work-heading h2{font-size:clamp(34px,10.5vw,48px);overflow-wrap:anywhere}
 .section-label{gap:14px}
 .section-label span{min-width:0}
 .section-label span:last-child{max-width:48%}
 .project-grid{width:100%}
 .project-meta{min-width:0}
 .project-meta>div:first-child{min-width:0}
 .project-meta h3,.project-meta p{max-width:100%;overflow-wrap:anywhere}
 .tcg-showcase,.tcg-stage,.tcg-flipper{max-width:100%}
 .tcg-help [role=tooltip]{right:0;max-width:calc(100vw - 48px)}
 .floating-nav,#project-dialog .detail-nav,.site-menu{max-width:calc(100vw - 32px)}
 .project-hero,.project-layout{width:var(--content-width)}
 .project-hero{margin-left:auto;margin-right:auto}
 .project-layout{padding-left:0;padding-right:0}
 .detail-gallery,.cms-block,.cms-block figure,.cms-video{max-width:100%;min-width:0}
}

@media(hover:none),(pointer:coarse){
 .project{transform:none!important}
 .project-image img{transform:none!important}
 .project:hover{box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff05,0 12px 35px #0002}
}

/* Shared rail widths and Safari sticky-scroll correction. */
.work>.section-label,.work>.work-heading,.work>.project-grid,.about>.section-label,.about>.about-content,footer>.footer-social-row{width:100%;max-width:1580px;margin-left:auto;margin-right:auto}
.about-copy-grid{display:block;column-count:2;column-gap:28px}
.about-content .about-copy-grid p{break-inside:avoid;margin:0 0 14px;max-width:none}
.project:nth-child(n){backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:700px){
 html,body{overflow-x:clip;overflow-y:visible}
 .hero-scroll{height:125svh}
 .hero-scroll>.hero{height:100svh;min-height:540px;position:sticky;top:0}
 .about-copy-grid{column-count:1}
 .hero .art-stage{top:140px;bottom:184px;left:24px;right:24px}
 .work>.work-heading{margin-top:32px;margin-bottom:32px}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.hero-scroll>.hero{position:relative}}

/* Booster edition: the wrapper becomes the first collectible project. */
.tcg-booster .tcg-flipper{height:650px}
.tcg-booster .tcg-front{border-radius:9px;padding:38px 22px 30px;border-color:#f3511280;background:linear-gradient(110deg,#202020 0%,#45413d 3%,#242322 9%,#39302b 50%,#242322 91%,#554438 97%,#222 100%);box-shadow:inset 2px 0 2px #ffffff30,inset -2px 0 3px #0009,0 18px 40px #0004}
.tcg-booster .tcg-front:before{content:"";position:absolute;inset:0 0 auto;height:22px;background:repeating-linear-gradient(90deg,#f35112 0 2px,#9c3618 2px 4px);border-bottom:1px solid #ffb38a60;box-shadow:0 2px 5px #0005;pointer-events:none}
.tcg-booster .tcg-front:after{inset:auto 0 0;height:17px;background:repeating-linear-gradient(90deg,#9c3618 0 2px,#f35112 2px 4px);border-radius:0;opacity:.7}
.tcg-booster .tcg-art{height:245px;border:0;border-radius:4px;background:radial-gradient(ellipse,#f3511229,transparent 70%)}
.tcg-booster .tcg-top{color:#f6ece3;letter-spacing:.16em;border-bottom:1px solid #ffffff25;padding-bottom:10px}
.tcg-booster .tcg-info{padding:18px 0;gap:12px}
.tcg-booster .tcg-title{font-size:clamp(28px,2.7vw,38px);line-height:1;text-transform:uppercase;color:var(--red)}
.tcg-booster .tcg-category{font-size:10px;color:#deddd7}
.tcg-booster .tcg-flavor{font-size:13px;line-height:1.6;-webkit-line-clamp:5}
.tcg-booster .tcg-bottom{padding:12px 0 0;color:#deddd7}
@media(max-width:700px){.tcg-booster .tcg-flipper{height:640px}.tcg-booster .tcg-front{padding-left:18px;padding-right:18px}.tcg-booster .tcg-title{font-size:30px}}