:root {
  color-scheme: dark;
  --ink: #090a0d;
  --ink-raised: #111318;
  --paper: #f0efe9;
  --muted: #a2a4aa;
  --line: #ffffff2e;
  --lime: #d8ff43;
  --blue: #374bff;
  --gutter: clamp(22px, 5vw, 84px);
  font-family: Arial, Helvetica, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; background: var(--ink); color: var(--paper); overflow-x: hidden; }
body, button, a { font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { background: var(--lime); color: var(--ink); }
:focus-visible { outline: 2px solid var(--lime); outline-offset: 5px; }
[hidden] { display: none !important; }
.skip { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; background: var(--lime); color: var(--ink); transform: translateY(-150%); }
.skip:focus { transform: none; }
.site-header { position: fixed; z-index: 30; inset: 0 0 auto; height: 76px; padding: 0 var(--gutter); display: flex; justify-content: space-between; align-items: center; background: linear-gradient(#090a0df2, #090a0d00); transition: background .25s, backdrop-filter .25s; }
.site-header.scrolled { background: #090a0df2; backdrop-filter: blur(12px); }
.brand { font-size: 20px; font-weight: 900; letter-spacing: -.075em; }
.brand span { color: var(--lime); }
.main-nav { display: flex; align-items: center; gap: clamp(20px, 3.2vw, 45px); color: #d7d8dc; font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.main-nav a { transition: color .2s; }
.main-nav a:hover { color: var(--lime); }
.main-nav .nav-cta { padding: 12px 16px; border: 1px solid #ffffff7a; border-radius: 99px; }
.menu-toggle { display: none; background: transparent; border: 1px solid var(--line); border-radius: 99px; padding: 11px 15px; color: var(--paper); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
main { overflow: clip; }
.hero { position: relative; min-height: max(720px, 100svh); display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 3vw; padding: 132px var(--gutter) 85px; isolation: isolate; overflow: hidden; }
.hero:before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse at 78% 42%, #344cff65, transparent 35%), linear-gradient(125deg, #090a0d 28%, #10121a 76%, #090a0d); }
.hero:after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #fff 1px, transparent 1px), linear-gradient(#fff 1px, transparent 1px); background-size: clamp(60px, 7vw, 112px) clamp(60px, 7vw, 112px); opacity: .035; mask-image: linear-gradient(90deg, transparent, #000); pointer-events: none; }
.hero-orbit { position: absolute; z-index: -1; right: -9%; top: 6%; width: min(65vw, 850px); aspect-ratio: 1; border: 1px solid #e0e3f132; border-radius: 50%; background: radial-gradient(ellipse at 41% 35%, #f1f0e7 0 1%, #aeb4c7 4%, #344bb7 17%, #151a2a 48%, transparent 65%); box-shadow: 0 0 0 26px #ffffff06, 0 0 0 86px #ffffff04; transform: scaleY(.69) rotate(-16deg); }
.hero-copy { position: relative; z-index: 2; max-width: 760px; padding-top: 48px; }
.eyebrow, .section-kicker, .category-no, .category-summary, .credit-label, .art-overline, .art-caption, .collage-image span, .collage-index, .hero-footer, .footer-credit-head { font-size: 10px; line-height: 1.5; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 12px; color: #c3c4c8; }
.eyebrow-line { display: inline-block; width: 24px; height: 1px; background: var(--lime); }
.hero h1 { max-width: 780px; margin: 28px 0 30px; font-size: clamp(64px, 9.4vw, 140px); line-height: .83; letter-spacing: -.09em; }
h1 em, h2 em, h3 em, h4 em { color: var(--lime); font-style: normal; }
.hero-intro { max-width: 530px; margin: 0; color: #d0d1d3; font-size: clamp(16px, 1.55vw, 20px); line-height: 1.58; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.button { display: inline-flex; min-height: 48px; justify-content: center; align-items: center; gap: 24px; padding: 0 18px; border-radius: 99px; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; transition: transform .2s, background .2s, color .2s; }
.button:hover { transform: translateY(-3px); }
.button-lime { color: var(--ink); background: var(--lime); }
.button-lime:hover { background: #e8ff92; }
.text-link { border-bottom: 1px solid #ffffff70; padding: 5px 0; color: #e0e0e2; font-size: 11px; }
.hero-collage { position: relative; z-index: 1; min-height: 480px; height: min(62vh, 700px); }
.collage-image { position: absolute; overflow: hidden; background: #171a25; border: 1px solid #ffffff43; box-shadow: 0 30px 100px #0009; }
.collage-image img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.82); }
.collage-image:after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, #050609dc); }
.collage-image span { position: absolute; z-index: 1; bottom: 16px; left: 17px; font-size: 9px; }
.collage-main { right: 9%; top: 4%; width: 64%; height: 71%; transform: rotate(4deg); }
.collage-side { left: 1%; bottom: 1%; width: 43%; height: 43%; transform: rotate(-7deg); }
.collage-stamp { position: absolute; right: 1%; bottom: 9%; display: flex; align-items: center; gap: 9px; color: #e9e9e5; transform: rotate(8deg); }
.collage-stamp span { display: grid; width: 50px; height: 50px; place-items: center; border: 1px solid var(--lime); border-radius: 50%; color: var(--lime); font-size: 13px; }
.collage-stamp small { font-size: 8px; line-height: 1.35; letter-spacing: .14em; text-transform: uppercase; }
.collage-index { position: absolute; top: 43%; right: 0; writing-mode: vertical-rl; color: #d7d8dc; font-size: 8px; }
.collage-index b { color: var(--lime); font-weight: 400; }
.hero-footer { position: absolute; right: var(--gutter); bottom: 22px; left: var(--gutter); display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }
.hero-footer a:hover { color: var(--lime); }
.hero-footer a span { color: var(--lime); font-size: 13px; }
.work-section { background: #0d0f13; padding: clamp(76px, 10vw, 140px) 0; }
.section-shell { width: min(100%, 1600px); margin: 0 auto; padding: 0 var(--gutter); }
.section-kicker { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding-top: 13px; color: var(--muted); font-size: 9px; }
.section-intro { display: grid; grid-template-columns: 1.1fr .8fr; align-items: end; gap: 8vw; margin: 60px 0 46px; }
.section-intro h2, .founder-layout h2, .contact-layout h2 { margin: 0; font-size: clamp(50px, 7vw, 96px); line-height: .88; letter-spacing: -.085em; }
.section-intro p { max-width: 430px; margin: 0; color: #c2c3c7; font-size: 15px; line-height: 1.65; }
.category-index { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 0 0 100px; }
.category-index a { display: flex; align-items: center; gap: 13px; padding: 19px 16px 19px 0; border-right: 1px solid var(--line); font-size: 13px; transition: color .2s, padding .2s; }
.category-index a:not(:first-child) { padding-left: 19px; }
.category-index a:last-child { border-right: 0; }
.category-index a:hover { color: var(--lime); padding-top: 15px; padding-bottom: 23px; }
.category-index a span { color: var(--muted); font-size: 8px; letter-spacing: .1em; }
.category-index a b { margin-left: auto; color: var(--lime); font-weight: 400; }
.work-category { scroll-margin-top: 86px; margin: 0 0 clamp(100px, 14vw, 190px); }
.work-category:last-child { margin-bottom: 0; }
.category-heading { display: grid; grid-template-columns: 40px 1fr .8fr; align-items: end; gap: 20px; padding-bottom: 23px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.category-no { align-self: start; color: var(--lime); font-size: 9px; }
.category-heading .eyebrow { margin: 0 0 8px; color: var(--muted); font-size: 8px; }
.category-heading h3 { margin: 0; font-size: clamp(43px, 6vw, 72px); line-height: .9; letter-spacing: -.08em; }
.category-summary { max-width: 300px; justify-self: end; color: #c1c2c5; font-size: 10px; letter-spacing: .08em; text-transform: none; }
.brand-feature { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(28px, 7vw, 105px); align-items: center; }
.brand-art { position: relative; display: flex; min-height: clamp(300px, 42vw, 560px); overflow: hidden; flex-direction: column; justify-content: center; padding: clamp(25px, 6vw, 75px); background: radial-gradient(ellipse at 72% 43%, #354ed4 0%, #252c76 25%, transparent 58%), linear-gradient(140deg, #151823, #090a0d 78%); }
.brand-art:before, .brand-art:after { content: ""; position: absolute; border: 1px solid #e2e5ff32; border-radius: 50%; width: 85%; aspect-ratio: 1; right: -20%; top: -5%; transform: scaleY(.66) rotate(-25deg); }
.brand-art:after { width: 110%; right: -40%; top: -15%; opacity: .4; }
.brand-art strong { position: relative; z-index: 1; font-size: clamp(48px, 8.5vw, 110px); line-height: .78; letter-spacing: -.09em; }
.art-overline, .art-caption { position: relative; z-index: 1; color: #c6c7cf; font-size: 8px; }
.art-overline { margin-bottom: auto; }
.art-caption { margin-top: 34px; color: var(--lime); }
.brand-copy h4, .activation-copy h4, .travel-intro h4 { margin: 13px 0 19px; font-size: clamp(32px, 4.5vw, 60px); line-height: .95; letter-spacing: -.075em; }
.credit-label { margin: 0; color: var(--lime); font-size: 8px; }
.brand-copy p:not(.credit-label), .activation-copy p:not(.credit-label), .travel-intro p:not(.credit-label) { color: #c5c6c9; font-size: 14px; line-height: 1.7; }
.brand-copy .fine-print, .activation-copy .fine-print { color: var(--muted) !important; font-size: 10px !important; line-height: 1.6 !important; }
.inline-link { display: inline-flex; align-items: center; gap: 12px; margin-top: 12px; padding-bottom: 6px; border-bottom: 1px solid #ffffff73; font-size: 11px; transition: color .2s, border-color .2s; }
.inline-link:hover { color: var(--lime); border-color: var(--lime); }
.inline-link img, .city-list > a img, .credit-controls img { width: 15px; height: 15px; filter: invert(1); }
.film-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.film-card { min-width: 0; }
.film-frame { position: relative; overflow: hidden; aspect-ratio: 1.12 / 1; background: #171a22; }
.film-frame a { position: absolute; inset: 0; display: block; }
.film-frame img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .6s cubic-bezier(.2,.65,.2,1), filter .3s; }
.film-frame a:hover img { transform: scale(1.04); filter: brightness(.83); }
.film-frame:after { content: ""; position: absolute; inset: 55% 0 0; pointer-events: none; background: linear-gradient(transparent, #050609cf); }
.play { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid #ffffffca; border-radius: 50%; background: #090a0d55; color: white; font-size: 15px; padding-left: 2px; transform: translate(-50%, -50%); transition: background .2s, color .2s, scale .2s; }
.film-frame a:hover .play { background: var(--lime); color: var(--ink); scale: 1.07; }
.film-tag { position: absolute; z-index: 2; left: 16px; bottom: 14px; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; text-shadow: 0 1px 8px #000; }
.film-embed { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.brand-still { margin: 24px 0; }
.brand-still img { display: block; width: min(100%, 430px); max-height: 500px; object-fit: cover; object-position: center 36%; }
.brand-still figcaption { margin-top: 8px; color: var(--muted); font-size: 9px; }
.film-caption { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0 0; }
.film-caption h4 { margin: 0; font-size: 17px; letter-spacing: -.04em; }
.film-caption p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
.film-caption > a { font-size: 18px; color: var(--lime); }
.more-films { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 36px; }
.more-films summary { display: flex; justify-content: space-between; padding: 17px 0; cursor: pointer; list-style: none; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.more-films summary::-webkit-details-marker { display: none; }
.more-films[open] summary span { rotate: 45deg; }
.more-film-links > div { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0; border-top: 1px solid var(--line); font-size: 13px; }
.more-film-links span { color: var(--muted); font-size: 9px; text-align: right; }
.activation-feature { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(30px, 7vw, 100px); }
.social-frame { overflow: hidden; min-height: 520px; height: min(58vw, 700px); background: #111318; }
.social-frame video { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; background: #090a0d; }
.activation-copy { max-width: 460px; }
.travel-feature { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(28px, 7vw, 100px); align-items: center; }
.travel-intro h4 em { color: var(--lime); }
.city-list { border-top: 1px solid var(--line); }
.city-list > a, .city-unlinked { display: grid; grid-template-columns: 34px 1fr 20px; align-items: center; gap: 12px; min-height: 92px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.city-list > a > span, .city-unlinked > span { color: var(--lime); font-size: 8px; }
.city-list strong, .city-unlinked strong { grid-column: 2; font-size: clamp(19px, 2.4vw, 30px); letter-spacing: -.04em; }
.city-list small, .city-unlinked small { grid-column: 2; color: var(--muted); font-size: 9px; }
.city-list b { grid-column: 3; grid-row: 1 / span 2; color: var(--lime); font-weight: 400; }
.city-list > a img { grid-column: 3; grid-row: 1 / span 2; width: 17px; height: 17px; filter: invert(1); }
.city-list > a:hover strong { color: var(--lime); }
.source-note { margin: 20px 0 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.offer-section { background: var(--blue); padding: clamp(80px, 10vw, 140px) 0; }
.offer-section .section-kicker { border-color: #ffffff63; color: #e0e3ff; }
.offer-section .section-intro p { color: #eef0ff; }
.offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #ffffff61; border-left: 1px solid #ffffff61; }
.offer-card { position: relative; min-height: 290px; padding: clamp(22px, 4vw, 48px); border-right: 1px solid #ffffff61; border-bottom: 1px solid #ffffff61; transition: background .3s; }
.offer-card:hover { background: #ffffff0a; }
.offer-card > span { color: #e0e3ff; font-size: 8px; letter-spacing: .15em; text-transform: uppercase; }
.offer-card h3 { margin: 40px 0 13px; font-size: clamp(28px, 4vw, 49px); line-height: .95; letter-spacing: -.07em; }
.offer-card p { max-width: 400px; color: #edf0ff; font-size: 13px; line-height: 1.6; }
.offer-card small { position: absolute; bottom: 23px; color: #e0e3ff; font-size: 8px; letter-spacing: .06em; }
.offer-footnote { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; padding-top: 22px; font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.offer-footnote span { color: #d9dcff; }
.offer-footnote p { margin: 0; }
.founder-section { background: #d1d3da; color: #111216; padding: clamp(80px, 10vw, 140px) 0; }
.founder-section .section-kicker { border-color: #11121648; color: #44464c; }
.founder-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 8vw; margin-top: 66px; }
.founder-layout .eyebrow { margin: 0 0 20px; color: #454750; font-size: 8px; }
.founder-layout h2 { font-size: clamp(44px, 6.5vw, 88px); }
.founder-layout h2 em { color: var(--blue); }
.founder-copy { padding-top: 32px; }
.founder-copy p { max-width: 490px; margin: 0 0 20px; color: #303137; font-size: 15px; line-height: 1.7; }
.founder-copy p:first-child { color: #111216; font-size: 18px; line-height: 1.55; }
.founder-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }
.founder-tags span { padding: 9px 11px; border: 1px solid #11121652; border-radius: 99px; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }
.contact-section { background: var(--lime); color: var(--ink); padding: clamp(82px, 11vw, 154px) 0; }
.contact-section .section-kicker { border-color: #090a0d55; color: #303426; }
.contact-layout { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 8vw; margin-top: 68px; }
.contact-layout h2 { font-size: clamp(65px, 10.5vw, 145px); }
.contact-layout h2 em { color: var(--blue); }
.contact-layout p { max-width: 370px; color: #25291e; font-size: 15px; line-height: 1.6; }
.contact-email { display: inline-flex; align-items: center; gap: 12px; margin-top: 16px; border-bottom: 1px solid #090a0d; padding-bottom: 7px; font-size: clamp(18px, 2.4vw, 28px); letter-spacing: -.04em; }
.contact-email img { width: 17px; height: 17px; }
.site-footer { background: #090a0d; }
.footer-credits { padding: 42px var(--gutter) 49px; border-bottom: 1px solid var(--line); }
.footer-credit-head { display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; }
.credit-carousel { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px 24px; margin-top: 25px; }
.credit-wordmark { grid-column: 1; font-size: clamp(42px, 10vw, 118px); line-height: .82; letter-spacing: -.085em; font-weight: 800; transition: color .25s, transform .25s; transform-origin: left center; }
.credit-wordmark:hover { color: var(--lime); transform: skewX(-4deg); }
.credit-carousel p { grid-column: 1; margin: 7px 0 0; color: var(--muted); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.credit-controls { grid-column: 2; grid-row: 1 / span 2; display: flex; align-items: center; gap: 12px; }
.credit-controls button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; font-size: 17px; cursor: pointer; transition: color .2s, border .2s, background .2s; }
.credit-controls button:hover { color: var(--ink); border-color: var(--lime); background: var(--lime); }
.credit-controls button img { display: block; }
.credit-controls span { color: var(--muted); font-size: 8px; letter-spacing: .1em; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 23px var(--gutter) 27px; color: var(--muted); font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.footer-bottom .brand { color: var(--paper); font-size: 17px; }
.footer-bottom > a:not(.brand):hover { color: var(--lime); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr .78fr; gap: 0; }
  .hero-collage { min-height: 400px; }
  .category-index { grid-template-columns: repeat(2, 1fr); }
  .category-index a:nth-child(2) { border-right: 0; }
  .category-index a:nth-child(3), .category-index a:nth-child(4) { border-top: 1px solid var(--line); }
  .category-index a:nth-child(3) { padding-left: 0; }
  .brand-feature, .activation-feature, .travel-feature { gap: 36px; }
  .social-frame { min-height: 440px; }
}
@media (max-width: 680px) {
  .site-header { height: 68px; }
  .menu-toggle { display: inline-flex; }
  .main-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 12px var(--gutter) 24px; background: #090a0df7; border-bottom: 1px solid var(--line); }
  .main-nav.open { display: flex; }
  .main-nav a, .main-nav .nav-cta { padding: 14px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
  .hero { display: flex; min-height: max(760px, 100svh); align-items: flex-start; flex-direction: column; justify-content: center; gap: 12px; padding-top: 105px; padding-bottom: 80px; }
  .hero-copy { padding-top: 0; }
  .hero h1 { font-size: clamp(58px, 13vw, 92px); margin: 24px 0; }
  .hero-intro { max-width: 440px; font-size: 15px; }
  .hero-collage { position: absolute; z-index: 0; top: 47%; right: 2%; width: 64%; min-height: 0; height: 43%; opacity: .72; }
  .collage-main { width: 62%; height: 74%; right: 9%; }
  .collage-side { width: 42%; height: 46%; }
  .collage-stamp { right: -4%; bottom: 1%; scale: .83; }
  .collage-index { display: none; }
  .hero-copy { z-index: 2; }
  .hero-footer { bottom: 16px; font-size: 7px; }
  .hero-footer span { max-width: 65%; }
  .hero-actions { flex-wrap: wrap; gap: 18px; margin-top: 25px; }
  .section-kicker { font-size: 8px; }
  .section-intro { grid-template-columns: 1fr; gap: 22px; margin: 48px 0 36px; }
  .section-intro h2 { font-size: clamp(47px, 12vw, 72px); }
  .category-index { position: sticky; z-index: 10; top: 67px; grid-template-columns: repeat(4, max-content); overflow-x: auto; margin: 0 -22px 76px; padding: 0 22px; background: #0d0f13f2; backdrop-filter: blur(12px); scrollbar-width: none; }
  .category-index::-webkit-scrollbar { display: none; }
  .category-index a, .category-index a:not(:first-child) { min-width: max-content; gap: 8px; padding: 14px 14px 14px 0; font-size: 11px; }
  .category-index a:not(:first-child) { padding-left: 14px; }
  .category-index a:nth-child(3), .category-index a:nth-child(4) { border-top: 0; }
  .category-heading { grid-template-columns: 28px 1fr; gap: 12px; }
  .category-heading h3 { font-size: clamp(43px, 11vw, 62px); }
  .category-summary { grid-column: 2; justify-self: start; margin: 0; font-size: 12px; }
  .brand-feature, .activation-feature, .travel-feature { grid-template-columns: 1fr; gap: 25px; }
  .brand-art { min-height: min(100vw, 430px); }
  .brand-art strong { font-size: clamp(55px, 14vw, 85px); }
  .brand-copy h4, .activation-copy h4, .travel-intro h4 { font-size: 42px; }
  .film-grid { grid-template-columns: 1fr; gap: 28px; }
  .film-frame { aspect-ratio: 1.18 / 1; }
  .film-caption h4 { font-size: 18px; }
  .film-caption p { max-width: 280px; }
  .more-film-links a { flex-direction: column; gap: 6px; }
  .more-film-links span { text-align: left; }
  .social-frame { min-height: 0; height: 125vw; max-height: 620px; }
  .social-frame video { min-height: 0; }
  .offer-grid { grid-template-columns: 1fr; }
  .offer-card { min-height: 264px; padding: 24px; }
  .offer-card h3 { margin-top: 35px; }
  .offer-card small { max-width: calc(100% - 48px); line-height: 1.5; }
  .offer-footnote { grid-template-columns: 1fr; gap: 9px; }
  .founder-layout { grid-template-columns: 1fr; gap: 20px; margin-top: 50px; }
  .founder-copy { padding-top: 0; }
  .founder-layout h2 { font-size: clamp(44px, 11vw, 72px); }
  .contact-layout { grid-template-columns: 1fr; gap: 23px; margin-top: 48px; }
  .contact-layout h2 { font-size: clamp(62px, 16vw, 100px); }
  .credit-carousel { grid-template-columns: 1fr auto; gap: 11px; }
  .credit-wordmark { font-size: clamp(40px, 11vw, 72px); }
  .credit-controls { gap: 7px; }
  .credit-controls button { width: 36px; height: 36px; }
  .footer-bottom { flex-wrap: wrap; gap: 15px 24px; }
  .footer-bottom > span:nth-child(2) { display: none; }
}
@media (max-width: 390px) {
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-collage { top: 51%; width: 73%; height: 38%; }
  .section-kicker span:last-child { max-width: 130px; text-align: right; }
  .footer-credit-head span:last-child { text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
.hero-collage { transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0); transition: transform .35s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.motion-cursor { position: fixed; z-index: 100; top: 0; left: 0; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--lime); border-radius: 50%; opacity: 0; pointer-events: none; transition: opacity .18s, width .2s, height .2s, background .2s; mix-blend-mode: difference; }
.motion-cursor span { width: 4px; height: 4px; border-radius: 50%; background: var(--lime); }
.motion-cursor.is-visible { opacity: 1; }
.motion-cursor.is-hovering { width: 42px; height: 42px; background: #d8ff4322; }
html.has-motion-cursor, html.has-motion-cursor * { cursor: none !important; }
html.lenis.lenis-smooth { scroll-behavior: auto !important; }
html.lenis.lenis-smooth iframe { pointer-events: auto; }
@media (hover: none), (prefers-reduced-motion: reduce) {
  .motion-cursor { display: none; }
  .hero-collage { transform: none; transition: none; will-change: auto; }
}

/* SwipeMore project carousel */
.portfolio-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 0 0 18px; }
.portfolio-filters { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.portfolio-filters::-webkit-scrollbar { display: none; }
.portfolio-filters button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; min-height: 42px; padding: 0 15px; border: 1px solid #ffffff2b; border-radius: 99px; background: transparent; color: #c4c5ca; font-size: 10px; letter-spacing: .06em; cursor: pointer; transition: color .2s, border-color .2s, background .2s; }
.portfolio-filters button span { color: #777a82; font-size: 9px; }
.portfolio-filters button:hover { border-color: #ffffff80; color: var(--paper); }
.portfolio-filters button[aria-pressed="true"] { border-color: var(--lime); background: var(--lime); color: var(--ink); }
.portfolio-filters button[aria-pressed="true"] span { color: #343a1f; }
.portfolio-arrows { display: flex; align-items: center; gap: 13px; color: var(--muted); font-size: 9px; letter-spacing: .1em; white-space: nowrap; }
.portfolio-arrows button { width: 42px; height: 42px; border: 1px solid #ffffff48; border-radius: 50%; background: transparent; color: var(--paper); font-size: 17px; cursor: pointer; transition: color .2s, background .2s, border-color .2s, transform .2s; }
.portfolio-arrows button:hover { transform: translateY(-2px); border-color: var(--lime); background: var(--lime); color: var(--ink); }
.portfolio-carousel { padding: 16px; background: #15171c; border: 1px solid #ffffff24; box-shadow: 0 30px 90px #0005; }
.portfolio-viewport { overflow: hidden; touch-action: pan-y; user-select: none; }
.portfolio-track { display: flex; align-items: stretch; transition: transform .56s cubic-bezier(.22,.75,.18,1); will-change: transform; }
.portfolio-slide { flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: clamp(30px, 5vw, 82px); align-items: center; padding: clamp(8px, 1.8vw, 26px); }
.work-media { position: relative; min-width: 0; aspect-ratio: 1.15 / 1; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(18px, 3vw, 43px); isolation: isolate; background: #20232d; }
.work-media:after { content: ""; position: absolute; z-index: -1; inset: 45% 0 0; background: linear-gradient(transparent, #06070bcc); pointer-events: none; }
.work-media > img, .work-media > video, .work-media > iframe { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.media-kicker, .media-caption { position: relative; z-index: 1; color: #e9e9eb; font-size: 9px; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.work-media > strong { position: relative; z-index: 1; align-self: flex-start; max-width: 100%; font-size: clamp(47px, 8vw, 112px); line-height: .78; letter-spacing: -.095em; text-wrap: balance; text-shadow: 0 4px 28px #0007; }
.media-caption { color: #e0e0e3; }
.poster-brand { background: radial-gradient(ellipse at 66% 43%, #8170d6 0%, #292567 29%, transparent 60%), linear-gradient(140deg, #1a1a2a, #090a0d 76%); }
.poster-brand:before, .poster-brand:after { content: ""; position: absolute; z-index: -1; width: 72%; aspect-ratio: 1; border: 1px solid #f1eeff3d; border-radius: 50%; right: -12%; top: 3%; transform: scaleY(.68) rotate(-24deg); }
.poster-brand:after { width: 102%; right: -35%; top: -6%; opacity: .45; }
.poster-brand > strong { font-size: clamp(58px, 9vw, 128px); }
.poster-social { background: radial-gradient(ellipse at 66% 48%, #b64c27 0%, #592523 28%, transparent 62%), linear-gradient(140deg, #15151a, #090a0d 80%); }
.poster-ace { background: radial-gradient(ellipse at 68% 50%, #8d506f 0%, #402338 30%, transparent 65%), linear-gradient(140deg, #17131b, #090a0d 80%); }
.poster-duppy { background: radial-gradient(ellipse at 75% 48%, #4a7e83 0%, #183b42 32%, transparent 65%), linear-gradient(140deg, #151b1d, #090a0d 80%); }
.poster-activation { background: radial-gradient(ellipse at 72% 34%, #e1ad19 0%, #7a4513 24%, transparent 59%), linear-gradient(140deg, #221710, #090a0d 80%); }
.poster-activation > strong { font-size: clamp(48px, 7vw, 95px); }
.poster-forreduci { background: radial-gradient(ellipse at 55% 54%, #6d3ddb 0%, #251446 33%, transparent 65%), linear-gradient(140deg, #161222, #090a0d 79%); }
.poster-forreduci > strong { font-size: clamp(40px, 6vw, 82px); }
.poster-city { background-color: #1c2930; }
.poster-city:before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(140deg, #15343b 1%, #7a997b 42%, #c5a365 43%, #543e3e 100%); opacity: .9; }
.poster-city:after { inset: 30% 0 0; background: linear-gradient(transparent, #090a0ded); }
.poster-city > strong { font-size: clamp(48px, 7.5vw, 104px); }
.poster-miami:before { background: linear-gradient(142deg, #0c415c 1%, #09a5ac 41%, #ef8e79 42%, #562c57 100%); }
.poster-marrakech:before { background: linear-gradient(142deg, #3b261d 1%, #cf7936 41%, #d2a14a 42%, #542e24 100%); }
.work-copy { max-width: 560px; padding: clamp(10px, 2vw, 28px) clamp(2px, 1vw, 12px); }
.work-meta { display: flex; justify-content: space-between; gap: 16px; padding: 0 0 17px; border-bottom: 1px solid #ffffff2e; color: #a2a4aa; font-size: 8px; line-height: 1.5; letter-spacing: .15em; text-transform: uppercase; }
.work-meta span:last-child { text-align: right; }
.work-copy h3 { margin: clamp(24px, 4vw, 48px) 0 14px; font-size: clamp(44px, 6vw, 82px); line-height: .85; letter-spacing: -.085em; }
.work-subtitle { margin: 0 0 21px; color: var(--lime); font-size: clamp(11px, 1.2vw, 14px); line-height: 1.5; }
.work-copy > p:not(.work-subtitle) { max-width: 440px; color: #c2c3c7; font-size: 14px; line-height: 1.65; }
.work-copy .work-credit { margin-top: 23px; color: #858790 !important; font-size: 9px !important; letter-spacing: .08em; text-transform: uppercase; }
.artist-reels { margin-top: clamp(54px, 8vw, 108px); padding-top: 28px; border-top: 1px solid #ffffff26; }
.artist-reels-heading { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 25px; }
.artist-reels-heading .eyebrow { margin: 0 0 13px; color: var(--lime); }
.artist-reels-heading h3 { margin: 0; font-size: clamp(32px, 4.8vw, 62px); letter-spacing: -.07em; line-height: .95; }
.artist-reels-heading > div:first-child > p:last-child { margin: 12px 0 0; color: #a2a4aa; font-size: 12px; }
.artist-reels-controls { display: flex; align-items: center; gap: 8px; }
.artist-reel-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-right: 9px; }
.artist-reel-filters button, .artist-reel-arrow { min-height: 38px; border: 1px solid #ffffff32; border-radius: 999px; background: transparent; color: var(--paper); cursor: pointer; }
.artist-reel-filters button { padding: 0 13px; font-size: 10px; }
.artist-reel-filters button span { margin-left: 5px; color: #999ba3; }
.artist-reel-filters button[aria-pressed="true"] { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.artist-reel-filters button[aria-pressed="true"] span { color: #37420b; }
.artist-reel-arrow { width: 38px; font-size: 18px; }
.artist-reel-arrow:hover, .artist-reel-filters button:hover { border-color: var(--lime); }
.artist-reel-viewport { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: #d8ff43 #ffffff14; scroll-snap-type: x mandatory; }
.artist-reel-track { display: flex; align-items: start; gap: 14px; padding-bottom: 18px; }
.artist-reel-card { flex: 0 0 clamp(190px, 21vw, 280px); min-width: 0; scroll-snap-align: start; }
.artist-reel-card[hidden] { display: none; }
.artist-reel-media { position: relative; overflow: hidden; aspect-ratio: 9 / 16; background: #111217; }
.artist-reel-media > img, .artist-reel-media > video { display: block; width: 100%; height: 100%; object-fit: cover; }
.artist-reel-media > video { position: absolute; inset: 0; }
.artist-reel-play { position: absolute; inset: auto auto 14px 14px; border: 1px solid #ffffff86; border-radius: 999px; padding: 10px 14px; background: #101116d9; color: white; font: inherit; font-size: 11px; cursor: pointer; backdrop-filter: blur(12px); }
.artist-reel-play:hover { background: var(--lime); border-color: var(--lime); color: var(--ink); }
.artist-reel-artist { display: block; margin-top: 13px; color: var(--lime); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.artist-reel-caption { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 7px 0 0; color: #d1d2d6; font-size: 12px; line-height: 1.5; }
.video-trigger { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 86px; height: 86px; place-items: center; border: 1px solid #ffffffb0; border-radius: 50%; background: #090a0d55; color: white; font-size: 18px; cursor: pointer; transform: translate(-50%, -50%); transition: border .2s, background .2s, color .2s, scale .2s; }
.video-trigger span { position: absolute; top: calc(100% + 13px); left: 50%; color: #fff; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; transform: translateX(-50%); }
.video-trigger:hover { scale: 1.08; border-color: var(--lime); background: var(--lime); color: var(--ink); }
.film-embed { z-index: 3 !important; user-select: auto; }
.portfolio-foot { display: flex; justify-content: space-between; gap: 20px; margin: 4px 2px 0; padding: 17px 1px 1px; border-top: 1px solid #ffffff24; color: #9a9ba2; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.portfolio-foot span:last-child { color: var(--lime); }
@media (max-width: 800px) {
  .portfolio-slide { grid-template-columns: minmax(0, 1fr) minmax(260px, .9fr); gap: 28px; }
  .work-copy h3 { font-size: clamp(42px, 7vw, 62px); }
  .work-copy > p:not(.work-subtitle) { font-size: 13px; }
}
@media (max-width: 620px) {
  .portfolio-toolbar { align-items: flex-start; flex-direction: column; gap: 15px; }
  .portfolio-filters { width: calc(100% + var(--gutter)); margin-right: calc(-1 * var(--gutter)); padding-right: var(--gutter); }
  .portfolio-filters button { min-height: 38px; padding: 0 13px; }
  .portfolio-arrows { align-self: flex-end; }
  .portfolio-arrows button { width: 38px; height: 38px; }
  .portfolio-carousel { padding: 9px; }
  .portfolio-slide { grid-template-columns: 1fr; gap: 20px; padding: 5px 5px 10px; }
  .work-media { aspect-ratio: 1.12 / 1; padding: 21px; }
  .work-media > strong { font-size: clamp(50px, 14vw, 85px); }
  .artist-reels-heading { align-items: start; flex-direction: column; }
  .artist-reels-controls { width: 100%; flex-wrap: wrap; }
  .artist-reel-filters { flex: 1 1 100%; margin-right: 0; }
  .artist-reel-card { flex-basis: min(69vw, 260px); }
  .poster-brand > strong { font-size: clamp(62px, 16vw, 100px); }
  .poster-forreduci > strong { font-size: clamp(45px, 12vw, 72px); }
  .work-copy { padding: 3px 7px 12px; }
  .work-copy h3 { margin: 24px 0 11px; font-size: clamp(48px, 13vw, 70px); }
  .work-subtitle { margin-bottom: 13px; }
  .work-copy > p:not(.work-subtitle) { margin: 11px 0; font-size: 13px; }
  .work-copy .work-credit { margin-top: 17px !important; }
  .portfolio-foot { font-size: 7px; letter-spacing: .09em; }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-track { transition: none; }
}

/* Client-first work stories */
.work-index{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 clamp(52px,8vw,100px);border-top:1px solid #ffffff2a;border-bottom:1px solid #ffffff2a;padding:15px 0}
.work-index a{display:flex;gap:26px;align-items:center;padding:9px 15px;border:1px solid #ffffff20;border-radius:999px;color:#e5e5e8;font-size:11px;text-decoration:none;transition:.2s}
.work-index a span{color:var(--lime)}.work-index a:hover{border-color:var(--lime);color:var(--lime)}
.case-study{padding:clamp(32px,5vw,70px) 0;border-top:1px solid #ffffff30;scroll-margin-top:90px}.case-topline{display:flex;justify-content:space-between;gap:16px;color:#9b9da5;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.case-topline span:last-child{color:var(--lime)}
.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,120px);align-items:end;padding:50px 0 45px}.case-intro h3,.category-heading{margin:0;font-size:clamp(64px,11vw,148px);line-height:.78;letter-spacing:-.095em}.case-intro h3 em,.category-heading em{color:var(--lime);font-style:normal}.case-story{max-width:520px;padding-bottom:4px}.case-story h4{font-size:18px;margin:0 0 14px}.case-story p{color:#b9bac0;font-size:15px;line-height:1.75}.case-services{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#f3f3f4!important}.case-services i{font-style:normal;color:var(--lime)}
.case-carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 18px}.case-carousel-heading span,.artist-film-list>span{color:#a3a5ab;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.case-carousel-heading h4{margin:9px 0 0;font-size:clamp(24px,3vw,36px);letter-spacing:-.05em}.case-carousel-heading small{color:#9da0a4;font-size:11px;letter-spacing:0;margin-left:8px}.case-controls{display:flex;gap:7px;align-items:center}.case-filters{display:flex;gap:6px;margin-right:10px}.case-filters button{padding:0 14px;min-height:36px;border:1px solid #ffffff32;border-radius:999px;background:transparent;color:var(--paper);font-size:10px;cursor:pointer}.case-filters button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}.case-filters span{opacity:.65}
.case-viewport{overflow:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d8ff43 #ffffff14}.case-track{display:flex;gap:14px;padding-bottom:18px}.showcase-card{flex:0 0 clamp(210px,24vw,310px);min-width:0;scroll-snap-align:start}.showcase-card[hidden]{display:none}.showcase-media{position:relative;aspect-ratio:9/16;overflow:hidden;background:#17191d}.showcase-media>img,.showcase-media>video{display:block;width:100%;height:100%;object-fit:cover}.showcase-play{position:absolute;left:14px;bottom:14px;border:1px solid #ffffff80;border-radius:999px;padding:10px 15px;background:#0b0c10d9;color:white;font:inherit;font-size:11px;cursor:pointer;backdrop-filter:blur(10px)}.showcase-play:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.showcase-tag{display:block;margin-top:13px;color:var(--lime);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.showcase-caption{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:36px;margin:7px 0 0;color:#d3d3d7;font-size:12px;line-height:1.5}
.category-heading{padding:55px 0 40px;font-size:clamp(48px,8vw,100px)}.artist-case{display:grid;grid-template-columns:1fr minmax(250px,.65fr);gap:40px;padding:34px 0 26px;border-top:1px solid #ffffff24;align-items:start}.artist-case-story h4{font-size:clamp(40px,6vw,72px);letter-spacing:-.07em;margin:0 0 14px}.artist-case-story>p:not(.eyebrow){max-width:580px;color:#b9bac0;line-height:1.7;font-size:14px}.artist-case-story>span{color:#a6a8ad;text-transform:uppercase;letter-spacing:.11em;font-size:9px}.artist-film-list{display:grid;gap:0}.artist-film-list>span{margin-bottom:10px}.artist-film-list a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #ffffff22;color:var(--paper);text-decoration:none;font-size:13px}.artist-film-list a b{color:var(--lime);font-size:10px;font-weight:500;white-space:nowrap}.case-music .case-carousel-heading{margin-top:28px}.artist-case-ace{margin-top:54px}.activation-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.activation-cards article{padding:24px;border:1px solid #ffffff2b;background:#15171c;min-height:240px}.activation-cards span{color:var(--lime);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.activation-cards h4{font-size:26px;margin:25px 0 10px}.activation-cards p{color:#b9bac0;font-size:13px;line-height:1.65}.activation-cards a{display:inline-block;margin-top:10px;color:var(--lime);font-size:11px;text-decoration:none}.campaign-still{width:100%;height:150px;object-fit:cover;margin-top:10px}.film-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:50px;background:#000e}.film-lightbox iframe{width:min(100%,1000px);aspect-ratio:16/9;border:0}.film-close{position:absolute;top:18px;right:20px;border:1px solid #ffffff80;border-radius:999px;padding:11px 16px;background:#17191d;color:white;cursor:pointer}
@media(max-width:700px){.case-intro,.artist-case{grid-template-columns:1fr;gap:25px}.case-intro{padding:35px 0}.case-intro h3{font-size:clamp(68px,18vw,110px)}.case-carousel-heading{align-items:flex-start;flex-direction:column}.case-controls{width:100%;flex-wrap:wrap}.case-filters{flex:1 1 100%;margin:0 0 5px;overflow:auto}.showcase-card{flex-basis:70vw}.activation-cards{grid-template-columns:1fr}.case-topline{font-size:8px}.work-index{flex-wrap:nowrap;overflow:auto}.work-index a{white-space:nowrap}.film-lightbox{padding:18px}}
.case-study .category-heading{display:block;grid-template-columns:none;align-items:initial;gap:0;padding:55px 0 40px;margin:0;border:0;font-size:clamp(48px,8vw,100px);line-height:.9}
.activation-cards{display:flex;gap:14px;width:max-content;margin:0;padding:0 0 18px}.activation-cards article{flex:0 0 clamp(260px,32vw,390px);min-height:225px;scroll-snap-align:start}