/* Preserve the approved identity while allowing mobile content its own space. */
.wordmark{flex-shrink:0;white-space:nowrap}
.brand-mark{display:inline-block;flex:0 0 auto;font-variant-emoji:text}
.studio-spark{font-variant-emoji:text}
.hero-copy,.studio-story,.section-intro>*{min-width:0}
html[data-page-hidden=true] .float-art img{animation-play-state:paused}

@media(max-width:1150px){
  html{overflow-x:clip}
  .hero{overflow-clip-margin:24px}
}

@media(max-width:850px){
  .assurances>div{width:min(100%,350px);margin-inline:auto;justify-content:flex-start}
}

@media(max-width:760px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:35px 30px}
  .hero h1{font-size:clamp(42px,10vw,68px);letter-spacing:-.055em}
  .hero-copy>p:not(.hero-note){max-width:530px}
  .sculpture-wrap{width:100%;max-width:440px;height:420px;margin:20px auto 0;transform:none}
  .orbital-track{width:110%;left:-5%}
  .track-two{width:94%;left:3%}
  .studio-section{grid-template-columns:minmax(0,1fr)}
  .studio-emblem{margin-inline:auto;overflow:clip}
  .package{grid-template-columns:minmax(0,1fr)}
  .package-price{border-right:0;border-bottom:1px solid var(--line)}
  .package-price>p,.package-price .payment-note{max-width:none}
  .package-price .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;white-space:normal}
  .package-price .price span{display:block;margin:0;letter-spacing:0}
  .product-art{max-width:440px;margin:12px auto;height:240px}
  .steps{grid-template-columns:minmax(0,1fr);gap:38px;margin-top:30px}
  .steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;min-height:0;padding:0}
  .step-art{grid-column:1/-1;height:auto;aspect-ratio:400/220;max-width:400px;justify-self:center;margin-bottom:22px}
  .step-number{position:static;grid-column:1;grid-row:2;width:42px;height:42px;margin:0;align-self:start}
  .steps h3{grid-column:2;grid-row:2;margin:0 0 12px;font-size:23px;padding-top:3px}
  .steps h3 br{display:none}
  .steps p{grid-column:2;font-size:16px;max-width:none}
}

@media(max-width:600px){
  .header{width:calc(100% - 32px);display:grid;grid-template-columns:minmax(0,1fr) 88px 44px;gap:8px;height:auto;min-height:80px;padding-block:16px;margin-top:0}
  .header .wordmark{font-size:clamp(24px,6.67vw,28px);gap:7px;letter-spacing:-1.5px}
  .header .brand-mark{font-size:1.29em}
  .language-toggle{width:88px;height:44px;margin:0;padding:4px}
  .language-toggle::before{width:39px;height:34px}
  .language-toggle a{width:39px;height:34px;font-size:14px}
  html[lang=en] .language-toggle::before{transform:translateX(39px)}
  .menu-toggle{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;gap:0;font-size:0}
  .menu-toggle span{font-size:27px}
  .mobile-nav:not([hidden]){top:calc(100% + 8px);max-height:calc(100dvh - 112px);overflow-y:auto}
  .hero{padding-top:32px;padding-bottom:24px;overflow:clip;overflow-clip-margin:0}
  .hero h1{font-size:clamp(42px,13vw,68px);line-height:1.08}
  .hero-actions{align-items:flex-start;gap:14px 22px}
  .sculpture-wrap{height:clamp(300px,95vw,440px);margin-top:20px}
  .orbit-halo{width:100%;left:0}
  .section-intro h2,.studio-identity h2,.faq-section h2{font-size:clamp(31px,9vw,38px);letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
  .section-intro h2 br{display:none}
  .studio-section{gap:24px;padding-block:52px 45px}
  .studio-identity{padding-right:0}
  .studio-emblem{position:relative;width:min(100%,280px);height:190px;inset:auto;margin:22px auto 0;opacity:1;overflow:clip}
  .studio-spark{font-size:104px}
  .studio-moon{width:21px;height:21px;top:36px;right:30px}
  .studio-story .studio-lead{font-size:clamp(22px,6vw,25px);line-height:1.45}
  .package-price .price{font-size:clamp(64px,18vw,87px);letter-spacing:-.055em}
  .product-art{width:100%;max-width:380px;height:auto;aspect-ratio:3/2;margin:18px auto}
  .product-art img,.step-art img{max-width:100%}
  .inclusions p{font-size:16px}
  summary{padding-right:6px}
  summary>span{display:grid;place-items:center;width:26px;height:26px;line-height:1}
  .contact-panel h2{font-size:clamp(27px,8vw,34px);letter-spacing:-.035em;line-height:1.18;text-wrap:balance}
  .contact-panel h2 br{display:none}
  .contact-actions .button{width:100%;min-width:0}
  .footer>div{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}
  .footer>div>span{grid-column:1/-1}
  .footer button{min-height:44px;text-align:left}
  dialog{max-height:calc(100dvh - 24px);padding:32px 22px 26px}
  dialog h2{font-size:clamp(26px,7vw,29px);padding-right:22px;line-height:1.2}
}