: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;align-items:center}.menu-toggle{position:relative;z-index:52;width:32px;height:22px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0;color:inherit}.menu-toggle-line{display:block;width:100%;height:2px;background:currentColor;transition:transform .3s ease;transform-origin:center}.menu-toggle.is-open .menu-toggle-line:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle.is-open .menu-toggle-line:last-child{transform:translateY(-4.5px) rotate(-45deg)}.site-menu{position:fixed;inset:0;z-index:40;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:120px var(--pad) 34px;background:var(--bg);color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .25s ease,transform .35s ease,visibility .35s}.site-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}body.menu-open{overflow:hidden}body.menu-open .site-header{mix-blend-mode:normal;color:var(--ink)}.menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:6px}.site-menu-nav{display:grid;width:min(100%,1050px)}.site-menu-nav a{width:fit-content;font-size:clamp(40px,6.3vw,90px);font-weight:800;line-height:.94;letter-spacing:-.04em;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease}.site-menu-nav a span{display:inline-block;font-size:.5em;vertical-align:top;margin:.08em 0 0 .08em}.site-menu-nav a:hover{opacity:.4;transform:translate(8px)}.site-menu-foot{display:flex;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}@media(max-width:720px){.site-header{padding-top:18px;padding-bottom:18px}.menu-toggle{width:28px}.site-menu{padding-top:100px;padding-bottom:24px}.site-menu-nav a{font-size:clamp(38px,12vw,64px);line-height:.98}.site-menu-foot{flex-direction:column;gap:5px}}.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:flex-end;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}@media(max-width:720px){.hero{min-height:auto;justify-content:flex-start;padding-top:120px;padding-bottom:48px}.hero-bottom{margin-top:40px}.scroll-cue{display:none}}.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) 60px}.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:60px var(--pad) 120px}.works h2{font-weight:500;font-size:clamp(18px,2vw,28px);letter-spacing:-.01em;margin-bottom:40px;opacity:.85}.works-grid{display:grid;grid-template-columns:8fr 4fr;gap:18px;max-width:var(--max);margin:0 auto}.col-main,.col-side{display:flex;flex-direction:column;gap:18px;min-width:0}.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 .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:72px;height:72px;display:none;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}.work-tile .video-play:hover{background:#000000b8;transform:translate(-50%,-50%) scale(1.06)}.work-tile .video-play.visible{display:inline-flex}.work-tile .video-play .video-play-ico{font-size:26px;line-height:1;margin-left:4px}.work-tile .carousel-next{position:absolute;bottom:12px;right:12px;z-index:4;width:42px;height:42px;display:none;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease}.work-tile .carousel-next:hover{background:#000000c7}.work-tile .carousel-next.visible{display:inline-flex}.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 55%,#000000d9);pointer-events:none;z-index:2}.work-tile[data-slug=nespresso] .overlay{background:none}.work-tile[data-slug=nespresso] .info .title,.work-tile[data-slug=nespresso] .counter{text-shadow:0 1px 8px rgba(0,0,0,.45)}.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:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;display:inline-flex;align-items:center;gap:8px;transition:opacity .25s ease}.work-tile:hover .counter{opacity:1}.work-tile .counter .arrow{display:inline-block;transition:transform .25s ease}.work-tile:hover .counter .arrow{transform:translate(3px)}.span-3,.span-4{aspect-ratio:9 / 16}.span-5{aspect-ratio:4 / 5}.span-6,.span-7{aspect-ratio:16 / 10}.span-8,.span-12{aspect-ratio:16 / 9}.work-tile[data-slug=adidas-originals]{aspect-ratio:3 / 4}@media(max-width:900px){.works-grid{grid-template-columns:1fr}.col-main,.col-side{display:contents}.works-grid .work-tile{order:var(--m-order, 0)}}.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}}body.ht-page,body.iupi-page{background:#fcfcfb}body.iupi-page .ht-hero .display{text-transform:lowercase}.iupi-gallery{padding-top:20px;padding-bottom:120px}.iupi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.iupi-item{position:relative;margin:0}.iupi-item video{width:100%;height:auto;display:block;border-radius:2px;background:#000;cursor:pointer}.iupi-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:26px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}.iupi-play span{margin-left:4px}.iupi-play:hover{background:#000000b8;transform:translate(-50%,-50%) scale(1.06)}.iupi-play.hidden{display:none}@media(max-width:700px){.iupi-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}body.intro-page{background:#0a0a0a}.intro-video{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:90px var(--pad) 40px}.intro-video video{max-width:100%;max-height:82vh;border-radius:4px;background:#000}.ht-hero{padding:160px var(--pad) 40px;background:transparent}.ht-tagline{margin-top:20px;max-width:34ch;font-size:18px;line-height:1.4;color:var(--ink)}.ht-sub{margin-top:14px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ht-gallery{padding-top:20px;padding-bottom:120px}.ht-grid{column-count:3;column-gap:20px}.ht-item{break-inside:avoid;margin:0 0 20px;width:100%}.ht-item>img,.ht-item>video{width:100%;height:auto;display:block;border-radius:2px}.ht-carousel{position:relative;overflow:hidden;border-radius:2px;cursor:pointer}.ht-carousel .ht-slide{transition:opacity .3s ease;border-radius:2px}.ht-carousel .ht-slide:first-child{position:relative;width:100%;height:auto;display:block;opacity:0}.ht-carousel .ht-slide:not(:first-child){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.ht-carousel .ht-slide.active{opacity:1}.ht-counter{position:absolute;bottom:10px;right:12px;z-index:2;font-size:11px;letter-spacing:.04em;color:#fff;mix-blend-mode:difference}.ht-reveal{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;color:#fff;backdrop-filter:blur(3px);pointer-events:none;animation:ht-tap 2.2s ease-in-out infinite}.ht-reveal svg{width:20px;height:20px;display:block}.ht-carousel.revealed .ht-reveal{display:none}@keyframes ht-tap{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@media(prefers-reduced-motion:reduce){.ht-reveal{animation:none}}@media(hover:hover){.ht-carousel{transition:transform .25s ease}.ht-carousel:hover{transform:translateY(-3px)}}.ht-empty{padding:40px 0 120px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}@media(max-width:1000px){.ht-grid{column-count:2}}@media(max-width:600px){.ht-grid{column-count:1}}
