/* ORBYT Premium Concept — independent visual direction */
:root{
  --premium-bg:#050505;
  --premium-ink:#f2f0e9;
  --premium-dim:rgba(242,240,233,.58);
  --premium-line:rgba(242,240,233,.11);
  --premium-serif:"Sora",Manrope,Arial,sans-serif;
}

html{background:var(--premium-bg)}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
body{
  background:var(--premium-bg)!important;
  color:var(--premium-ink);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:100;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");
}

.wrap{width:min(calc(100% - 36px),1280px)!important}
nav{
  background:linear-gradient(180deg,rgba(5,5,5,.91),rgba(5,5,5,.48) 58%,transparent)!important;
  backdrop-filter:blur(18px) saturate(120%);
  border:0!important;
}
.nav{height:70px!important}
.brand{font-size:.74rem;letter-spacing:.48em}
.nav-right{gap:18px!important}
.langs button{color:rgba(242,240,233,.38)!important}
.langs button.active{color:var(--premium-ink)!important}
.menu-btn{opacity:.9!important}
.mobile-menu{
  border:1px solid var(--premium-line)!important;
  background:rgba(7,7,7,.92)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}

.page-progress{
  position:fixed;
  left:0;top:0;
  width:100%;height:1px;
  z-index:120;
  transform:scaleX(var(--page-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(255,255,255,.2),#fff);
  pointer-events:none;
}

.hero{
  min-height:100svh!important;
  padding:70px 0 0!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.055),transparent 25%),
    radial-gradient(circle at 50% 46%,#101112 0,#070707 45%,#050505 74%)!important;
  border:0!important;
}
.hero:before{
  content:"";
  position:absolute;
  left:50%;bottom:-1px;
  width:min(82vw,1050px);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  z-index:8;
}
.hero:after{
  background:
    linear-gradient(180deg,transparent 68%,rgba(0,0,0,.72)),
    radial-gradient(circle at 50% 43%,rgba(255,255,255,.03),transparent 40%)!important;
}
.hero-inner{
  min-height:calc(100svh - 70px)!important;
  grid-template-rows:1fr auto auto 1fr!important;
  transform:none!important;
}
.orbit-stage{
  width:min(84vw,720px)!important;
  margin:0 0 3vh!important;
  transform:translateY(-5vh)!important;
}
.orbit-aura{opacity:.85}
.track-back{opacity:.3!important}
.front-arc{opacity:.96!important;stroke-width:.72!important}
.hero-logo{width:52%!important;filter:drop-shadow(0 18px 44px rgba(0,0,0,.55))!important}
.hero .tag{
  font-family:var(--premium-serif)!important;
  font-size:clamp(1.3rem,3vw,1.72rem)!important;
  font-weight:300!important;
  letter-spacing:.015em!important;
  color:rgba(246,244,237,.88)!important;
  transform:none!important;
}
.hero-actions{width:min(390px,88vw)!important;margin-top:30px!important;transform:none!important}
.hero .hero-actions .btn{min-height:52px!important}
.hero .hero-primary{background:var(--premium-ink)!important;border-color:var(--premium-ink)!important}
.hero .hero-secondary{background:transparent!important;border-color:rgba(255,255,255,.14)!important}

section{border-color:var(--premium-line)!important}
.kicker{
  font-size:.61rem!important;
  letter-spacing:.34em!important;
  color:rgba(242,240,233,.42)!important;
}
h2{
  font-family:var(--premium-serif)!important;
  font-weight:300!important;
  letter-spacing:-.035em!important;
}
.lead{color:rgba(242,240,233,.68)!important}
.btn{border-color:rgba(255,255,255,.15)!important}
.btn.primary{background:var(--premium-ink)!important;color:#090909!important}

#music{
  min-height:100svh;
  display:grid;
  align-items:center;
  padding:clamp(88px,10vw,144px) 0!important;
  background:
    radial-gradient(circle at 21% 48%,rgba(162,120,95,.11),transparent 30%),
    #070707!important;
  box-shadow:none!important;
}
#music:after{display:none}
.latest{gap:clamp(42px,8vw,116px)!important}
.latest>div:first-child{position:relative;isolation:isolate}
.maincover{
  opacity:1!important;
  transform:none!important;
  filter:saturate(.82) contrast(1.03)!important;
  box-shadow:0 45px 130px rgba(0,0,0,.62)!important;
}
.latest>div:last-child{opacity:1!important;transform:none!important}
.latest h2{font-size:clamp(4.8rem,9.5vw,9.2rem)!important;line-height:.76!important;margin:0 0 34px!important}
.latest p{font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.78!important;color:var(--premium-dim)!important}

.selected-worlds{
  padding:clamp(110px,16vw,220px) 0!important;
  background:#050505;
}
.world-intro{max-width:980px!important}
.world-intro h2{font-size:clamp(4rem,9vw,8.7rem)!important;line-height:.82!important;margin-bottom:42px!important}
.world-intro .lead{margin:auto;max-width:650px!important}

.world-card{
  min-height:92svh;
  display:grid;
  align-items:center;
  padding:clamp(80px,11vw,150px) 0!important;
  background:#070707;
}
.world-card:nth-of-type(even){background:#090909}
.world-card:before{opacity:.78!important;background:radial-gradient(circle at var(--gx,20%) 50%,var(--accent),transparent 39%)!important}
.world-row{gap:clamp(42px,8vw,112px)!important}
.world-media:after{
  content:"";
  position:absolute;
  inset:5% -5% -5% 5%;
  border:1px solid rgba(255,255,255,.08);
  z-index:-1;
}
.world-media img{
  filter:saturate(.78) contrast(1.04);
  box-shadow:0 45px 130px rgba(0,0,0,.58)!important;
  transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease!important;
}
.world-card:hover .world-media img{transform:scale(1.015);filter:saturate(.92) contrast(1.04)}
.world-copy h3{
  font-family:var(--premium-serif)!important;
  font-size:clamp(4.4rem,8vw,8rem)!important;
  font-weight:300!important;
  line-height:.78!important;
  letter-spacing:-.04em!important;
  margin-bottom:34px!important;
}
.world-copy .short{font-size:clamp(1.05rem,1.65vw,1.32rem)!important;line-height:1.55!important}
.world-actions{margin-top:34px!important}
.inside p{line-height:1.8!important;color:rgba(242,240,233,.6)!important}

.catalog{
  padding:clamp(105px,15vw,210px) 0!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 42%),
    #050505!important;
}
.catalog-row{align-items:center!important}
.catalog h2{font-size:clamp(4.2rem,9vw,8.8rem)!important;line-height:.82!important}
.catalog-note{font-size:1.04rem;line-height:1.75!important;color:var(--premium-dim)!important}

#about{background:#080808!important}
.about{gap:clamp(50px,10vw,150px)!important;padding-top:clamp(105px,14vw,190px)!important;padding-bottom:clamp(105px,14vw,190px)!important}
.portrait{filter:grayscale(.45) saturate(.72) contrast(1.04)!important;box-shadow:0 45px 130px rgba(0,0,0,.5)!important}
.about h2{font-size:clamp(4rem,8vw,8rem)!important;line-height:.82!important}
.storylink{margin-top:36px!important}

#visuals{padding:clamp(105px,14vw,190px) 0!important;background:#050505!important}
#visuals h2{font-size:clamp(4rem,9vw,8.8rem)!important;line-height:.82!important}
.visuals{gap:7px!important;margin-top:70px!important}
.visuals img{filter:grayscale(.25) saturate(.78);transition:.6s cubic-bezier(.2,.7,.2,1)!important}
.visuals img:hover{transform:translateY(-8px) scale(1.015)!important;filter:none}

.identity{padding:clamp(105px,14vw,190px) 0!important;background:radial-gradient(circle at 50% 45%,#121212,#060606 58%)!important}
.identity .center h2{font-size:clamp(4rem,8vw,8rem)!important;line-height:.82!important}
.pillar{min-height:330px!important;border-color:var(--premium-line)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent)!important}
.pillar h3{font-family:var(--premium-serif)!important;font-size:2.2rem!important;font-weight:300!important}

.connect{padding:clamp(125px,17vw,230px) 0!important;background:#050505!important}
.connect h2{font-size:clamp(4.6rem,10vw,9.5rem)!important;line-height:.78!important}
.socials{margin-top:46px!important}
.email{margin-top:44px!important}
footer{border-color:var(--premium-line)!important;padding:34px 0 44px!important}

.reveal{transform:translateY(34px)!important;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)!important}
.reveal.on{transform:none!important}

/* Story page */
.storyhero{min-height:76svh;display:grid;align-items:end;padding:150px 0 100px!important;background:radial-gradient(circle at 70% 18%,#171717,#050505 55%)!important}
.storybody{max-width:900px!important}
.storybody h1{font-family:var(--premium-serif)!important;font-weight:300!important;font-size:clamp(4.6rem,10vw,9.5rem)!important;line-height:.78!important}
.storybody h3{font-family:var(--premium-serif)!important;font-size:clamp(2.25rem,4vw,3.5rem)!important;font-weight:300!important}
.storybody p{font-size:clamp(1rem,1.4vw,1.15rem)!important;line-height:1.9!important;color:rgba(242,240,233,.7)!important}
.quote{font-family:var(--premium-serif);font-size:clamp(2.1rem,5vw,4.2rem)!important;line-height:1.1!important;padding:58px 0!important;margin:84px 0!important}

@media(min-width:821px){
  .latest>div:last-child{margin-left:-12vw;position:relative;z-index:2;padding-top:9vw}
  .latest h2{text-shadow:0 8px 45px rgba(0,0,0,.7)}
  .world-card:nth-child(even) .world-copy{position:relative;z-index:2;margin-right:-8vw}
  .world-card:nth-child(odd) .world-copy{position:relative;z-index:2;margin-left:-8vw}
}

@media(max-width:820px){
  .wrap{width:min(calc(100% - 30px),1280px)!important}
  .hero-inner{min-height:calc(100svh - 64px)!important}
  .orbit-stage{width:min(88vw,610px)!important;transform:translateY(-7vh)!important}
  #music{padding:92px 0 112px!important}
  .latest{gap:48px!important}
  .latest h2{font-size:clamp(4rem,16vw,7rem)!important}
  .world-intro h2,.catalog h2,#visuals h2,.about h2,.identity .center h2{font-size:clamp(3.7rem,15vw,6.5rem)!important}
  .world-card{min-height:0!important;padding:92px 0 108px!important}
  .world-row{gap:54px!important}
  .world-card:nth-child(even) .world-media{order:0!important}
  .world-copy h3{font-size:clamp(4rem,17vw,7rem)!important}
  .world-media:after{inset:4% -3% -3% 4%}
  .about{padding-top:110px!important;padding-bottom:110px!important}
  .visuals{grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:520px){
  .wrap{width:min(calc(100% - 28px),1280px)!important}
  .nav{height:60px!important}
  .hero{padding-top:60px!important}
  .hero-inner{min-height:calc(100svh - 60px)!important}
  .orbit-stage{width:94vw!important;transform:translateY(-7.5vh)!important;margin-bottom:-1vh!important}
  .hero-logo{width:54%!important}
  .hero .tag{font-size:1.23rem!important;padding:0 18px}
  .hero-actions{width:min(350px,88vw)!important;margin-top:27px!important}
  #music{padding:78px 0 96px!important}
  .latest{gap:43px!important}
  .latest h2{font-size:clamp(4.2rem,20vw,6rem)!important;line-height:.78!important}
  .selected-worlds{padding:110px 0!important}
  .world-intro h2,.catalog h2,#visuals h2,.about h2,.identity .center h2{font-size:clamp(3.75rem,18vw,5.6rem)!important}
  .world-card{padding:78px 0 94px!important}
  .world-row{gap:44px!important}
  .world-copy h3{font-size:clamp(4rem,21vw,6rem)!important;margin-bottom:28px!important}
  .world-actions{margin-top:30px!important}
  .catalog{padding:110px 0!important}
  .catalog-row{gap:48px!important}
  .about{padding-top:95px!important;padding-bottom:105px!important;gap:54px!important}
  #visuals,.identity{padding:110px 0!important}
  .visuals{margin-top:50px!important}
  .connect{padding:135px 0!important}
  .connect h2{font-size:clamp(4.3rem,22vw,6.4rem)!important}
  .storyhero{min-height:70svh;padding:120px 0 78px!important}
  .storybody h1{font-size:clamp(4.4rem,21vw,6.5rem)!important}
}

/* Mobile viewport hardening: prevent nested editorial spacing and large display
   type from extending beyond the physical phone viewport. */
@media(max-width:520px){
  nav,main,section,footer,.hero,.world-card{
    width:100%;
    max-width:100%;
  }
  .wrap{
    width:calc(100% - 28px)!important;
    max-width:1280px!important;
  }
  .latest,
  .world-intro,
  .world-row,
  .catalog-row,
  .about,
  .connect .wrap{
    padding-left:0!important;
    padding-right:0!important;
  }
  .latest>*,
  .world-row>*,
  .catalog-row>*,
  .about>*,
  .world-copy,
  .world-media{
    min-width:0;
    max-width:100%;
  }
}

/* SITO WEB 1 — refined typography, complete mobile orbit and tighter rhythm */
h1,h2,h3,
.latest h2,
.world-copy h3,
.storybody h1,
.storybody h3,
.quote,
.pillar h3{
  font-family:var(--premium-serif)!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}

/* Track names already live on the artwork; keep the supporting copy clean. */
.latest .kicker+.short,
.latest .kicker+p,
.world-copy>.short:first-child{
  margin-top:0!important;
}
.world-copy>.short:first-child{
  font-size:clamp(1.08rem,1.55vw,1.28rem)!important;
}

/* Keep the cinematic hierarchy while shortening the journey through the page. */
#music{
  min-height:auto!important;
  padding:clamp(72px,7vw,108px) 0!important;
}
.latest{padding-bottom:clamp(48px,6vw,78px)!important}
.selected-worlds{padding:clamp(72px,9vw,128px) 0!important}
.world-intro{padding-top:0!important;padding-bottom:clamp(34px,5vw,58px)!important}
.world-card{
  min-height:auto!important;
  padding:clamp(26px,4vw,54px) 0!important;
}
.world-row{
  padding-top:clamp(44px,6vw,72px)!important;
  padding-bottom:clamp(44px,6vw,72px)!important;
}
.catalog{padding:clamp(72px,9vw,126px) 0!important}
.catalog-row{padding-top:0!important;padding-bottom:0!important}
.about{
  padding-top:clamp(72px,9vw,120px)!important;
  padding-bottom:clamp(72px,9vw,120px)!important;
}
#visuals,.identity{padding:clamp(76px,9vw,126px) 0!important}
.connect{padding:clamp(88px,11vw,144px) 0!important}
.connect .wrap{padding-top:0!important;padding-bottom:0!important}

@media(max-width:820px){
  .orbit-stage{
    width:min(82vw,540px)!important;
    transform:translateY(-2vh)!important;
  }
  .hero.is-scroll-reactive .orbit-stage{
    transform:translateY(calc(-20px - (var(--hero-progress) * 10px))) scale(calc(1 - (var(--hero-progress) * .02)))!important;
  }
  #music{padding:68px 0 76px!important}
  .latest{padding-bottom:38px!important}
  .selected-worlds{padding:76px 0!important}
  .world-card{padding:18px 0 26px!important}
  .world-row{padding-top:42px!important;padding-bottom:42px!important;gap:38px!important}
  .catalog{padding:76px 0!important}
  .about{padding-top:76px!important;padding-bottom:76px!important;gap:44px!important}
  #visuals,.identity{padding:78px 0!important}
  .visuals{margin-top:38px!important}
  .connect{padding:88px 0!important}
}

@media(max-width:520px){
  .orbit-stage{
    width:min(80vw,430px)!important;
    transform:translateY(0)!important;
  }
  .hero.is-scroll-reactive .orbit-stage{
    transform:translateY(calc(-12px - (var(--hero-progress) * 8px))) scale(calc(1 - (var(--hero-progress) * .018)))!important;
  }
  .latest h2{
    font-size:clamp(3rem,14vw,4rem)!important;
    line-height:.86!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  .world-copy h3{
    font-size:clamp(3.05rem,14.5vw,4.2rem)!important;
    line-height:.88!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  .world-intro h2,
  .catalog h2,
  #visuals h2,
  .about h2,
  .identity .center h2{
    font-size:clamp(3rem,14vw,4rem)!important;
    line-height:.9!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  .connect h2,
  .storybody h1{
    font-size:clamp(3.3rem,16vw,4.5rem)!important;
    line-height:.88!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
  }
  #music{padding:58px 0 66px!important}
  .latest{padding-bottom:28px!important;gap:34px!important}
  .selected-worlds{padding:62px 0!important}
  .world-intro{padding-bottom:24px!important}
  .world-card{padding:12px 0 18px!important}
  .world-row{padding-top:34px!important;padding-bottom:34px!important;gap:32px!important}
  .catalog{padding:64px 0!important}
  .about{padding-top:64px!important;padding-bottom:64px!important;gap:38px!important}
  #visuals,.identity{padding:66px 0!important}
  .identity .center{margin-bottom:38px!important}
  .connect{padding:72px 0!important}
  .storyhero{min-height:60svh!important;padding:100px 0 62px!important}
  .quote{padding:36px 0!important;margin:54px 0!important}
}

/* SITO WEB 3 — listening, sharing, motion and professional contact layer */
.release-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.motion-cta{margin-top:28px}
.contact-grid{
  width:min(720px,100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:48px auto 0;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
}
.contact-item{
  min-width:0;
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:left;
  background:#070707;
  transition:background .25s ease;
}
.contact-item:hover{background:#0d0d0d}
.contact-item span{
  color:rgba(242,240,233,.44);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.contact-item strong{
  color:rgba(242,240,233,.86);
  font-size:.92rem;
  font-weight:400;
  overflow-wrap:anywhere;
}
.listen-modal{
  position:fixed;
  inset:0;
  z-index:160;
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
}
.listen-modal.open{opacity:1;visibility:visible}
.listen-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(12px);
}
.listen-panel{
  position:relative;
  width:min(430px,100%);
  padding:40px;
  border:1px solid rgba(255,255,255,.12);
  background:#090909;
  box-shadow:0 36px 120px rgba(0,0,0,.7);
  transform:translateY(16px) scale(.985);
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.listen-modal.open .listen-panel{transform:none}
.listen-panel h2{
  margin:0 0 30px!important;
  font-size:clamp(2.1rem,8vw,3.2rem)!important;
  line-height:1!important;
}
.listen-options{display:grid;gap:10px}
.listen-options .btn{width:100%;min-height:50px}
.listen-close{
  position:absolute;
  top:12px;
  right:14px;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.62);
  font-size:1.7rem;
  font-weight:300;
  cursor:pointer;
}
body.modal-open{overflow:hidden}

@media(max-width:520px){
  .release-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .release-actions .btn{width:100%;padding-inline:12px}
  .world-actions{display:grid!important;grid-template-columns:1fr!important}
  .world-actions .btn{width:100%}
  .contact-grid{grid-template-columns:1fr;margin-top:38px}
  .contact-item{padding:21px 20px;text-align:center}
  .listen-panel{padding:34px 22px 24px}
}

@media(prefers-reduced-motion:reduce){
  .page-progress{display:none}
  .world-media img,.visuals img{transition:none!important}
  .world-card:hover .world-media img,.visuals img:hover{transform:none!important}
}

/* SITO WEB 4 — shorter editorial journey and clearer section hierarchy */
.about-principles{
  display:grid;
  gap:0;
  margin-top:34px;
  border-top:1px solid rgba(255,255,255,.11);
}
.about-principle{
  display:grid;
  grid-template-columns:minmax(112px,.34fr) 1fr;
  gap:22px;
  align-items:start;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.about-principle strong{
  color:rgba(242,240,233,.82);
  font-family:"Sora",Manrope,Arial,sans-serif;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
}
.about-principle span{
  color:rgba(242,240,233,.56);
  font-size:.92rem;
  line-height:1.55;
}

#visuals{
  border-top:1px solid rgba(255,255,255,.08);
}
#visuals .visuals{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:7px!important;
}
#visuals .visuals img{
  width:100%;
  height:100%;
  aspect-ratio:1;
  object-fit:cover;
}
#visuals .visuals img:first-child{
  grid-column:span 2;
  grid-row:span 2;
}

.catalog{
  padding:clamp(44px,5vw,70px) 0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:#080808!important;
}
.catalog-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:40px!important;
  padding:0!important;
}
.catalog h2{
  margin:10px 0 12px!important;
  font-size:clamp(2.25rem,4.8vw,4.7rem)!important;
  line-height:.94!important;
}
.catalog-note{
  max-width:570px;
  margin:0!important;
}
.catalog .btn{white-space:nowrap}

@media(max-width:820px){
  .about-principle{grid-template-columns:126px 1fr}
  #visuals .visuals{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .catalog-row{grid-template-columns:1fr auto!important;gap:30px!important}
}

@media(max-width:520px){
  .about-principles{margin-top:28px}
  .about-principle{
    grid-template-columns:1fr;
    gap:8px;
    padding:16px 0;
  }
  #visuals .visuals{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto;
    margin-right:-14px!important;
    margin-left:-14px!important;
    padding:0 14px 12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  #visuals .visuals::-webkit-scrollbar{display:none}
  #visuals .visuals img,
  #visuals .visuals img:first-child{
    flex:0 0 min(74vw,330px);
    width:min(74vw,330px)!important;
    height:auto!important;
    aspect-ratio:1;
    scroll-snap-align:center;
  }
  .catalog{padding:48px 0!important}
  .catalog-row{grid-template-columns:1fr!important;gap:26px!important}
  .catalog h2{font-size:clamp(2.55rem,12vw,3.5rem)!important}
  .catalog .btn{justify-self:start;width:100%}
}