:root{--after:#ff5638;--accent:#ff5638;--ink:#f2eee6}.future-afterimage{background:#090909}.music-stage{background:#090909}.future-afterimage header{height:88px;border:0;background:#090909dd}.over-film:not(.after-film) header{background:linear-gradient(#09090977,transparent);backdrop-filter:none}.reel-picture{inset:0}.reel-shade{background:linear-gradient(0deg,#0909098a,transparent 80%)}.reel-open{left:6vw;right:6vw;bottom:19%;text-align:center}.reel-open h2{font-size:clamp(100px,15vw,240px);line-height:.9;max-width:none;color:#faf7f0;letter-spacing:-.045em;margin-bottom:25px}.reel-title{max-width:none;font-size:13px;letter-spacing:.03em}.reel-explore{position:static;display:inline-block;border:1px solid #fff7;border-radius:100px;padding:13px 22px;margin-top:30px;font-size:11px}.future-caption{left:0;right:0;top:125px;text-align:center;color:#faf7f0}.future-caption>span{display:none}.future-caption p{font-size:12px;letter-spacing:.07em}.film-catalogue,#work-view,#studio-view,.toolbar,.company-section,footer{background:#090909!important;color:#f2eee6!important}.catalogue-heading h2,.work-intro h1,.studio-manifesto h2,.company-section h2{color:#f2eee6}.catalogue-credit,.catalogue-card p{color:#a9a59e!important}.catalogue-card h3{color:#f2eee6}.catalogue-card>.image{border-radius:2px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 40px}.catalogue-card:nth-child(n){grid-column:auto;margin-top:0}.catalogue-card:nth-child(3n+1){grid-column:1/-1;width:100%}.catalogue-card:nth-child(3n+1)>.image{aspect-ratio:2.1}.catalogue-card:nth-child(3n+1) h3{font:400 48px 'Instrument Serif',Georgia,serif;text-transform:none}.studio-cover{height:85svh;max-height:none}.studio-cover>div{left:0;right:0;text-align:center;bottom:70px}.studio-cover h1{font-size:clamp(65px,8vw,125px);color:#faf7f0}.studio-manifesto{padding-top:125px;padding-bottom:125px}.studio-practices h2{color:#f2eee6}#studio-menu,#studio-menu .menu-top{background:#090909;color:#f2eee6}#studio-menu .menu-layout nav a{color:#f2eee6}#studio-menu .menu-layout nav a:hover{color:white}.concept-dock{background:#f2eee6;border-color:#f2eee6}.filters button.active{color:#f2eee6}
@media(max-width:700px){.reel-open{bottom:25%;left:22px;right:22px}.reel-open h2{font-size:clamp(75px,22vw,120px)}.reel-title{font-size:12px}.future-caption{top:115px}.catalogue-grid{grid-template-columns:1fr;gap:40px}.catalogue-card:nth-child(n){grid-column:auto}.catalogue-card:nth-child(n)>.image{aspect-ratio:1.2}.catalogue-card:nth-child(3n+1) h3{font-size:36px}.studio-cover h1{font-size:65px}.studio-cover>div{bottom:45px}.studio-manifesto{padding-top:70px;padding-bottom:70px}}

/* A single editorial title voice. */
.future-afterimage :is(h1,h2,h3,#detail-title),.future-afterimage #project-grid .project:nth-child(n) .caption h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:normal;text-transform:none;letter-spacing:-.025em}
.future-afterimage .catalogue-card h3{font-size:clamp(30px,3vw,48px);line-height:1.04}
.future-afterimage #project-grid .project:nth-child(n) .caption h2{font-size:clamp(28px,3vw,46px);line-height:1.06}
/* Compact, optically balanced signature, independent of headline typography. */
.future-afterimage :is(header .brand,.menu-brand,.footer-brand){display:inline-flex;align-items:center;gap:0;white-space:nowrap}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img{width:92px;height:auto;display:block}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span{font:400 30px/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em;display:inline-flex;align-items:center}
.future-afterimage :is(.brand,.menu-brand,.footer-brand)>span::before{height:22px;width:1px;margin-left:3px;margin-right:7px;opacity:.42}
/* Motion follows the scroll; no entrance image zoom. */
.future-afterimage .after-reveal{opacity:0;translate:0 22px;transition:opacity .85s ease,translate 1.05s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.future-afterimage .after-reveal.is-visible{opacity:1;translate:0 0}
.future-afterimage .studio-cover{overflow:hidden}
.future-afterimage :is(.catalogue-card,#project-grid .project) .image img{scale:1.055;translate:0 var(--image-drift,0px);transform:none!important;transition:filter .6s ease}
.future-afterimage :is(.catalogue-card,#project-grid .project) h3,.future-afterimage #project-grid .caption h2{transition:color .3s ease}
@media(hover:hover){.future-afterimage :is(.catalogue-card,#project-grid .project):hover :is(h2,h3){color:#faf7f0;translate:none}.future-afterimage :is(.catalogue-card,#project-grid .project):hover .image img{filter:brightness(1.08)}}
.future-afterimage .after-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:101;pointer-events:none}
@media(max-width:700px){.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img{width:76px}.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span{font-size:26px}.future-afterimage :is(.brand,.menu-brand,.footer-brand)>span::before{height:18px;margin-right:6px}.future-afterimage #project-grid .project:nth-child(n) .caption h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.future-afterimage .after-reveal{opacity:1;translate:none}.future-afterimage :is(.catalogue-card,#project-grid .project) .image img{scale:1;translate:none}.future-afterimage .after-progress{display:none}}

/* A single compact wordmark: original VEEPS with an integrated serif signature. */
.future-afterimage :is(header .brand,.menu-brand,.footer-brand){gap:4px;line-height:1}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img{width:98px}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span{font-family:'Libre Caslon Display',Georgia,serif;font-size:31px;letter-spacing:-.065em;line-height:.8;transform:translateY(-1px)}
.future-afterimage :is(.brand,.menu-brand,.footer-brand)>span::before{display:none}
.future-afterimage footer{padding-bottom:30px}
.future-afterimage #project-dialog .dialog-nav{padding-bottom:max(24px,env(safe-area-inset-bottom))}
.future-afterimage .menu-bottom{padding-bottom:max(30px,env(safe-area-inset-bottom))!important}
@media(max-width:700px){.future-afterimage :is(header .brand,.menu-brand,.footer-brand){gap:3px}.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img{width:80px}.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span{font-size:26px}}

/* One outlined mark, with custom-drawn Studios lettering. */
.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img.custom-wordmark{width:222px;height:auto;max-width:100%;filter:none}
@media(max-width:700px){.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img.custom-wordmark{width:184px}}

/* Full-bleed frames with deliberate artist focal points. */
.future-afterimage :is(.catalogue-card,#project-grid .project) .image :is(img,video){position:absolute;inset:0;width:100%;height:100%!important;max-height:none;object-fit:cover;margin:0;transform:none!important;scale:1;translate:none}
.future-afterimage .reel-picture,.future-afterimage .reel-layer{inset:0;width:100%;height:100%}
.future-afterimage .reel-layer :is(img,video){width:100%;height:100%;object-fit:cover;transform:none!important;scale:1}
.future-afterimage .studio-cover>img,.future-afterimage .studio-practices img{object-fit:cover;transform:none!important}
.future-afterimage #detail>img.detail-image{object-fit:cover}
.future-afterimage img[src$="laufey-gold.jpg"]{object-position:50% 18%!important}
.future-afterimage img[src$="adela-stage.jpg"]{object-position:50% 32%!important}
.future-afterimage img[src$="don.jpg"]{object-position:50% 0%!important}
.future-afterimage img[src$="bleachers-stage.jpg"]{object-position:48% 0%!important}
.future-afterimage img[src$="warning-official.jpg"]{object-position:50% 45%!important}
.future-afterimage img[src$="artist-friendly-jovi.jpg"]{object-position:68% 12%!important}
.future-afterimage img[src$="odesza.jpg"]{object-position:50% 62%!important}
.future-afterimage img[src$="louis.jpg"]{object-position:50% 48%!important}
.future-afterimage img[src$="kings.jpg"]{object-position:50% 15%!important}
.future-afterimage img[src$="kelela2.jpg"]{object-position:50% 27%!important}
.future-afterimage img[src$="brandi-performance.jpg"]{object-position:55% 24%!important}
.future-afterimage img[src$="chase.webp"]{object-position:50% 10%!important}
.future-afterimage img[src$="coldplay.png"]{object-position:50% 0%!important}
.future-afterimage img[src$="ghost.jpg"]{object-position:50% 25%!important}
.future-afterimage img[src$="jimmy.jpg"]{object-position:50% 40%!important}
.future-afterimage video[src$="warning-preview.mp4"]{object-position:50% 30%!important}
@media(max-width:700px){
.future-afterimage img[src$="laufey-gold.jpg"]{object-position:50% 18%!important}
.future-afterimage img[src$="adela-stage.jpg"]{object-position:50% 30%!important}
.future-afterimage img[src$="don.jpg"]{object-position:50% 0%!important}
.future-afterimage img[src$="bleachers-stage.jpg"]{object-position:42% 0%!important}
.future-afterimage img[src$="warning-official.jpg"]{object-position:51% 45%!important}
.future-afterimage img[src$="artist-friendly-jovi.jpg"]{object-position:70% 12%!important}
.future-afterimage img[src$="odesza.jpg"]{object-position:50% 65%!important}
.future-afterimage img[src$="louis.jpg"]{object-position:50% 48%!important}
.future-afterimage img[src$="kings.jpg"]{object-position:50% 15%!important}
.future-afterimage img[src$="kelela2.jpg"]{object-position:50% 25%!important}
.future-afterimage img[src$="brandi-performance.jpg"]{object-position:55% 24%!important}
.future-afterimage img[src$="chase.webp"]{object-position:50% 10%!important}
.future-afterimage img[src$="coldplay.png"]{object-position:50% 0%!important}
.future-afterimage img[src$="ghost.jpg"]{object-position:50% 25%!important}
.future-afterimage img[src$="jimmy.jpg"]{object-position:50% 40%!important}
}

/* Mobile composition: reserve the upper image for the artist. */
@media(max-width:700px){
.future-afterimage .reel-open{bottom:max(60px,calc(env(safe-area-inset-bottom) + 38px));left:24px;right:24px;text-align:left}
.future-afterimage .reel-open h2{font-size:clamp(64px,19vw,94px);max-width:330px;line-height:.92;margin-bottom:16px}
.future-afterimage .reel-explore{margin-top:20px}
.future-afterimage .reel-shade{background:linear-gradient(0deg,rgba(9,9,9,.8),rgba(9,9,9,.12) 48%,transparent 70%)}
.future-afterimage .studio-cover>div{left:24px;right:24px;bottom:40px;text-align:left}
.future-afterimage .studio-cover h1{font-size:clamp(54px,16vw,74px)}
.future-afterimage #detail>img.detail-image{height:50svh;min-height:260px}
}
@media(max-width:700px) and (max-height:680px){.future-afterimage .reel-open{bottom:35px}.future-afterimage .reel-open h2{font-size:62px}}

/* Selected identity: Slash signature. */
.future-afterimage :is(header .brand,.menu-brand,.footer-brand){gap:0;align-items:center}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img.signature-veeps{width:97px;height:auto;display:block}
.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span.signature-studios{font:400 34px/1 'Instrument Serif',Georgia,serif;letter-spacing:-.04em;transform:none;display:inline-flex;align-items:center}
.future-afterimage :is(.brand,.menu-brand,.footer-brand)>span.signature-studios::before{content:'';display:block;width:1px;height:28px;background:currentColor;opacity:.8;transform:rotate(19deg);margin:0 12px;flex-shrink:0}
.future-afterimage .reel-explore{display:none!important}
@media(max-width:700px){.future-afterimage :is(header .brand,.menu-brand,.footer-brand) img.signature-veeps{width:81px}.future-afterimage :is(header .brand,.menu-brand,.footer-brand)>span.signature-studios{font-size:29px}.future-afterimage :is(.brand,.menu-brand,.footer-brand)>span.signature-studios::before{height:24px;margin:0 10px}}

.future-afterimage.intro-arrival .music-stage{animation:none}


/* Warm punctuation, quiet type: interaction never moves a headline. */
.future-afterimage :is(a,button):focus-visible{outline-color:var(--accent);outline-offset:6px}
.future-afterimage :is(.catalogue-card,#project-grid .project) .caption,
.future-afterimage :is(.catalogue-card,#project-grid .project):hover .caption{transform:none;translate:none}
.future-afterimage :is(.catalogue-card,#project-grid .project) :is(h2,h3){translate:none;text-decoration:none!important}
.future-afterimage :is(.catalogue-card,#project-grid .project) :is(h2,h3)::after{content:'';display:block;width:32px;height:1px;margin-top:12px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.future-afterimage :is(.catalogue-card,#project-grid .project):is(:hover,:focus-visible) :is(h2,h3)::after{transform:scaleX(1)}
.future-afterimage .filters button{transition:color .25s,border-color .25s}
.future-afterimage .filters button:is(:hover,:focus-visible,.active){color:var(--ink);border-color:var(--accent)}
.future-afterimage #work-view .filters button.active{box-shadow:none;text-decoration-color:var(--accent);text-underline-offset:7px}
.future-afterimage #studio-menu::backdrop{background:#090909}
.future-afterimage #studio-menu .menu-bottom{color:#a9a59e}
.future-afterimage #studio-menu .menu-layout nav a{position:relative;color:var(--ink);transition:color .3s;transform:none}
.future-afterimage #studio-menu .menu-layout nav a::after{content:'';display:block;position:absolute;left:calc(50% - 16px);bottom:0;width:32px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .35s ease}
.future-afterimage #studio-menu .menu-layout nav a:is(:hover,:focus-visible){color:#fff;opacity:1;transform:none}
.future-afterimage #studio-menu .menu-layout nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.future-afterimage header .menu-toggle:is(:hover,:focus-visible),.future-afterimage .menu-dismiss:is(:hover,:focus-visible){color:var(--accent)}
.future-afterimage .menu-toggle:hover i{transform:none}
.future-afterimage .studio-practices button:is(:hover,:focus-visible) .practice-project{text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:6px}
@media(hover:hover){.future-afterimage #studio-menu .menu-layout nav:has(a:hover) a:not(:hover){color:#98958f}}
@media(prefers-reduced-motion:reduce){.future-afterimage :is(.catalogue-card,#project-grid .project) :is(h2,h3)::after,.future-afterimage #studio-menu .menu-layout nav a::after{transition:none}}

/* Optional audio, offered only on heroes with a playable film. */
.future-afterimage .reel-sound{position:absolute;right:4vw;bottom:32px;z-index:5;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #ffffff50;border-radius:30px;background:#09090955;backdrop-filter:blur(12px);color:#faf7f0;font:11px 'Test Sohne',Arial,sans-serif;letter-spacing:.03em;transition:background .2s,border-color .2s}
.future-afterimage .reel-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.future-afterimage .reel-sound:hover{background:#09090999;border-color:#ffffffaa}
@media(max-width:700px){.future-afterimage .reel-sound{right:22px;bottom:max(12px,env(safe-area-inset-bottom));padding:8px 12px;min-height:40px;font-size:10px}}

/* Keep sound beside the film caption, as a separate accessible control. */
.future-afterimage .reel-copy{position:absolute;left:6vw;right:6vw;bottom:12%;text-align:center;z-index:5}
.future-afterimage .reel-copy .reel-open{position:static;display:block;width:100%;text-align:center}
.future-afterimage .reel-copy .reel-sound{position:static;width:fit-content;margin:20px auto 0}
@media(max-width:700px){.future-afterimage .reel-copy{left:24px;right:24px;bottom:max(28px,env(safe-area-inset-bottom))}.future-afterimage .reel-copy .reel-open h2{margin-left:auto;margin-right:auto}.future-afterimage .reel-copy .reel-sound{margin-top:18px}}

/* Speaker-only control with an invisible, generous touch target. */
.future-afterimage .reel-copy .reel-sound{width:44px;height:44px;min-height:44px;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;opacity:.8;transition:opacity .2s}
.future-afterimage .reel-copy .reel-sound:hover,.future-afterimage .reel-copy .reel-sound:focus-visible{background:transparent;opacity:1}
.future-afterimage .reel-sound>span{display:none}
.future-afterimage .reel-sound svg{width:20px;height:20px}

/* Quiet feedback while the current hero buffers; actionable on failure. */
.future-afterimage .reel-video-status{position:absolute;right:30px;bottom:28px;z-index:6;width:44px;min-height:44px;padding:10px;display:grid;place-items:center;border:0;background:none;color:#faf7f0;opacity:.8}
.future-afterimage .reel-video-status svg{width:20px;height:20px;animation:heroBuffer 1s linear infinite}
.future-afterimage .reel-video-status circle{fill:none;stroke:currentColor;stroke-width:1.4;stroke-dasharray:35 16;stroke-linecap:round}
.future-afterimage .reel-video-status[data-state="error"]{width:auto;font:11px 'Test Sohne',Arial,sans-serif;cursor:pointer}
@keyframes heroBuffer{to{transform:rotate(360deg)}}
@media(max-width:700px){.future-afterimage .reel-video-status{right:14px;bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.future-afterimage .reel-video-status svg{animation:none}}

/* Keep the editorial collection at a deliberate scale on wide displays. */
.future-afterimage .film-catalogue :is(.catalogue-heading,.catalogue-grid){width:100%;max-width:1280px;margin-left:auto;margin-right:auto}
.future-afterimage .catalogue-card{min-width:0}
/* Focus is expressed through color rather than a box around the control. */
.future-afterimage :is(a,button):focus{outline:none}
.future-afterimage :is(a,button):focus-visible{outline:none;color:var(--accent)}
.future-afterimage :is(.brand,.menu-brand,.footer-brand):focus-visible{filter:brightness(.75)}
/* A shared inner measure across Home, Work and Studio. */
.future-afterimage :is(#project-grid,#project-grid.compact,.work-intro,#work-view .toolbar,.studio-manifesto,.studio-practices-heading,.studio-practices){box-sizing:border-box;width:calc(100% - var(--gutter) - var(--gutter));max-width:1280px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.future-afterimage .card-image-pending{background:linear-gradient(105deg,#111317 20%,#181b1f 42%,#1f2227 50%,#181b1f 58%,#111317 80%);background-size:250% 100%;animation:card-image-shimmer 1.65s ease-in-out infinite;color:transparent}
@keyframes card-image-shimmer{from{background-position:140% 0}to{background-position:-140% 0}}
@media(prefers-reduced-motion:reduce){.future-afterimage .card-image-pending{animation:none}}

/* Desktop navigation stays intimate even on very large displays. */
@media(min-width:701px){
.future-afterimage #studio-menu .menu-layout{padding-top:24px;padding-bottom:40px}
.future-afterimage #studio-menu .menu-layout nav{max-width:900px;gap:8px}
.future-afterimage #studio-menu .menu-layout nav a{font-size:clamp(36px,min(4.5vw,6.5dvh),72px);line-height:1.08;padding:5px 10px}
}
/* Fit every navigation destination inside the mobile viewport. */
@media(max-width:700px){
.future-afterimage #studio-menu .menu-layout{min-height:0;padding:12px 18px 18px;justify-content:center}
.future-afterimage #studio-menu .menu-layout nav{gap:4px}
.future-afterimage #studio-menu .menu-layout nav a{font-size:clamp(28px,min(11vw,5.8dvh),46px);line-height:1.08;min-height:44px;padding:3px 2px}
.future-afterimage #studio-menu .menu-bottom{padding-top:0;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
}
@media(max-height:500px) and (orientation:landscape){
.future-afterimage #studio-menu .menu-top{padding:8px var(--gutter)}
.future-afterimage #studio-menu .menu-layout{min-height:0;padding:8px var(--gutter);justify-content:center}
.future-afterimage #studio-menu .menu-layout nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,640px);gap:2px 24px}
.future-afterimage #studio-menu .menu-layout nav a{font-size:28px;line-height:1.08;min-height:44px;padding:3px 0;justify-content:center}
.future-afterimage #studio-menu .menu-layout nav a:last-child{grid-column:1/-1}
.future-afterimage #studio-menu .menu-bottom{display:none}
}
/* Larger partner marks use the full editorial page width. */
.future-afterimage .company-section{max-width:none;width:100%;box-sizing:border-box}
.future-afterimage .company-section .partner-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px clamp(24px,4vw,72px);width:100%}
.future-afterimage .company-section .partner-strip img{width:200px;height:68px;max-width:100%;object-fit:contain}
.future-afterimage .company-section .partner-strip .spotify-logo{width:220px;height:76px}
.future-afterimage .company-section .music-nights-lockup{width:200px}
.future-afterimage .company-section .partner-strip .music-nights-lockup img{width:145px;height:35px}
.future-afterimage .company-section .music-nights-lockup>span{font-size:24px}
@media(max-width:700px){
.future-afterimage .company-section .partner-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}
.future-afterimage .company-section .partner-strip img{width:160px;height:58px}
.future-afterimage .company-section .partner-strip .spotify-logo{width:175px;height:64px}
.future-afterimage .company-section .music-nights-lockup{width:160px}
.future-afterimage .company-section .partner-strip .music-nights-lockup img{width:120px;height:29px}
.future-afterimage .company-section .music-nights-lockup>span{font-size:20px}
/* Keep long project titles and media comfortable on small screens. */
.future-afterimage #project-dialog{overflow-x:hidden}
.future-afterimage #detail{min-width:0;width:100%}
.future-afterimage #detail>img.detail-image{height:42svh;min-height:200px;max-height:400px}
.future-afterimage #detail>video.detail-image{width:100%;height:auto;min-height:0;aspect-ratio:16/9}
.future-afterimage #detail .detail-copy{display:block;padding:26px var(--gutter) 30px;min-width:0}
.future-afterimage #detail .detail-heading h2{font-size:clamp(32px,9vw,46px);line-height:1.06;overflow-wrap:anywhere;margin-bottom:20px}
.future-afterimage .detail-heading .eyebrow{line-height:1.6;overflow-wrap:anywhere;margin-bottom:14px}
.future-afterimage .detail-summary{padding-top:24px}
.future-afterimage .detail-summary :is(p,a){overflow-wrap:anywhere}
.future-afterimage #project-dialog .detail-top{gap:16px;min-height:60px}
.future-afterimage #project-dialog .close{flex-shrink:0;min-height:44px;padding:10px 0 10px 12px}
.future-afterimage #project-dialog .dialog-nav{padding:8px var(--gutter) max(8px,env(safe-area-inset-bottom));padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
.future-afterimage .company-section .partner-strip{max-width:none}
.future-afterimage .company-section .partner-strip img{max-height:none;margin:0}
@media(min-width:1100px){.future-afterimage .company-section .partner-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}}
@media(min-width:701px) and (max-width:1099px){.future-afterimage .company-section .partner-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(min-width:1100px){.future-afterimage .company-section:not(.brand-partners) .partner-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
.future-afterimage .brand-partners .partner-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.future-afterimage .brand-partners .partner-strip img{width:260px;height:84px}
@media(max-width:700px){.future-afterimage .brand-partners .partner-strip img{width:160px;height:60px}}

@media(min-width:701px){.future-afterimage .brand-partners .partner-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.future-afterimage .brand-partners .partner-strip img:last-child{grid-column:1/-1}}

/* Branded Content is a standalone editorial destination. */
.future-afterimage #branded-view{background:#090909;color:var(--ink);padding:64px var(--gutter) 0}
.branded-intro,.branded-grid{max-width:1280px;margin-left:auto;margin-right:auto}
.branded-intro{margin-bottom:56px}
.branded-intro h1{font-size:clamp(56px,7vw,104px);line-height:1;margin:18px 0 22px}
.branded-intro p{font-size:15px;color:var(--muted)}
.future-afterimage .company-section .partner-strip img{width:145px;height:48px;max-height:48px}
.future-afterimage .company-section .partner-strip .spotify-logo{width:160px;height:56px;max-height:56px}
.future-afterimage .company-section .music-nights-lockup{width:145px}
.future-afterimage .company-section .partner-strip .music-nights-lockup img{width:105px;height:25px}
.future-afterimage .company-section .music-nights-lockup>span{font-size:18px}
.future-afterimage .brand-partners .partner-strip img{width:180px;height:60px;max-height:60px}
@media(max-width:700px){.future-afterimage #branded-view{padding-top:35px}.branded-intro{margin-bottom:35px}.branded-intro h1{font-size:56px}.future-afterimage .company-section .partner-strip img{width:120px;height:42px;max-height:42px}.future-afterimage .brand-partners .partner-strip img{width:140px;height:48px;max-height:48px}}

/* Art-directed placeholders reserve space for confirmed activations. */
#branded-view .branded-grid .activation-placeholder .activation-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:44px 24px;background:radial-gradient(ellipse at 50% 10%,#25241e,#111 75%);color:#f2eee6}
#branded-view .branded-grid .activation-placeholder .activation-art img{position:static;width:180px;height:60px!important;object-fit:contain;filter:brightness(0) invert(1);max-width:65%}
#branded-view .branded-grid .activation-placeholder .activation-art.mayo img{height:100px!important;width:100px}
.activation-cross{font:22px 'Test Sohne',Arial,sans-serif;color:#888}
.activation-name{font:400 clamp(32px,4vw,60px)/1 'Instrument Serif',Georgia,serif;text-align:center;max-width:85%}
.placeholder-label{position:absolute;bottom:18px;left:20px;font:10px 'Test Sohne',Arial,sans-serif;color:#9c9991;letter-spacing:.06em}
#branded-view .branded-grid .activation-placeholder .activation-art.friendly{background:radial-gradient(ellipse at 50% 10%,#23332b,#101511 75%)}
#branded-view .branded-grid .activation-placeholder .activation-art.goldmine{background:radial-gradient(ellipse at 50% 10%,#303039,#111116 75%)}
#branded-view .branded-grid .activation-placeholder .activation-art.citi{background:radial-gradient(ellipse at 50% 10%,#202d3c,#101319 75%)}
.future-afterimage .activation-placeholder :is(h2,h3)::after{display:none}
@media(min-width:1100px){.future-afterimage .brand-partners .partner-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){#branded-view .branded-grid .activation-placeholder .activation-art{gap:12px;padding:38px 16px}.activation-name{font-size:34px}#branded-view .branded-grid .activation-placeholder .activation-art img{height:44px!important;width:150px}#branded-view .branded-grid .activation-placeholder .activation-art.mayo img{height:65px!important;width:65px}}
#branded-view .activation-placeholder .activation-art.mayo img,.future-afterimage .company-section .partner-strip img[src$="dukes-mayo.png"]{filter:none!important}