:root{--bg: #ffffff;--ink: #111111;--ink-soft: #555555;--line: rgba(0, 0, 0, .08);--max: 1440px;--pad: clamp(16px, 3vw, 40px);--font-sans: "Helvetica Neue", Helvetica, Arial, "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{opacity:.6}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.display{font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1;font-size:clamp(36px,6.2vw,88px)}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;mix-blend-mode:difference;color:#fff}.site-header a{color:inherit}.brand{display:flex;gap:10px;align-items:center}.brand .sep{opacity:.5}.site-header .meta{display:flex;gap:18px;align-items:center}.hero{min-height:100vh;padding:140px var(--pad) 80px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);position:relative}.hero h1{max-width:1200px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:60px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.hero-bottom .right{text-align:right;max-width:360px}.scroll-cue{position:absolute;left:50%;bottom:20px;transform:translate(-50%);opacity:.5;font-size:20px}.reel{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.reel iframe,.reel video{width:100%;height:100%;border:0;display:block;object-fit:cover}.about{background:var(--bg);padding:120px var(--pad)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:var(--max);margin:0 auto;align-items:start}.about h2{font-weight:800;text-transform:uppercase;font-size:clamp(60px,9vw,140px);line-height:.95;letter-spacing:-.03em}.about-copy{max-width:460px;font-size:15px;line-height:1.55;display:grid;gap:14px}.about-copy strong{font-weight:700}@media(max-width:800px){.about-grid{grid-template-columns:1fr;gap:30px}}.works{background:var(--bg);padding:120px var(--pad)}.works h2{font-weight:500;font-size:clamp(36px,5vw,72px);letter-spacing:-.02em;margin-bottom:60px}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;max-width:var(--max);margin:0 auto}.work-tile{position:relative;overflow:hidden;background:#111;display:block;width:100%;padding:0;cursor:pointer;transition:transform .4s ease}.work-tile .media,.work-tile .slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.work-tile .slide-img{opacity:0}.work-tile .slide-img.active{opacity:1}.work-tile iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.work-tile .overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;color:#fff;background:linear-gradient(180deg,#0000 50%,#000000a6);pointer-events:none;z-index:2}.work-tile .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffffeb;color:#111;display:grid;place-items:center;font-size:22px;font-weight:700;z-index:3;transition:transform .25s ease,background .25s ease}.work-tile:hover .play-icon{transform:translate(-50%,-50%) scale(1.08)}.work-tile.playing .play-icon,.work-tile.playing .overlay{display:none}.work-tile .info{display:flex;flex-direction:column;gap:2px;font-family:var(--font-sans)}.work-tile .info .title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.work-tile .counter{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.work-tile .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffffe6;color:#111;display:grid;place-items:center;font-size:22px;font-weight:700;z-index:4;opacity:0;transition:opacity .2s ease}.work-tile:hover .nav-btn{opacity:1}.work-tile .nav-btn.prev{left:14px}.work-tile .nav-btn.next{right:14px}.span-3{grid-column:span 3;aspect-ratio:9 / 16}.span-4{grid-column:span 4;aspect-ratio:9 / 16}.span-5{grid-column:span 5;aspect-ratio:4 / 5}.span-6{grid-column:span 6;aspect-ratio:16 / 10}.span-7{grid-column:span 7;aspect-ratio:16 / 10}.span-8{grid-column:span 8;aspect-ratio:16 / 9}.span-12{grid-column:span 12;aspect-ratio:21 / 9}@media(max-width:900px){.works-grid{grid-template-columns:repeat(6,1fr)}.span-3,.span-4,.span-5{grid-column:span 3;aspect-ratio:3 / 4}.span-6,.span-7,.span-8,.span-12{grid-column:span 6;aspect-ratio:16 / 10}}@media(max-width:560px){.works-grid{grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 1;aspect-ratio:4 / 5}}.site-footer{background:var(--bg);padding:120px var(--pad) 60px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:var(--max);margin:0 auto}.footer-grid h2{font-weight:800;text-transform:uppercase;font-size:clamp(40px,6vw,92px);line-height:.95;letter-spacing:-.02em}.footer-grid p{margin-top:20px;max-width:360px;font-size:15px;color:var(--ink-soft)}.contact-list{display:grid;gap:12px;margin-top:28px;font-size:15px}.contact-list a{border-bottom:1px solid currentColor;padding-bottom:2px}.footer-bottom{margin-top:100px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);max-width:var(--max);margin-left:auto;margin-right:auto}@media(max-width:800px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:10px}}