@font-face{font-family:Anton;src:url('../assets/fonts/anton-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('../assets/fonts/satoshi-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('../assets/fonts/satoshi-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Space Mono;src:url('../assets/fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#ece9df;--muted:#aaa89e;--black:#10100f;--line:#393934;--grotesk:'Satoshi',sans-serif;--mono:'Space Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--grotesk);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:1px solid var(--paper);outline-offset:7px}::selection{background:var(--paper);color:var(--black)}h1,h2,p{margin:0}.mono{font-family:var(--mono);font-size:10px;line-height:1.6;font-weight:400;letter-spacing:.035em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:16px;z-index:100;transform:translateY(-180%);padding:14px;background:var(--paper);color:var(--black)}.skip-link:focus{transform:none}
.topbar{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:start;justify-content:space-between;padding:28px 42px;pointer-events:none}.topbar a{pointer-events:auto}.signature{display:block;font-family:Anton,sans-serif;font-size:clamp(72px,8.7vw,144px);line-height:.95;font-weight:400;letter-spacing:-.016em;text-transform:uppercase}.identity p{margin-top:13px;font-size:15px;line-height:1.4;font-weight:700;color:var(--paper)}.work-link{font-size:12px;font-weight:700;padding-top:4px}.work-link .mono{margin-left:7px;font-size:9px;color:var(--muted)}.story{position:relative;height:auto}.stage{height:100svh;min-height:760px;position:relative;overflow:hidden;background:var(--black)}.scene{position:absolute;inset:0}.stage-photo{position:absolute;margin:0;opacity:0;visibility:hidden;display:block;text-align:center;padding:0;background:none;transform-origin:0 0}.stage-photo img{display:block;width:100%;height:100%;object-fit:contain}.photo-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:10px;display:block;width:max-content;max-width:210px;min-width:100%;color:var(--paper);font-size:12px;line-height:1.35;font-weight:700;letter-spacing:.01em;text-wrap:balance}.photo-label span:first-child{display:block;white-space:normal}.photo-label span:last-child{display:none}.stage-photo:focus-visible{outline-offset:4px}.stage-photo:hover .photo-label{color:var(--paper)}.helper{position:absolute;left:0;top:0;width:160px;height:140px;overflow:visible;pointer-events:none;color:var(--paper);z-index:4}.cargo{position:absolute;left:0;top:0;z-index:3;pointer-events:none;transform-origin:top left}.cargo img{display:block;width:100%;height:100%;object-fit:contain}.rig{position:absolute;inset:0;width:100%;height:100%;stroke:var(--paper);stroke-width:1.2;fill:none;opacity:0;z-index:2;pointer-events:none}.rig circle{fill:var(--black)}.stage-footer{position:absolute;bottom:21px;left:42px;right:42px;display:flex;align-items:center;gap:28px}.stage-footer #skipAnimation{margin-left:auto}.text-button{padding:12px 0;font-size:12px;font-weight:700;line-height:1.4;min-height:44px}.story-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#1e1e1b}.story-progress span{display:block;height:100%;background:#8d8b81;transform:scaleX(0);transform-origin:left}
.collection{padding:100px 8% 110px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:60px;row-gap:85px}.project{min-width:0}.project button{padding:0;width:100%;display:block;text-align:left}.project-image{height:290px;display:flex;align-items:end;justify-content:center}.project-image img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.project-caption{margin-top:17px;padding-top:0;display:block;text-align:center;font-size:13px;line-height:1.4;font-weight:700}.project-caption .mono{display:none}.project-detail{display:none}.project button:hover .project-caption{color:#fff}
.viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:28px 40px;background:var(--black);color:var(--paper);overflow:hidden}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:var(--black)}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.viewer-top h2{font-size:14px;font-weight:400}.viewer button{padding:12px 0;font-size:12px;min-height:44px}.viewer-close span{font-size:24px;margin-left:20px;vertical-align:-2px}.viewer-image{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:30px 0}.viewer-image img{display:block;max-height:100%;max-width:100%;object-fit:contain}.viewer-bottom .mono{color:var(--muted)}.viewer-bottom button{min-width:110px;display:flex;gap:20px;justify-content:space-between}.noscript{padding:30px}
@media(min-width:1700px){.project-image{height:340px}.photo-label{max-width:230px}}
@media(max-width:900px){.topbar{padding:24px}.stage-footer{left:24px;right:24px}.collection-grid{column-gap:28px}.project-image{height:220px}.photo-label{font-size:11px;max-width:150px}}
@media(max-width:600px){.topbar{padding:22px 20px}.signature{font-size:12vw}.identity p{font-size:12px;margin-top:10px}.work-link{font-size:10px;position:absolute;right:20px;top:90px}.work-link .mono{font-size:7px;margin-left:4px}.stage{min-height:740px}.stage-footer{left:20px;right:20px;bottom:13px;gap:19px}.text-button{font-size:10px}.photo-label{font-size:10px;line-height:1.2;padding-top:8px;max-width:100px;min-width:92px;text-wrap:balance}.collection{padding:60px 7% 65px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 23px}.project-image{height:195px}.project-caption{font-size:11px;margin-top:12px}.viewer{padding:18px 20px}.viewer-top h2{font-size:11px;max-width:215px}.viewer button{font-size:10px}.viewer-close span{margin-left:10px}.viewer-image{padding:25px 0}.viewer-bottom button{min-width:83px;gap:9px}.viewer-bottom .mono{font-size:8px}}
@media(max-width:370px){.topbar{padding:20px 17px}.signature{font-size:12vw}.identity p{font-size:11px}.stage-footer{left:17px;right:17px;gap:15px}.stage-footer .text-button{font-size:10px}.photo-label{font-size:9px;min-width:78px;max-width:84px}.project-image{height:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.props{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:var(--paper);z-index:2}.props>g{opacity:0}.photo-label{font-size:12px}.stage-photo{z-index:1}@media(max-width:600px){.photo-label{font-size:10px}}@media(max-width:370px){.photo-label{font-size:9px}}