/* Responsive hardening — 2026-07 */
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
body, main, section, footer { min-width: 0; }
.hero, .notes, .collection, .atelier, .consultation, footer { overflow-x: clip; }
.section-shell { max-width: calc(100% - 30px); }
.hero-title { width: 100%; max-width: 100%; padding-inline: clamp(16px, 3vw, 56px); font-size: clamp(64px, 9.2vw, 158px); line-height: .9; }
.hero-title__top { transform: translateX(-2%); }
.hero-title__bottom { transform: translateX(2%); }
.notes-visual, .atelier-visual { overflow: hidden; }
.fragrance-title, .collection-head h2, .atelier-copy h2, .consultation-copy h2 { text-wrap: balance; }
@media (max-width: 899px) {
  .hero { min-height: max(760px, 100svh); }
  .hero-title { padding-inline: 16px; font-size: clamp(52px, 14.5vw, 76px); line-height: 1; letter-spacing: -.055em; }
  .hero-title__top, .hero-title__bottom { transform: none !important; }
  .hero-description { max-width: min(330px, 86vw); }
  .notes-petal--2 { right: -18% !important; }
  .notes-petal--3 { left: -20% !important; }
  .atelier-table { width: min(82vw, 360px); left: 50% !important; transform: translateX(-50%); }
}
@media (max-width: 520px) {
  .hero-title { font-size: clamp(48px, 13.6vw, 64px); }
  .hero-copy--left, .hero-copy--right { max-width: 86vw; }
}