.mobile-hero-trust{display:none}
@media(max-width:600px){
 .hero{aspect-ratio:1/2;overflow:hidden}
 .hero .art{width:100%;height:100%;object-fit:contain}
 .hero .hero-arm-correction,.hero .type-layer>text{display:none}
 .hero .top-shade{height:12%;background:linear-gradient(#172a4226,transparent)}
 .hero .hero-headline-group{transform:none}
 /* Preserve the original artwork; add a shallow edge and lifted shadow. */
 .hero .wide-headline{filter:url(#pink-depth)}
 .hero .ornate{filter:url(#shadow)}
 .hero::after{content:"";position:absolute;inset:auto 0 0;height:15%;pointer-events:none;background:linear-gradient(to bottom,rgba(246,245,251,0) 0%,rgba(246,245,251,.25) 28%,rgba(246,245,251,.8) 68%, #f6f5fb 100%)}
 .hero .wide-headline{left:16%;top:15.5%;width:68%;height:auto}
 .hero .ornate{left:25.35%;top:19.46%;width:49.3%;height:auto}
 .hero .mobile-hero-trust{display:block;position:absolute;top:72%;left:3%;width:94%;margin:0;text-align:center;white-space:nowrap;font:300 3.15cqw/1.4 Figtree,sans-serif;letter-spacing:-.043478em;color:white;text-shadow:0 1px 5px #0008}
 .hero .hero-company{transform:none;height:5%!important;top:78%!important}
 .hero .hero-company>span{mask-size:contain;mask-position:center}
 .hero .hero-company[aria-label="BYTHUNDER"]{left:8%!important;width:20%!important}
 .hero .hero-company[aria-label="Apple"]{left:36%!important;width:7%!important}
 .hero .hero-company[aria-label="Cadbury"]{left:52%!important;width:17%!important}
 .hero .hero-company[aria-label="Karlfilm"]{left:77%!important;width:15%!important}
 .hero .hero-company[aria-label="Chelsea"]{left:23%!important;top:85%!important;width:8%!important}
 .hero .hero-company[aria-label="McDonald’s"]{left:44%!important;top:85%!important;width:10%!important}
 .hero .hero-company[aria-label="FRAMEHAUS"]{left:65%!important;top:85%!important;width:20%!important}
 .site-header .header-row{grid-template-columns:1fr auto 1fr;left:12px;right:12px;top:10px;padding:0 4px}
 .site-header .header-row .logo-art{width:100px;height:auto}
 .site-header .header-row .hit.book,.site-header .header-row .hit.tiktok{display:none}
 .site-header .header-row .hit.header-icon{width:44px;height:44px}
}

@media(prefers-reduced-motion:no-preference){
 .hero .wide-headline,.hero .ornate{transform:perspective(850px) translate3d(var(--depth-x,0px),var(--depth-y,0px),0) rotateX(var(--depth-rx,0deg)) rotateY(var(--depth-ry,0deg));transform-origin:center;transition:transform 260ms ease-out}
}

@media(min-width:601px){.hero .wide-headline{filter:url(#pink-depth-desktop)}}

/* Native document scrolling keeps the header attached to the hero on touch devices. */
.site-header{position:absolute;transform:none;opacity:1;visibility:visible;transition:none}
.site-header.scrolled{position:fixed;animation:header-return 280ms cubic-bezier(.22,1,.36,1) both}
@keyframes header-return{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(hover:none),(pointer:coarse){.hero .wide-headline,.hero .ornate{transition:none}}
@media(prefers-reduced-motion:reduce){.site-header.scrolled{animation:none}}

/* Avoid Safari 26 chrome sampling interference from hero navigation blur. */
.site-header:not(.scrolled):not(.menu-open) .topbar{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Mobile introduction: real text and natural flow instead of a scaled desktop SVG. */
@media(max-width:600px){
 .intro{height:auto;min-height:0;padding:52px 24px 48px;isolation:isolate;overflow:hidden}
 .intro #intro-title{position:relative;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;text-align:center;color:#333;font:300 clamp(25px,7.1vw,34px)/1.12 Aspekta,sans-serif;letter-spacing:-.055em}
 .mobile-intro-brand{display:block;font:900 clamp(34px,9.4vw,44px)/1 MonaCondensed,sans-serif;letter-spacing:-.025em;color:#ff1f6e;margin-bottom:14px}
 .mobile-intro-description{display:block}
 .intro .intro-art{display:none}
 .intro .intro-stage{position:static;height:auto;isolation:auto}
 .intro .editorial-map{inset:0;height:100%;opacity:.2;z-index:-1;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
 .intro:hover .editorial-map{opacity:.2}
 .intro .editorial-map .redrawn-map{height:100%;object-fit:cover}
 .intro .play-film{position:relative;left:auto;top:auto;display:block;width:230px;max-width:100%;height:48px;margin:28px auto 22px;transform:none}
 .intro .play-film span{height:28px;mask-size:contain}
 .intro .intro-body{position:relative;left:auto;bottom:auto;width:100%;max-width:350px;margin:0 auto;transform:none;text-align:center;font-size:16px!important;line-height:1.5!important;letter-spacing:-.025em!important}
}

@media(max-width:600px){
 .intro #intro-title{font-size:clamp(20px,6.5vw,34px);line-height:1.08;text-wrap:initial}
 .intro .mobile-intro-brand{display:inline;font-size:1em;line-height:inherit;letter-spacing:-.016em;margin:0;white-space:nowrap}
 .intro .mobile-intro-description{display:inline}
}

@media(max-width:600px){
 .mobile-reveal-line{display:inline-block;color:#d9d8df;background:linear-gradient(90deg,#333 0%,#333 var(--intro-fill,0%),#d9d8df var(--intro-fill,0%),#d9d8df 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
@keyframes launch-film-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:no-preference){.intro .play-film{animation:launch-film-pulse 2.4s ease-in-out infinite}.intro .play-film:hover,.intro .play-film:focus-visible{animation:none;opacity:1}}