/* AMM v2.25.5 · Cinematic Visual Polish
   CSS-only refinement layered on the v2.25.4 safe-startup runtime. */
:root{
  --amm-polish-line:rgba(159,198,232,.16);
  --amm-polish-line-strong:rgba(154,205,255,.30);
  --amm-polish-ink:#f5f8fb;
  --amm-polish-muted:#98a9b8;
  --amm-polish-blue:#91cfff;
  --amm-polish-violet:#bba3ff;
  --amm-polish-cyan:#68e0ff;
}

/* Header: clearer brand hierarchy without blur/compositing cost. */
.site-header,.topbar{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(156,201,238,.13)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.22)!important;
}
.topbar .brand-logo-wrap{width:78px!important;height:58px!important}
.topbar .brand-type{gap:1px}
.topbar .brand-type strong{font-size:13px!important;letter-spacing:.15em!important}
.topbar .brand-type small{font-size:9px!important;letter-spacing:.42em!important;color:#8fcdf7!important}
.desktop-nav{gap:4px!important}
.desktop-nav a{
  color:#b8c5d0!important;
  padding:12px 14px!important;
  border-radius:999px!important;
  transition:color .18s ease,background-color .18s ease!important;
}
.desktop-nav a:hover,.desktop-nav a:focus-visible{background:rgba(126,190,238,.07)!important;color:#fff!important}
.desktop-nav a::after{bottom:3px!important;left:28%!important;right:28%!important;height:1px!important}
body:has(#catalogue:target) .desktop-nav a[href="#catalogue"]::after,
body:has(#work:target) .desktop-nav a[href="#work"]::after,
body:has(#services:target) .desktop-nav a[href="#services"]::after,
body:has(#about:target) .desktop-nav a[href="#about"]::after{transform:scaleX(1)!important}
body:has(#catalogue:target) .desktop-nav a[href="#catalogue"],
body:has(#work:target) .desktop-nav a[href="#work"],
body:has(#services:target) .desktop-nav a[href="#services"],
body:has(#about:target) .desktop-nav a[href="#about"]{color:#fff!important;background:rgba(126,190,238,.055)!important}
.top-actions{gap:9px!important}
.top-actions .secondary,.pitch-chip,.header-brief{min-height:42px!important;border-radius:13px!important}
.header-brief{padding-left:18px!important;padding-right:18px!important}

/* Hero: more editorial spacing and less boxed-in composition. */
#home.hero{
  min-height:720px!important;
  padding-top:72px!important;
  padding-bottom:84px!important;
  gap:76px!important;
  position:relative;
}
#home.hero::before{
  content:"";
  position:absolute;
  width:560px;height:560px;
  left:-230px;top:60px;
  pointer-events:none;
  background:radial-gradient(circle,rgba(65,159,225,.08),transparent 68%);
}
#home .hero-copy{position:relative;z-index:2}
#home .eyebrow{margin-bottom:20px!important;letter-spacing:.22em!important;color:#86ccf9!important}
#home.hero h1{
  max-width:720px!important;
  font-size:clamp(66px,6.55vw,106px)!important;
  line-height:.91!important;
  letter-spacing:-.064em!important;
  text-wrap:balance;
}
#home .lede{
  margin-top:28px!important;
  margin-bottom:27px!important;
  max-width:610px!important;
  font-size:19px!important;
  line-height:1.58!important;
  color:#a9b7c3!important;
}
#home .hero-actions{gap:10px!important}
#home .hero-actions .primary,#home .hero-actions .secondary{
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  font-weight:760!important;
}
#home .hero-actions .primary{
  background:linear-gradient(135deg,#a9d7ff 0%,#a7c8ff 50%,#b7adff 100%)!important;
  color:#06101a!important;
  border-color:transparent!important;
  box-shadow:0 14px 34px rgba(118,170,239,.15)!important;
}
#home .trust-row{margin-top:27px!important;gap:8px!important}
#home .trust-row span{
  background:transparent!important;
  border-color:rgba(156,201,238,.17)!important;
  color:#92a4b4!important;
  padding:7px 11px!important;
}

/* Start-here cards: more readable, more clickable, less generic. */
.public-route-strip{gap:9px!important;margin-top:18px!important;max-width:735px!important}
.public-route-strip a{
  min-height:66px;
  padding:13px 14px!important;
  border-radius:14px!important;
  border-color:rgba(139,190,230,.18)!important;
  background:linear-gradient(145deg,rgba(14,27,38,.78),rgba(7,15,23,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  position:relative;
  overflow:hidden;
}
.public-route-strip a::after{
  content:"↗";
  position:absolute;right:12px;top:11px;
  width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;
  font-size:11px;color:#83c9f7;
  border:1px solid rgba(132,201,247,.15);
  background:rgba(98,181,238,.035);
  opacity:.75;
}
.public-route-strip a:hover{border-color:rgba(113,204,255,.38)!important;background:linear-gradient(145deg,rgba(19,37,51,.88),rgba(8,17,27,.96))!important}
.public-route-strip b{font-size:.94rem!important;padding-right:30px}
.public-route-strip small{font-size:.72rem!important;color:#8195a7!important;opacity:1!important}

/* Hero library portal: more immersive, less 'card inside card'. */
#home .hero-visual{min-height:510px!important;position:relative}
#home .player-card{
  width:min(100%,520px)!important;
  padding:14px!important;
  border-radius:28px!important;
  border:1px solid rgba(153,199,237,.16)!important;
  background:linear-gradient(145deg,rgba(7,17,26,.88),rgba(3,8,14,.94))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.012) inset!important;
  overflow:hidden;
}
#home .player-card::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(111,197,255,.035),transparent 38%,rgba(174,145,255,.025) 75%,transparent);
}
#home .artwork{
  aspect-ratio:1.36!important;
  border-radius:21px!important;
  border:1px solid rgba(153,199,237,.12)!important;
  background:#07111a!important;
  position:relative;
}
#home .hero-brand-film,#home .hero-film-fallback{width:100%;height:100%;object-fit:cover}
#home .hero-film-fallback{object-fit:contain!important;padding:13%!important;background:radial-gradient(circle at 50% 48%,rgba(84,172,231,.07),transparent 58%)}
#home .now-playing{padding:23px 10px 9px!important}
#home .now-playing small{color:#8ed0fa!important;font-size:10px!important;letter-spacing:.16em!important}
#home .now-playing h3{font-size:27px!important;letter-spacing:-.035em!important;margin-top:7px!important}
#home .now-playing p{color:#93a5b4!important;margin-bottom:13px!important}
#home .hero-wave{
  height:40px!important;
  margin:12px 0 16px!important;
  padding:0 2px;
  align-items:center!important;
  gap:3px!important;
  position:relative;
}
#home .hero-wave::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(126,195,239,.10)
}
#home .hero-wave i{width:3px!important;background:linear-gradient(180deg,#7fd8ff,#779ce9)!important;opacity:.64!important;position:relative;z-index:1}
#home .hero-catalogue-link{
  width:100%;min-height:44px;
  justify-content:space-between!important;
  padding:0 13px!important;
  border:1px solid rgba(139,196,237,.15)!important;
  border-radius:12px!important;
  color:#b9d9ee!important;
  background:rgba(118,190,239,.035)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
#home .hero-catalogue-link:hover{background:rgba(118,190,239,.075)!important;border-color:rgba(139,196,237,.30)!important;color:#fff!important}
#home .floating-tag{
  box-shadow:none!important;
  background:#07111a!important;
  border-color:rgba(142,199,239,.18)!important;
  color:#809aac!important;
  letter-spacing:.14em!important;
  padding:7px 10px!important;
}
#home .floating-tag.one{top:15%!important;right:-6%!important;transform:rotate(4deg)!important}
#home .floating-tag.two{bottom:12%!important;left:-3%!important;transform:rotate(-3deg)!important}

/* Cleaner section boundary after the hero. */
#work{border-top:1px solid rgba(143,190,224,.08);position:relative}
#work::before{content:"";position:absolute;left:50%;top:-1px;width:min(420px,50vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#6dbfe9,transparent);opacity:.27}

/* Catalogue entrance feels like a workspace. */
#catalogue{position:relative;border-top:1px solid rgba(143,190,224,.08)}
#catalogue .section-head h2{letter-spacing:-.045em}
#catalogue .catalogue-toolbar,#catalogue .catalogue-filter-bar,#catalogue .library-status{
  border-color:rgba(137,188,226,.12)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.18)!important;
}
#catalogue .search{border-color:rgba(141,194,232,.18)!important}
#catalogue .track-v21,#catalogue .track-v2{
  border-color:rgba(141,194,232,.10)!important;
  background:linear-gradient(120deg,rgba(10,19,28,.94),rgba(6,13,20,.96))!important;
}

/* Prevent unnecessary compositing on older hardware. */
.site-header,.glass,.mobile-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

@media(max-width:1050px){
  #home.hero{gap:30px!important;padding-top:56px!important}
  #home.hero h1{max-width:820px!important}
  #home .hero-visual{min-height:440px!important}
  #home .floating-tag.one{right:1%!important}
  #home .floating-tag.two{left:2%!important}
}
@media(max-width:760px){
  .topbar .brand-logo-wrap{width:56px!important;height:47px!important}
  #home.hero{padding-top:48px!important;padding-bottom:42px!important;min-height:auto!important}
  #home.hero h1{font-size:clamp(50px,13.4vw,76px)!important}
  #home .lede{font-size:17px!important;margin-top:22px!important}
  .public-route-strip{grid-template-columns:1fr!important}
  .public-route-strip a{min-height:57px!important}
  #home .hero-visual{min-height:365px!important;margin-top:14px!important}
  #home .player-card{border-radius:22px!important;padding:11px!important}
  #home .artwork{border-radius:17px!important}
  #home .floating-tag{display:none!important}
}
@media(max-width:520px){
  .topbar .brand-logo-wrap{width:51px!important;height:43px!important}
  #home .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  #home .hero-actions .primary,#home .hero-actions .secondary{width:100%!important;min-width:0!important;text-align:center!important;justify-content:center!important}
  #home .trust-row{margin-top:22px!important}
  #home .hero-visual{min-height:330px!important}
  #home .now-playing h3{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){
  .public-route-strip a,.hero-catalogue-link,.desktop-nav a{transition:none!important}
}
