/* Shared mechanics only. The two directions have independent layouts. */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent,#ee513b);outline-offset:6px}button:disabled{cursor:default;opacity:.4}::selection{background:var(--accent,#ee513b);color:#101010}.mono{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.055em;line-height:1.5;text-transform:uppercase}.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{position:fixed;left:20px;top:12px;z-index:1000;padding:15px;background:var(--paper,#fff);color:var(--ink,#111);transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.plain{border:0;background:none;padding:0}.arrow{display:inline-block;transition:transform .3s}.arrow-link:hover .arrow{transform:translate(3px,-3px)}.pill-link{display:inline-flex;align-items:center;gap:12px;border:1px solid currentColor;padding:13px 20px;border-radius:99px;font-size:12px}.pill-link:hover{background:var(--accent);border-color:var(--accent);color:#111}.motion-toggle{display:flex;align-items:center;gap:9px;white-space:nowrap}.motion-icon{width:9px;height:10px;border-left:2px solid;border-right:2px solid;display:inline-block}.motion-paused .motion-icon{width:0;height:0;border-left:7px solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0}.loop{background:transparent}.loop video{width:100%;height:100%;object-fit:cover}.loop img{width:100%;height:100%;object-fit:cover}.view-label{display:flex;align-items:center;gap:12px}.play-mark{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.noscript-note{padding:20px;background:#fff;color:#111;text-align:center}.modal-lock{overflow:hidden!important}.modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--modal-bg,#101112);color:var(--modal-fg,#f4f1e8);overflow-y:auto;overscroll-behavior:contain}.modal::backdrop{background:rgba(0,0,0,.75)}.modal[open]{animation:modal-in .35s cubic-bezier(.22,1,.36,1)}@keyframes modal-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.modal-head{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--modal-line,#38393a);position:sticky;top:0;background:var(--modal-bg,#101112);z-index:5}.close-modal{display:flex;align-items:center;gap:16px;background:none;border:0;padding:10px 0;font-size:12px}.close-modal i{font-style:normal;font-size:28px;font-weight:200;line-height:1}.project-body{max-width:1600px;margin:auto;padding:46px 6vw 70px}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:35px}.project-heading h2{margin:9px 0 0;font-size:clamp(40px,6.5vw,100px);font-weight:400;line-height:.98;letter-spacing:-.055em}.project-role{max-width:280px;line-height:1.5;font-size:12px;padding-bottom:3px}.project-role p{margin:8px 0 0}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:start}.full-player{width:100%;height:auto;max-height:70svh;min-height:250px;aspect-ratio:16/9;object-fit:contain;background:#090909}.player-caption{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--modal-line,#38393a);font-size:11px}.film-menu{display:flex;flex-direction:column;gap:8px;max-height:70svh;overflow-y:auto;padding:0 6px 0 0}.film-select{border:1px solid transparent;background:none;color:inherit;text-align:left;display:grid;grid-template-columns:82px 1fr;gap:11px;align-items:center;padding:7px}.film-select img{width:82px;height:51px;object-fit:cover;background:#ddd}.film-select strong{font-size:11px;font-weight:400;line-height:1.35;display:block}.film-select small{font-size:9px;line-height:1.35;opacity:.6;display:block;margin-top:4px}.film-select[aria-pressed=true]{border-color:var(--accent)}.film-select:hover{background:var(--modal-hover,#222)}.project-story{display:grid;grid-template-columns:1fr 1.8fr;gap:8vw;padding:65px 0 50px;border-bottom:1px solid var(--modal-line,#38393a)}.project-story h3{font-size:clamp(22px,3vw,40px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0}.project-story p{font-size:17px;line-height:1.65;margin:0;max-width:670px}.art-heading{display:flex;justify-content:space-between;margin:45px 0 20px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.art-button{border:0;background:none;color:inherit;padding:0;text-align:left;display:block;width:100%}.art-button img{width:100%;height:auto;transition:transform .35s}.art-button:hover img{transform:translateY(-5px)}.art-button span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.03em;margin:12px 0 22px}.art-button.wide{grid-column:1/-1;max-width:100%}.art-button.wide img{max-height:650px;object-fit:contain;object-position:left}.art-grid.single{grid-template-columns:minmax(240px,580px)}.next-project{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;width:100%;padding:30px 0;border:0;border-top:1px solid var(--modal-line,#38393a);color:inherit;background:transparent;text-align:left}.next-project strong{display:block;font-size:clamp(30px,4vw,60px);font-weight:400;letter-spacing:-.045em;margin-top:10px}.next-project>span:last-child{font-size:60px}.index-body{padding:35px 6vw 60px}.index-kicker{padding:0 0 40px}.work-list{list-style:none;margin:0;padding:0}.work-list button{display:grid;grid-template-columns:50px 1fr 110px 45px;gap:20px;align-items:center;width:100%;border:0;border-top:1px solid var(--modal-line,#38393a);background:transparent;text-align:left;padding:19px 0;color:inherit}.work-list button:hover{color:var(--accent)}.work-list strong{font-size:clamp(28px,5vw,70px);font-weight:400;letter-spacing:-.045em}.work-list img{width:110px;height:66px;object-fit:cover}.work-list .list-arrow{font-size:35px;text-align:right}.about-body{max-width:1300px;padding:60px 7vw 80px}.about-body h2{font-weight:400;letter-spacing:-.06em;font-size:clamp(60px,10vw,145px);line-height:.94;margin:20px 0 55px}.about-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw}.about-columns p{font-size:20px;line-height:1.6;margin:0 0 25px}.about-columns .meta{font-size:13px}.about-note{font-size:11px!important;opacity:.6;border-top:1px solid var(--modal-line,#38393a);padding-top:20px}.art-modal{background:#171818;color:#f8f6ef}.art-modal .modal-head{background:#171818;border-color:#444}.art-full{min-height:calc(100svh - 78px);padding:25px;display:flex;align-items:center;justify-content:center}.art-full img{max-height:calc(100svh - 128px);max-width:100%;object-fit:contain}.reduced-motion *, .motion-paused *{scroll-behavior:auto!important}.reduced-motion .decorative-motion,.motion-paused .decorative-motion{animation-play-state:paused!important}.preview-corner{font-family:monospace;font-size:10px;letter-spacing:.025em}.preview-corner:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.mono{font-size:9px}.modal-head{height:64px;padding:0 20px}.project-body{padding:28px 20px 50px}.project-heading{display:block}.project-heading h2{font-size:48px}.project-role{margin-top:22px;max-width:none}.player-layout{display:flex;flex-direction:column;gap:15px}.player-wrap{width:100%}.full-player{min-height:180px;max-height:62svh}.film-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;width:100%;overflow:visible;padding:0}.film-select{grid-template-columns:60px 1fr;padding:5px;gap:8px}.film-select img{width:60px;height:44px}.film-select strong{font-size:10px}.film-select small{font-size:8px}.project-story{grid-template-columns:1fr;gap:18px;padding:36px 0}.project-story p{font-size:16px}.art-grid{grid-template-columns:1fr 1fr;gap:14px}.art-button:last-child:nth-child(3){grid-column:1/-1;max-width:65%;margin:auto}.art-heading{margin-top:30px}.work-list button{grid-template-columns:25px 1fr 62px 22px;gap:9px;padding:22px 0}.work-list strong{font-size:28px}.work-list img{width:62px;height:46px}.work-list .list-arrow{font-size:24px}.index-body{padding:25px 20px}.about-body{padding:35px 25px}.about-body h2{font-size:65px}.about-columns{display:block}.about-columns p{font-size:18px}.art-full{padding:15px}.art-full img{max-height:calc(100svh - 100px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}