/* Concept 03: cinematic chapters; all scene layers are flat CSS shapes. */
:root{--bg:#e7e7e7;--ink:#191919;--orange:#ff9142;--paper:#e7e7e7;--ease:cubic-bezier(.22,1,.36,1)}
body{background:var(--ink);color:var(--paper);overflow-x:clip}html{scroll-padding-top:35px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffb784;outline-offset:5px}.nav{position:absolute;inset:0 0 auto;height:105px;background:transparent;border:0;color:var(--ink);padding:0 4vw;z-index:10}.nav-brand-logo{width:135px}.menu-open{position:fixed;right:4vw;top:30px;z-index:15;display:flex;align-items:center;gap:22px;border:0;background:var(--ink);color:var(--paper);padding:12px 20px;font-size:11px;letter-spacing:.12em}.menu-open>span:last-child{font-size:17px}.lang-toggle{margin-right:145px}.lang-toggle .active{background:var(--ink);color:var(--orange)}.divider{color:#444444}.compare-link{font-size:12px;border-bottom:1px solid #666666;padding-bottom:8px;align-self:flex-start}dialog{width:100%;max-width:none;height:100%;max-height:none;border:0;margin:0;padding:35px 7vw 70px;background:var(--ink);color:var(--paper)}dialog[open]{display:flex;flex-direction:column;justify-content:space-between}dialog::backdrop{background:#191919}.menu-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15em}.menu-close{border:1px solid #565656;background:none;color:var(--paper);width:48px;height:48px;font-size:30px}.nav-links{display:flex;flex-direction:column;gap:10px;counter-reset:chapter}.nav-links a{font-size:clamp(30px,5.7vw,75px);line-height:1.3;letter-spacing:-.04em}.nav-links a:hover{color:var(--orange)}.nav-links a:before{counter-increment:chapter;content:'0' counter(chapter);font:10px Manrope,sans-serif;vertical-align:middle;display:inline-block;width:55px;color:var(--orange)}body.menu-visible{overflow:hidden}
.cover{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:100svh;min-height:760px;max-height:1200px;background:var(--orange);color:var(--ink);padding:130px 7vw 100px;overflow:hidden}.cover-meta{position:relative;z-index:2;padding:0;display:block;min-height:0;width:100%;text-align:center;transform:translateY(calc(var(--hero-progress,0) * -90px));opacity:calc(1 - var(--hero-progress,0) * .7)}.cover-issue{justify-content:center;font-size:10px;letter-spacing:.23em;margin:0 0 35px}.cover-issue:before{display:none}.cover-title{margin:0 auto 30px;font-size:100px;line-height:1;max-width:580px}.cover-title-logo{width:clamp(270px,33vw,510px);height:210px;max-height:none;object-fit:contain;object-position:center;margin:auto}.cover-tagline{font-size:18px;line-height:1.8;letter-spacing:0;font-weight:500;max-width:500px;margin:auto;text-wrap:balance}.hero-cta{display:inline-flex;align-items:center;margin-top:25px;font-size:11px;padding:12px 23px;gap:28px;background:var(--ink);color:var(--paper)}.hero-cta:hover{background:var(--paper);color:var(--ink)}.cover-footer{position:absolute;top:120%;left:0;right:0;display:flex;justify-content:center;gap:35px;font-size:9px;margin:0}.cover-footer strong{color:#474747;font-size:8px}.hero-edge{position:absolute;bottom:28px;left:4vw;right:4vw;z-index:4;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em}.hero-edge a{border-bottom:1px solid #474747;padding:5px 0}.scene-pause{background:none;border:1px solid #474747;padding:6px 10px;font-size:9px}.scene-layers{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translateY(calc(var(--hero-progress,0) * -50px))}.scene-layers>div{position:absolute;will-change:transform}.scene-back{left:-14%;top:-20%;width:48%;height:150%;background:#3d3d3d;clip-path:polygon(0 0,44% 0,100% 66%,71% 100%,0 64%);transform:translate(calc(var(--mx,0px) * .35),calc(var(--my,0px) * .35)) rotate(-7deg)}.scene-mid{right:-18%;top:8%;width:46%;height:100%;background:#898989;clip-path:polygon(32% 0,100% 0,100% 100%,0 74%);transform:translate(calc(var(--mx,0px) * .65),calc(var(--my,0px) * .65)) rotate(10deg)}.scene-front{left:-14%;bottom:-50%;width:64%;height:85%;background:#272727;clip-path:polygon(0 0,100% 48%,81% 100%,0 100%);transform:translate(var(--mx,0px),var(--my,0px))}.scene-coordinate{position:absolute;left:25px;top:43%;writing-mode:vertical-rl;color:#e7e7e7;font-size:8px;letter-spacing:.2em}.cover:after{content:'';position:absolute;inset:0;background:#191919;opacity:calc(var(--hero-progress,0) * .65);pointer-events:none;z-index:3}
.section{padding:100px 7vw}.section-header{display:block;margin-bottom:30px}.section-label{font-size:10px;letter-spacing:.2em;color:var(--orange)}.section-title{font-size:clamp(38px,5vw,74px);letter-spacing:-.04em;line-height:1.25;font-weight:500}.works{padding:100px 0 85px;background:#2c2c2c;position:relative;overflow:hidden}.works:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(60deg,transparent 0 150px,#70707026 151px 152px,transparent 153px 300px)}.works .section-header,.works-intro,.reel-controls{position:relative;margin-left:7vw;margin-right:7vw}.works .section-header{max-width:1000px}.works .section-title{font-size:clamp(50px,7vw,105px)}.works-intro{font-size:13px;color:#c3c3c3;max-width:580px;margin-bottom:30px}.reel-controls{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em;margin-bottom:25px}.reel-controls button{background:none;color:var(--paper);border:1px solid #6c6c6c;width:45px;height:40px;margin-left:8px;font-size:20px}.reel-controls button:hover{background:var(--orange);color:var(--ink)}.reel-controls button:disabled{opacity:.25;cursor:default}.works-grid{position:relative;display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:30px 7vw 10px;align-items:flex-start}.works-grid::-webkit-scrollbar{display:none}.work,.work:first-child,.work:nth-child(2){flex:0 0 360px;display:block;margin:0;scroll-snap-align:center;transition:transform .4s var(--ease);background:var(--orange);padding:14px;color:var(--ink)}.work:nth-child(even){margin-top:55px}.work:hover{transform:translateY(-10px)}.work-image,.work:first-child .work-image,.work:nth-child(2) .work-image{height:225px;background:#ababab;position:relative}.work:nth-child(2) .work-image{background:#c7c7c7}.work:nth-child(3) .work-image{background:#9b9b9b}.work:nth-child(4) .work-image{background:#afafaf}.work:nth-child(5) .work-image{background:#858585}.work-image:after{content:'↗';background:var(--ink);color:var(--paper);right:12px;bottom:12px;border-radius:50%;width:38px;height:38px;font-size:19px}.work:hover .work-image:after{width:38px}.work-caption{display:flex;flex-direction:column;justify-content:flex-start;border:0;gap:10px;min-height:150px;padding:22px 8px 8px;font-weight:600;font-size:28px;line-height:1.4}.work-caption small{font-size:9px;letter-spacing:.12em;font-weight:400;color:#474747}
.about{background:var(--paper);color:var(--ink);position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:50px 8vw;padding-bottom:90px}.about .section-header{grid-column:1/-1;max-width:800px;margin:0}.about .section-label{color:#5b5b5b}.about .section-title{font-size:clamp(48px,7.5vw,110px);max-width:780px}.about-grid{display:block;grid-column:2;grid-row:2}.about-body{font-size:14px}.about-pullquote{font-size:21px;line-height:1.8;margin-top:35px;padding-top:25px}.studio-blocks{grid-column:1;grid-row:2;position:relative;min-height:390px}.studio-blocks>div:first-child{position:absolute;inset:0 15% 25% 0;background:#b8b8b8;transform:rotate(-8deg)}.studio-blocks>div:nth-child(2){position:absolute;inset:40% 0 0 30%;background:#b4b4b4;transform:rotate(8deg)}.studio-blocks>span{position:absolute;left:0;bottom:-35px;font-size:9px;letter-spacing:.12em}.numbers{padding:30px 7vw 70px;background:var(--paper);color:var(--ink)}.numbers-eyebrow{color:#585858;font-size:9px}.numbers-value{color:var(--ink);font-size:clamp(30px,4.6vw,65px)}.numbers-label{color:#585858}.numbers-cell{border-color:#bebebe}
.story-scene{height:190svh;min-height:1000px;background:#8a8a8a;position:relative}.story-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:#949494}.story-plane{position:absolute;pointer-events:none}.plane-back{inset:-10% -20%;background:#b7b7b7;clip-path:polygon(0 0,75% 0,35% 100%,0 100%);transform:translateY(calc(var(--scene-progress,0) * -85px)) scale(calc(1 + var(--scene-progress,0) * .15))}.plane-front{inset:45% -20% -35% 35%;background:#3b3b3b;clip-path:polygon(50% 0,100% 25%,100% 100%,0 100%,0 60%);z-index:2;transform:translate(calc(var(--scene-progress,0) * 120px),calc(var(--scene-progress,0) * 160px)) rotate(-12deg)}.story-type{position:relative;z-index:1;text-align:center;transform:translateY(calc(var(--scene-progress,0) * -65px));padding:60px 6vw;color:#f0f0f0}.story-type p{font-size:10px;letter-spacing:.3em;margin-bottom:35px}.story-type h2{font-size:clamp(65px,10vw,150px);line-height:1.13;font-weight:700;letter-spacing:-.06em}.story-type a{position:relative;z-index:3;display:inline-flex;background:var(--orange);color:var(--ink);padding:14px 25px;font-size:12px;margin-top:35px}.scene-note{position:absolute;bottom:30px;left:4vw;z-index:3;font-size:9px;letter-spacing:.14em;color:#f0f0f0}.upcoming{background:var(--orange);color:var(--ink);padding:65px 7vw;grid-template-columns:1fr 36%;gap:8vw}.upcoming-title{font-size:clamp(32px,4vw,56px)}.upcoming-placeholder{height:180px;min-height:0;background:#7d7d7d;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}
.community{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;padding:100px 7vw;background:#252525;overflow:hidden}.community-heading{font-size:clamp(65px,8vw,125px);font-weight:800;line-height:.92;letter-spacing:-.075em;color:var(--orange);transform:rotate(-6deg)}.activity-board{grid-column:auto;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:35px;border:1px solid #646464;margin:0;background:#313131}.activity-board h2{font-size:32px}.eyebrow{color:#b1b1b1;font-size:9px}.board-filter{gap:5px}.board-filter button{border-color:#6c6c6c;color:var(--paper);font-size:10px}.board-filter button.selected{background:var(--orange);color:var(--ink);border-color:var(--orange)}.board-items{font-size:12px;min-height:50px}.board-link{font-size:12px}.announcement{border-color:#6c6c6c}
.team{background:var(--paper);color:var(--ink);padding-top:100px}.team .section-label{color:#5b5b5b}.team .section-label-block{max-width:100%}.team .section-label-block>p{font-size:13px!important;max-width:700px!important}.team-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.member-mascot{height:260px;background:#b8b8b8;transition:transform .5s var(--ease)}.team .member:nth-child(2){margin-top:55px}.team .member:nth-child(4){margin-top:55px}.member-mascot:after{display:none}.member:hover .member-mascot{transform:translateY(-10px) rotate(-3deg)}.member-name{font-size:26px}.member-role{font-size:11px}.making{background:#c4c4c4;color:var(--ink);display:grid;grid-template-columns:34% 1fr;gap:7vw}.making .section-label{color:#595959}.making .section-title{font-size:clamp(38px,4.5vw,66px)}.making-grid{display:block}.process-frame{height:340px;background:#a1a1a1;overflow:hidden;transition:background .5s}.process-shape{position:absolute;width:60%;height:70%;background:#d7d7d7;clip-path:polygon(0 0,100% 0,65% 100%,30% 100%);transform:rotate(-12deg);transition:transform .6s var(--ease),background .6s}.process-frame[data-process-frame='2'] .process-shape{transform:rotate(12deg);background:#474747}.process-frame[data-process-frame='3'] .process-shape{transform:rotate(35deg) scale(.8);background:var(--orange)}.process-frame[data-process-frame='4']{background:#767676}.process-frame[data-process-frame='4'] .process-shape{transform:rotate(-25deg) scale(.9);background:#c5c5c5}.process-frame[data-process-frame='5']{background:var(--orange)}.process-frame[data-process-frame='5'] .process-shape{transform:rotate(0);background:var(--ink)}.process-ph{position:absolute;bottom:20px;left:20px;font-size:11px;color:var(--ink)}.process-steps button{border:0;background:none;padding:10px;color:var(--ink);font-size:11px}.process-steps button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.making-col:nth-child(2){display:grid;grid-template-columns:1fr 90px;align-items:center;border-top:1px solid #9f9f9f;padding-top:25px;margin-top:30px}.phone{width:85px;border-radius:4px;padding:7px;transform:rotate(8deg);margin:0}.phone-notch{width:20px;height:3px;margin-bottom:5px}.phone-screen{height:105px}.making-col:nth-child(2) .making-col-label{margin:0}
.hiring{background:var(--paper);color:var(--ink);border:0}.hiring .section-label{color:#5b5b5b}.hiring-intro{margin:0 0 40px;max-width:680px;font-size:13px}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border:0}.job-card,.job-card:first-child{padding:30px;background:#dcdcdc;border:0;transition:transform .3s}.job-card:hover{transform:translateY(-6px)}.job-card:nth-child(2){background:#c8c8c8}.job-card:nth-child(3){background:#c7c7c7}.job-title{font-size:26px}.skill-tag{border-color:#b1b1b1}.job-apply{font-size:13px}.contact{background:var(--ink);color:var(--paper)}.contact .section-title{font-size:clamp(40px,6vw,85px)}.contact .section-label{color:var(--orange)}.collab-merge{padding-top:30px}.partnership-body{font-size:13px;color:#c1c1c1}.collab-grid .member-mascot{background:#545454}.collab-grid .member-mascot:after{display:none}.contact-grid{border-color:#616161}.find-list>div{border-color:#4f4f4f}.find-list dd,.note{color:#c1c1c1}.service-tag{border-color:#727272}.email-cta{color:var(--orange);border-color:var(--orange);font-size:clamp(22px,2.8vw,40px)}.footer{background:var(--orange);color:var(--ink)}.footer-brand-logo{width:160px}.scroll-top{border-radius:50%;border:0;background:var(--orange);bottom:25px}.scene-paused *,.scene-paused *:before,.scene-paused *:after{animation-play-state:paused!important}.reveal{opacity:1}
.cover,.story-sticky{overflow:clip}.hero-edge>a,.hero-edge>span,.scene-pause{background:var(--orange);color:var(--ink);padding:6px 9px}.story-type{color:#242424}.scene-note{background:#3b3b3b;padding:6px 9px}.nav-brand{background:var(--paper);padding:9px 13px}.scene-layers>div{transition:transform .8s var(--ease)}.scene-mid{animation:scene-breathe 9s ease-in-out infinite alternate}@keyframes scene-breathe{from{translate:0 -15px}to{translate:0 20px}}.scene-paused .scene-mid{animation:none}
@media(max-width:1000px){.cover-title-logo{width:340px;height:190px}.cover{min-height:730px}.cover-footer{top:114%}.scene-back{left:-20%}.scene-mid{right:-22%}.works-grid{gap:20px}.work,.work:first-child,.work:nth-child(2){flex-basis:320px}.about{gap:40px}.studio-blocks{min-height:330px}.community{gap:30px}.community-heading{font-size:75px}.activity-board{padding:25px}.member-mascot{height:200px}.making{grid-template-columns:1fr;gap:30px}.making-grid{max-width:750px}.job-card,.job-card:first-child{padding:22px}.job-title{font-size:23px}}
@media(max-width:650px){.nav{height:82px;padding:0 6vw}.nav-brand-logo{width:100px}.lang-toggle{margin-right:78px;gap:3px}.lang-toggle button{font-size:9px;min-width:20px;padding:5px 3px}.menu-open{top:24px;right:5vw;padding:8px 10px;gap:8px;font-size:9px}.menu-open>span:last-child{font-size:13px}.cover{min-height:760px;height:100svh;padding:120px 6vw 150px}.cover-issue{font-size:8px;letter-spacing:.12em;margin-bottom:25px}.cover-title{margin-bottom:28px}.cover-title-logo{width:240px;height:155px}.cover-tagline{font-size:14px;max-width:265px}.hero-cta{font-size:10px;margin-top:25px;padding:10px 20px}.cover-footer{top:117%;gap:20px;font-size:8px}.cover-footer strong{font-size:7px}.scene-back{left:-43%;width:65%;top:-10%;opacity:.65}.scene-mid{right:-37%;width:62%;opacity:.55}.scene-front{left:-35%;bottom:-53%;width:95%;height:85%;opacity:.8}.scene-coordinate{display:none}.hero-edge{left:6vw;right:6vw;font-size:8px;bottom:22px}.hero-edge>span{display:none}.scene-pause{font-size:8px}dialog{padding:25px 7vw 50px}.nav-links{display:flex!important;width:100%;gap:18px;order:0}.nav-links a{font-size:37px}.menu-head{font-size:9px}.nav-links a:before{width:35px}.section{padding:65px 6vw}.section-title{font-size:36px}.works{padding:65px 0 55px}.works .section-title{font-size:48px}.works-intro{font-size:12px;margin-bottom:25px}.works .section-header,.works-intro,.reel-controls{margin-left:6vw;margin-right:6vw}.works-grid{padding:15px 6vw;gap:18px}.work,.work:first-child,.work:nth-child(2){flex-basis:78vw;padding:12px}.work:nth-child(even){margin-top:35px}.work-image,.work:first-child .work-image,.work:nth-child(2) .work-image{height:195px}.work-caption{font-size:26px;min-height:130px;padding:18px 5px 5px}.about{display:flex;flex-direction:column;gap:30px}.about .section-title{font-size:49px}.about-grid{order:2;margin:0}.studio-blocks{order:1;min-height:265px;margin-bottom:25px}.about-pullquote{font-size:20px}.numbers{padding:10px 6vw 55px}.numbers-value{font-size:33px}.numbers-grid{gap:28px 0}.numbers-cell:nth-child(3){border:0}.story-scene{height:125svh;min-height:850px}.story-sticky{min-height:620px}.story-type{padding:30px 6vw}.story-type h2{font-size:58px}.story-type p{font-size:8px;letter-spacing:.16em}.story-type a{font-size:11px}.plane-front{inset:65% -40% -25% 35%}.scene-note{font-size:7px;left:6vw}.upcoming{display:block;padding-block:45px}.upcoming-title{font-size:31px}.upcoming-placeholder{height:100px;margin-top:30px}.community{display:block;padding:65px 6vw}.community-heading{font-size:70px;margin:0 0 45px;transform:rotate(-4deg)}.activity-board{padding:25px;gap:14px}.activity-board h2{font-size:29px}.team-grid{grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:30px}.member-mascot{height:185px}.team .member:nth-child(2),.team .member:nth-child(4){margin-top:30px}.member-name{font-size:24px}.member-role{font-size:10px}.making{display:block}.making .section-title{font-size:38px}.making-grid{margin-top:30px}.process-frame{height:280px}.process-steps{gap:1px}.process-steps button{font-size:10px;padding:9px 6px}.making-col:nth-child(2){padding:20px 0 0;background:none}.job-grid{display:flex;flex-direction:column;gap:18px}.job-card,.job-card:first-child{padding:25px}.job-title{font-size:26px}.contact .section-title{font-size:43px}.footer{padding-bottom:35px}.scroll-top{right:15px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.cover-meta,.scene-layers,.scene-layers>div,.story-type,.story-plane{transform:none!important}.cover-meta{opacity:1}.cover:after{opacity:0}.story-scene{height:100svh;min-height:620px}.scene-pause{display:none}.work:hover,.member:hover .member-mascot,.job-card:hover{transform:none}}