*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f1ed;color:#242424;font:16px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #b89858;outline-offset:5px}header{height:100px;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{font-size:25px;font-weight:700;letter-spacing:-1.6px}header nav{display:flex;gap:30px;font-size:14px}.menu-button{border:0;background:#252525;color:white;border-radius:30px;padding:12px 22px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:5vw;padding:45px 4vw 65px}.intro small{max-width:220px;color:#60605c}.intro h1{font-size:clamp(48px,6.5vw,108px);line-height:.98;font-weight:400;letter-spacing:-.065em;margin:0;max-width:1050px}.hero{height:170vh;position:relative;margin:0 1.5vw}.stage{height:88vh;position:sticky;top:0;overflow:hidden;background:#17191a;border-radius:18px;color:#f2f1ed}#hero-canvas{position:absolute;inset:0}#hero-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y}.stage-top,.stage-bottom{position:absolute;left:3vw;right:3vw;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:12px;letter-spacing:.06em}.stage-top{top:28px}.stage-bottom{bottom:30px;align-items:end}.stage-bottom h2{font-size:clamp(35px,5vw,75px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:10px 0}.stage-bottom button{pointer-events:auto;border:1px solid #ffffff60;background:#ffffff0a;backdrop-filter:blur(10px);color:white;border-radius:40px;padding:14px 22px}.stage-bottom p{margin:0;opacity:.7}#hero-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.project-tabs{display:flex;gap:7px;position:absolute;top:70px;left:3vw;z-index:3;flex-wrap:wrap}.project-tabs button{width:36px;height:36px;border-radius:50%;background:transparent;color:#aaa;border:1px solid #ffffff30;font-size:11px}.project-tabs button[aria-pressed=true]{background:#f2f1ed;color:#222}.statement{padding:100px 9vw 130px;display:grid;grid-template-columns:1fr 2fr;gap:7vw}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.statement p{font-size:clamp(26px,3.4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:0}.work-head{display:flex;justify-content:space-between;align-items:end;margin:0 4vw 45px}.work-head h2{font-size:clamp(50px,7vw,110px);line-height:1;font-weight:400;letter-spacing:-.065em;margin:0}.works{padding:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:95px 5vw}.project{min-width:0;scroll-margin-top:30px}.project:nth-child(even){padding-top:150px}.project:first-child{grid-column:span 2;width:83%;padding:0}.visual{position:relative;overflow:hidden;border-radius:8px;background:#ddd;aspect-ratio:1.16;transform-style:preserve-3d;isolation:isolate}.project:first-child .visual{aspect-ratio:1.8}.visual img,.visual video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.3,1);transform:scale(1.015)}.project[data-id='1'] .visual{background:#060606}.project[data-id='1'] img{object-fit:contain}.project[data-id='3'] img,.project[data-id='4'] img{object-fit:contain}.visual video{position:absolute;inset:0;opacity:0;transition:opacity .5s}.visual.playing video{opacity:1}.visual .open{position:absolute;right:20px;bottom:20px;background:#f2f1ed;color:#242424;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:25px;z-index:3}.visual .effect{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 140px at var(--mx,50%) var(--my,50%),transparent,#0009);opacity:0;transition:opacity .3s}.project[data-id='1'] .visual:hover .effect{opacity:1}.visual:hover img{transform:scale(1.045)}.project-meta{display:flex;justify-content:space-between;gap:20px;padding:20px 0}.project h3{font-size:clamp(26px,3vw,45px);letter-spacing:-.04em;line-height:1.05;margin:0 0 10px;font-weight:400}.project small{font-size:12px;color:#63635f}.motion-control{position:absolute;left:20px;bottom:20px;border:1px solid #fff8;border-radius:30px;background:#2229;color:white;padding:10px 15px;z-index:4;font-size:12px}.end{padding:160px 4vw 60px}.end p{max-width:850px;font-size:clamp(46px,8vw,120px);line-height:.95;letter-spacing:-.06em;margin:0 0 65px}.end .links{display:flex;justify-content:space-between;border-top:1px solid #ccc;padding-top:24px;font-size:14px}.menu{position:fixed;inset:0;background:#252525;color:#f2f1ed;z-index:20;padding:10vh 8vw}.menu button{position:absolute;right:4vw;top:30px;background:none;border:1px solid #777;color:white;border-radius:40px;padding:12px 25px}.menu nav{display:flex;flex-direction:column;align-items:start;gap:10px}.menu nav a{font-size:clamp(35px,6vw,80px);letter-spacing:-.04em}.menu small{display:block;margin-top:40px;color:#999}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:50;background:white;padding:15px}.skip:focus{top:10px}
@media(max-width:700px){header{height:80px}header nav>a{display:none}.brand{font-size:23px}.intro{display:block;padding:25px 5vw 45px}.intro small{display:block;font-size:12px;margin-bottom:28px}.intro h1{font-size:55px}.hero{height:130vh;margin:0 10px}.stage{height:78vh;border-radius:10px}.stage-top,.stage-bottom{left:20px;right:20px}.stage-top>span:last-child{display:none}.project-tabs{left:20px}.stage-bottom{display:block}.stage-bottom button{margin-top:18px}.stage-bottom p{font-size:11px}.statement{display:block;padding:80px 6vw}.statement .eyebrow{display:block;margin-bottom:25px}.works{display:block;padding:0 5vw}.project,.project:first-child{width:100%;margin-bottom:55px}.project:nth-child(even){padding-top:0}.project:first-child .visual{aspect-ratio:1.2}.work-head{margin-bottom:30px}.work-head small{display:none}.project h3{font-size:30px}.end{padding:60px 5vw 35px}.end .links{flex-wrap:wrap;gap:24px}.menu{padding-top:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.reveal{opacity:1;transform:none}}

.visual video{pointer-events:none}.film-scrub{position:absolute;left:20px;right:90px;bottom:70px;z-index:5;display:flex;align-items:center;gap:15px;color:white;font-size:12px;text-shadow:0 1px 5px #000;background:#2228;border-radius:30px;padding:9px 14px}.film-scrub input{min-width:0;flex:1;accent-color:#f2f1ed;cursor:ew-resize}