@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf')}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf');font-weight:800}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f8f8f8;color:#111;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,.scene:focus-visible{outline:2px solid #555;outline-offset:6px}header{height:100px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.wordmark{font-size:22px;font-weight:800;letter-spacing:-1px}nav{display:flex;gap:38px;font-size:14px}nav a:hover{text-decoration:underline}.hero{height:100svh;min-height:780px;max-height:1200px;position:relative;overflow:hidden;border-bottom:1px solid #ddd}.studio-label{position:absolute;top:135px;left:5%;font-size:10px;letter-spacing:2px}.studio-label span{display:inline-block;width:6px;height:6px;background:#111;border-radius:50%;margin-left:8px}.scene{position:absolute;left:22%;top:7%;width:69%;height:78%;perspective:1300px;touch-action:pan-y;cursor:grab}.scene:active{cursor:grabbing}.scene-world{width:100%;height:100%;position:relative;transform-style:preserve-3d;will-change:transform}.sculpture{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.floating-projects{position:absolute;inset:0;transform-style:preserve-3d}.floating-project{position:absolute;border:0;padding:0;background:white;box-shadow:0 20px 35px #0002;transition:transform .65s,filter .4s;overflow:hidden}.floating-project img{width:100%;height:100%;object-fit:cover;display:block}.floating-project:nth-child(1){width:29%;height:24%;left:1%;top:15%;transform:rotateY(24deg) rotateZ(-11deg) translateZ(60px)}.floating-project:nth-child(2){width:25%;height:23%;right:0;top:10%;transform:rotateY(-23deg) rotateZ(10deg) translateZ(30px)}.floating-project:nth-child(3){width:25%;height:26%;right:0;bottom:8%;transform:rotateY(-20deg) rotateZ(12deg) translateZ(90px)}.floating-project:hover{filter:brightness(1.08);box-shadow:0 25px 45px #0003}.hero-copy{position:absolute;left:5%;bottom:19%;pointer-events:none;z-index:2}.hero-copy h1{font-size:clamp(65px,7.3vw,112px);line-height:.98;letter-spacing:-.065em;font-weight:800;margin:0 0 25px}.hero-copy p{font-size:16px;color:#555;margin:0 0 30px}.primary{display:inline-flex;align-items:center;gap:25px;background:#111;color:white;padding:17px 23px;border-radius:40px;font-size:13px;pointer-events:auto}.primary img{width:19px;filter:invert(1)}.project-index{position:absolute;right:5%;top:49%;display:grid;gap:16px;z-index:3}.project-index button{border:0;background:none;text-align:left;font-size:10px;letter-spacing:1px;color:#888;max-width:150px}.project-index button[aria-pressed=true]{color:#111;font-weight:800}.project-index button span{margin-right:14px}.scene-controls{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);text-align:center}.control-row{display:flex;gap:30px;align-items:center;font-size:12px;color:#666}.control-row button{border:1px solid #ddd;border-radius:50%;width:40px;height:40px;background:transparent;display:grid;place-items:center}.control-row img{width:16px}.scene-dots{display:flex;justify-content:center;gap:7px;margin-top:20px}.scene-dots button{width:25px;height:3px;background:#ccc;border:0;padding:0}.scene-dots button[aria-pressed=true]{background:#111}.motion{position:absolute;bottom:5%;right:5%;font-size:10px;background:none;border:0;color:#777}.progress{position:fixed;top:0;left:0;height:2px;background:#111;z-index:20}.skip{position:fixed;top:-100px;z-index:30;background:#fff;padding:20px}.skip:focus{top:0}.work,.about,.contact{padding:65px 5% 100px}.section-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#666}.work-heading{display:flex;align-items:end;justify-content:space-between;margin:65px 0 40px}h2{font-size:clamp(44px,6.5vw,96px);font-weight:800;letter-spacing:-.06em;line-height:1.05;margin:0}.work-heading p{color:#777;line-height:1.8;font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid #ddd;border-radius:30px;background:transparent;padding:10px 17px;font-size:12px}.filters button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.card{border:0;background:none;padding:0;text-align:left;min-width:0}.image-wrap{aspect-ratio:1.3;overflow:hidden;background:#eee;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.card:hover img{transform:scale(1.04)}.card-tag{position:absolute;bottom:20px;right:20px;background:white;padding:10px 16px;border-radius:30px;font-size:11px}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.card h3{font-size:23px;letter-spacing:-.7px;margin:0}.category,.client{font-size:11px;color:#777}.about{border-top:1px solid #ddd;background:#eee}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;margin-top:70px}.about-grid h2{font-size:clamp(40px,5.5vw,80px)}.about-grid p{font-size:17px;line-height:1.8;color:#555;margin-top:0}.facts{display:flex;gap:50px;margin-top:40px}.facts strong{display:block;font-size:44px;letter-spacing:-2px}.facts span{font-size:11px;color:#666}.disciplines{display:flex;flex-wrap:wrap;gap:12px;margin-top:75px}.disciplines span{border:1px solid #ccc;border-radius:30px;padding:12px 20px;font-size:12px}.contact{background:#111;color:#fff}.contact .section-top{color:#999}.contact h2{margin:90px 0 65px;font-size:clamp(42px,8vw,118px)}.email-title img{width:.7em;filter:invert(1);margin-left:20px}.contact-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}.copy{border:1px solid #555;border-radius:30px;color:white;background:none;padding:10px 17px}.instagram{margin-left:auto;color:#aaa}footer{padding:28px 5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:15px 25px;border-radius:30px;background:#111;color:#fff;opacity:0;pointer-events:none;z-index:25}.toast.show{opacity:1}.project-dialog{max-width:none;width:100%;height:100%;max-height:none;border:0;margin:0;padding:30px 5% 70px;background:#f8f8f8;color:#111;overflow:auto}.project-dialog::backdrop{background:#111b}.dialog-top{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-30px;background:#f8f8f8;z-index:2;padding:20px 0;font-size:10px}.close{display:flex;gap:20px;align-items:center;background:none;border:0}.close img{width:20px}.dialog-content{max-width:1300px;margin:50px auto}.dialog-category{font-size:12px;color:#777}.dialog-content h2{margin:25px 0 40px}.project-info{display:grid;grid-template-columns:1fr 2fr;gap:8%;margin-bottom:60px}.project-info span{font-size:10px;color:#777}.project-info p{line-height:1.8}.gallery{display:grid;gap:25px}.gallery img{display:block;width:100%;height:auto}.dialog-bottom{display:flex;justify-content:space-between;margin-top:45px}.dialog-bottom button{border:1px solid #ccc;background:none;border-radius:30px;padding:13px 20px}.type-letter{display:inline-block}.paused *{scroll-behavior:auto!important}@media(min-width:1500px){.scene{left:27%;width:62%}}@media(max-width:1000px){.hero{min-height:800px}.hero-copy{bottom:20%}.hero-copy h1{font-size:80px}.scene{left:15%;top:12%;width:83%;height:64%}.project-index{top:63%;right:4%}.hero-copy p{max-width:230px}.about-grid{gap:5%}}@media(max-width:600px){header{height:80px;padding:0 6%}.wordmark{font-size:18px}nav{gap:20px;font-size:12px}.hero{height:900px;min-height:850px;max-height:none}.studio-label{top:105px;left:6%;font-size:9px}.scene{left:-7%;width:110%;top:13%;height:48%}.floating-project:nth-child(1){left:9%;width:28%}.floating-project:nth-child(2){right:10%;width:26%}.floating-project:nth-child(3){right:11%;bottom:12%;width:26%}.hero-copy{left:6%;bottom:20%}.hero-copy h1{font-size:clamp(54px,12vw,74px);margin-bottom:18px}.hero-copy p{font-size:12px;max-width:none;margin-bottom:22px}.primary{padding:14px 19px;font-size:11px}.project-index{top:60%;right:6%;gap:9px}.project-index button{font-size:8px;max-width:100px}.project-index button span{margin-right:5px}.scene-controls{bottom:6%}.control-row{gap:18px;white-space:nowrap;font-size:11px}.motion{bottom:2%;font-size:9px}.work,.about,.contact{padding:45px 6% 65px}.section-top{font-size:8px;letter-spacing:1px;gap:20px}.work-heading{margin-top:45px;align-items:start;gap:20px}.work-heading h2{font-size:53px}.work-heading p{font-size:11px;line-height:1.6}.projects{grid-template-columns:1fr;gap:35px}.card h3{font-size:21px}.filters{gap:6px}.filters button{font-size:10px;padding:9px 12px}.about-grid{grid-template-columns:1fr;gap:30px;margin-top:45px}.about-grid h2{font-size:52px}.about-grid p{font-size:14px}.facts{gap:35px}.disciplines{margin-top:40px;gap:8px}.disciplines span{font-size:10px;padding:10px 14px}.contact h2{margin:55px 0 40px;font-size:12vw}.contact-bottom{gap:15px}.instagram{margin-left:0;width:100%}footer{gap:15px;font-size:8px}footer>span:nth-child(2){display:none}.project-info{grid-template-columns:1fr;gap:20px}.dialog-top{font-size:8px}.dialog-content{margin-top:30px}.dialog-content h2{font-size:48px}.dialog-bottom button{font-size:11px}.project-index{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(min-width:1001px){.scene{left:32%;width:62%;height:74%;top:9%}.hero-copy h1{font-size:clamp(65px,6.8vw,104px)}.project-index{right:3%;top:49%;background:#f8f8f8e8;padding:12px;border-radius:4px}}


@media(min-width:601px) and (max-width:1000px){.scene{left:20%;top:11%;width:76%;height:49%}.hero-copy{bottom:20%}.hero-copy h1{font-size:72px}.project-index{top:54%;background:#f8f8f8e8;padding:10px}.hero-copy p{max-width:none}}

.sculpture-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.webgl-ready .sculpture{visibility:hidden}.hero{height:300svh;max-height:none;min-height:2400px;overflow:clip}.hero-stage{position:sticky;top:0;height:100svh;min-height:780px;max-height:1200px;overflow:hidden}.webgl-fallback{height:100svh;min-height:780px}.webgl-fallback .hero-stage{position:relative}@media(max-width:600px){.hero{height:2700px;min-height:2700px}.hero-stage{height:900px;min-height:900px;max-height:none}.scene{top:12%;height:44%;left:-2%;width:104%}.webgl-fallback{height:900px;min-height:900px}}
.hero-stage{background:#fff url('assets/studio-backdrop.png') center / cover no-repeat}.studio-label{top:30%;left:4.2%;font-size:11px;letter-spacing:3px}.studio-label span{width:40px;height:1px;border-radius:0;vertical-align:middle;margin-left:20px}header{padding:0 4.2%}.wordmark{font-size:30px;letter-spacing:-1.6px}nav{font-size:17px;gap:65px}.project-index{right:3%;top:21%;height:38%;border-left:1px solid #999;padding:0 0 0 34px;background:none;border-radius:0;gap:50px}.project-index button{max-width:135px;font-size:12px;color:#111;letter-spacing:2px;position:relative}.project-index button span{display:block;margin:0 0 10px;font-size:14px;letter-spacing:0}.project-index button[aria-pressed=true]:before{content:'';position:absolute;left:-36px;top:0;width:3px;height:65px;background:#111}.hero-copy{left:4.2%;bottom:7.5%}.hero-copy h1{font-size:clamp(65px,7.8vw,116px);line-height:.88;letter-spacing:-.075em;margin-bottom:22px}.hero-copy p{font-size:21px;color:#111;margin-bottom:30px}.primary{padding:17px 28px;font-size:14px;gap:32px}.scene-controls{bottom:6.7%;left:53%}.control-row{gap:45px}.scene-dots{margin-top:15px}.scene{left:18%;width:72%;height:82%;top:5%}.floating-project{border:1px solid #fffc;border-radius:7px;background:#ffffff32;box-shadow:inset 0 0 0 2px #ffffff5c,3px 7px 0 #a7afb540,0 25px 30px #0002;backdrop-filter:blur(8px);padding:3px}.floating-project:nth-child(1){width:25%;height:24%;left:14%;top:24%;transform:rotateY(-18deg) rotateX(7deg) rotateZ(-7deg) translateZ(60px)}.floating-project:nth-child(2){width:24%;height:26%;right:21%;top:7%;transform:rotateY(-38deg) rotateZ(-12deg) translateZ(40px)}.floating-project:nth-child(3){width:26%;height:27%;right:11%;bottom:7%;transform:rotateY(10deg) rotateZ(-12deg) translateZ(80px)}
@media(max-width:1000px) and (min-width:601px){.scene{left:3%;width:94%;height:57%;top:10%}.hero-copy{bottom:11%}.hero-copy h1{font-size:80px}.hero-copy p{font-size:16px}.project-index{right:4%;top:22%;height:30%;gap:22px;padding-left:15px}.project-index button{font-size:9px;max-width:90px}.project-index button[aria-pressed=true]:before{left:-17px}.studio-label{top:11%;font-size:9px}.scene-controls{bottom:4%}nav{gap:35px;font-size:14px}.wordmark{font-size:24px}}
@media(max-width:600px){.hero-stage{background-position:45% center}.scene{left:-10%;width:118%;top:14%;height:41%}.hero-copy{left:6%;bottom:19%}.hero-copy h1{font-size:13vw;line-height:.96;letter-spacing:-.065em}.hero-copy p{font-size:12px}.primary{font-size:11px;padding:14px 19px}.studio-label{top:105px;left:6%;font-size:8px;letter-spacing:2px}.studio-label span{width:20px;margin-left:10px}.wordmark{font-size:20px}nav{gap:18px;font-size:12px}.scene-controls{left:50%;bottom:6%}.control-row{gap:18px}.floating-project:nth-child(1){width:26%;left:12%;top:26%}.floating-project:nth-child(2){width:25%;right:16%;top:5%}.floating-project:nth-child(3){width:27%;right:12%;bottom:4%}}
.floating-project.packaging{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;overflow:visible}.floating-project.packaging img{object-fit:contain;filter:drop-shadow(0 20px 18px #0002)}.scene-controls .control-row button{border-color:#aaa;background:#ffffff50}.scene-controls .control-row span{color:#555}.motion{color:#555}
.falling-projects{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.falling-card{position:absolute;top:0;width:clamp(180px,19vw,280px);aspect-ratio:1.3;padding:4px;background:#ffffff50;border:1px solid #ffffffc0;border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff50,4px 8px 0 #a9b0b43b,0 28px 40px #0003;backdrop-filter:blur(10px);will-change:transform,opacity}.falling-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}.hero-copy{z-index:3}.current-project{display:block;max-width:330px;margin:0 auto 20px;border:0;background:none;font-size:10px;letter-spacing:1.2px;color:#333;text-align:center}.current-project:hover{text-decoration:underline}.scene-controls{z-index:4}.studio-label{z-index:3}.project-index{z-index:4}@media(max-width:600px){.falling-card{width:40vw}.current-project{font-size:9px;margin-bottom:14px;max-width:270px}.falling-card:nth-child(1){left:3%!important}.falling-card:nth-child(2){left:32%!important}.falling-card:nth-child(3){left:56%!important}}

.hero-copy h1{text-shadow:0 0 10px #ffffff65}.current-project{background:#ffffff80;padding:7px 13px;border-radius:20px}

.scene-dots button{height:24px;background:none!important;position:relative}.scene-dots button:after{content:'';position:absolute;top:10px;left:0;right:0;height:3px;background:#ccc}.scene-dots button[aria-pressed=true]:after{background:#111}.current-project{min-height:44px}.hero-stage{min-height:0}@media(max-width:600px){.hero{height:300svh;min-height:2400px}.hero-stage{height:100svh;min-height:800px}.scene{left:0;width:100%;height:42%}.control-row button{height:46px;width:46px}.scene-dots button{width:32px;height:32px}.scene-dots button:after{top:14px}.scene-controls{bottom:3%}.current-project{margin-bottom:6px}}@media(max-height:760px) and (min-width:601px){.hero-copy h1{font-size:clamp(60px,6.5vw,88px)}.hero-copy p{font-size:16px;margin-bottom:20px}.primary{padding:13px 23px}.scene-controls{bottom:3%}.current-project{margin-bottom:5px}.project-index{gap:22px}.studio-label{top:22%}}

.current-project{background:none;border-radius:0}@media(max-width:600px){.hero-copy{bottom:23%}}
nav a.active{position:relative}nav a.active:after{content:'';position:absolute;left:50%;bottom:-12px;width:6px;height:6px;background:#111;border-radius:50%;transform:translateX(-50%)}


/* Remove the secondary caption beneath the sculpture. */
.current-project[hidden]{display:none!important}

/* Full-stage studio and upright project reveals */
header{position:fixed;top:0;left:0;width:100%;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);height:90px;box-sizing:border-box}.progress{z-index:50}
.hero-stage{background:#f3f3f1}.scene{inset:0;width:100%;height:100%;perspective:none}.sculpture-canvas{width:100%;height:100%}.hero-copy{pointer-events:none;bottom:9%;z-index:3}.hero-copy a{pointer-events:auto}.hero-copy h1{font-size:clamp(54px,6.4vw,100px)}.project-index{top:12%;height:auto;gap:18px}.project-index button{font-size:10px}.orbit-card{position:absolute;width:18%;max-width:270px;padding:0;border:0;background:transparent;text-align:left;z-index:6;cursor:pointer;transform:none;color:#111;font-family:Manrope,sans-serif}.orbit-title{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;line-height:1.5;margin-bottom:8px;text-transform:uppercase}.orbit-picture{display:grid;overflow:hidden;transition:none}.orbit-picture img{width:100%;height:150px;min-height:0;object-fit:cover;display:block;box-shadow:0 8px 20px #0002}.orbit-card[data-slot="left-top"]{left:4.2%;top:20%}.orbit-card[data-slot="left-middle"],.orbit-card[data-slot="left-bottom"]{left:4.2%;top:35%}.orbit-card[data-slot="right-top"]{right:3%;top:27%}.orbit-card[data-slot="right-middle"]{right:3%;top:44%}.orbit-card[data-slot="right-bottom"]{right:3%;top:61%}
.work-heading h2,.work-heading p,.about-visual h2{white-space:pre-line}.about-visual{position:relative;min-height:260px;overflow:hidden}.portrait{width:100%;height:620px;object-fit:cover;display:block}.portrait[hidden]{display:none}.has-portrait h2{position:absolute;left:5%;bottom:8%;z-index:2;color:white;text-shadow:0 2px 24px #0008;font-size:clamp(40px,5vw,78px)}.has-portrait .portrait{animation:portrait-reveal 1.2s ease-out both}@keyframes portrait-reveal{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){header{height:76px}.hero-copy h1{font-size:7vw}.orbit-title{font-size:10px}.orbit-picture img{height:110px}.project-index{display:none}}
@media(max-width:699px){header{height:70px}.hero-stage{min-height:800px}.scene{inset:0;width:100%;height:100%}.hero-copy{bottom:14%;left:5%;}.hero-copy h1{font-size:13vw}.hero-copy p{font-size:13px}.orbit-card{width:38%;max-width:180px;top:45%!important;left:7%!important;right:auto!important}.orbit-card[data-slot^="right"]{left:auto!important;right:7%!important}.orbit-picture img{height:95px}.orbit-title{font-size:10px}.scene-controls{bottom:3%}.about-visual{min-height:200px}.portrait{height:450px}.has-portrait h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.portrait{animation:none}}
.orbit-card[data-slot="right-top"]{top:38%}.orbit-title{overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media(max-width:699px){.orbit-card{top:43%!important}}

/* Upright orbit-following cards; transparent navigation over the scene. */
.hero-animation header{background:transparent;backdrop-filter:none;border-color:transparent;box-shadow:none}
.orbit-card,.orbit-card[data-slot]{left:var(--orbit-x)!important;top:var(--orbit-y)!important;right:auto!important;transform:none!important}

@media(max-width:699px){.orbit-card{width:22%;max-width:100px}.orbit-picture img{height:58px}.orbit-title{font-size:9px;line-height:1.35;letter-spacing:.04em;margin-bottom:6px}}
@media(max-width:699px){.orbit-card{width:20%}}
