/* One continuous viewport. Brand and collection chapters share navigation. */
:root { --scene-ease: cubic-bezier(.22,.7,.16,1); --scene-pad: 48px; }
html { scroll-behavior: smooth; }
html:has(body[data-page="home"]) { scroll-padding-top: 0; }
body[data-page="home"] { overflow: hidden; --scene-ink: #18221f; --scene-line: #18221f3b; }
body[data-page="home"] #main { outline: none; }
body[data-page="home"] #site-footer { display: none; }
body[data-page="home"] #site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 40; color: var(--scene-ink); }
body[data-page="home"] .masthead { display: none; }
body[data-page="home"] .header { background: transparent; border: 0; }
body[data-page="home"] .header-main { max-width: none; padding-inline: var(--scene-pad); min-height: 108px; gap: 28px; }
body[data-page="home"] .brand { font-size: 28px; font-weight: 600; }
body[data-page="home"] .main-nav { margin-left: auto; gap: 28px; }
body[data-page="home"] .nav-link { font-size: 13px; color: inherit; padding: 0; }
body[data-page="home"] .nav-link::after { background: currentColor; }
body[data-page="home"] .nav-link[aria-current="step"]::after { transform: scaleX(1); }
body[data-page="home"] .zone-switch { background: transparent; padding: 0; gap: 4px; }
body[data-page="home"] .zone-switch button { min-height: 44px; border-radius: 24px; font-size: 12px; padding-inline: 14px; color: inherit; }
body[data-page="home"] .zone-switch button[aria-pressed="true"] { color: var(--scene-ink); background: transparent; border: 1px solid var(--scene-line); }
body[data-page="home"] .zone-switch button:hover, body[data-page="home"] .icon-btn:hover { background: #88888818; }
body[data-page="home"] .zone-dot { width: 5px; height: 5px; }
body[data-page="home"] .cart-count { background: var(--scene-ink); color: var(--scene-paper, #fff); }
body[data-page="home"] .language-menu { color: var(--ink); }
body[data-page="home"][data-scene="2"], body[data-page="home"][data-scene="3"] { --scene-ink: #fff7f5; --scene-line: #fff7f552; --scene-paper: #531b35; }
body[data-page="home"] #site-header[data-tone="light"], .scene-navigation[data-tone="light"] { --scene-ink: #18221f; --scene-line: #18221f3b; --scene-paper: #fff; }
body[data-page="home"] #site-header[data-tone="dark"], .scene-navigation[data-tone="dark"] { --scene-ink: #fff7f5; --scene-line: #fff7f552; --scene-paper: #531b35; }
body[data-page="home"] :focus-visible { outline-color: var(--scene-ink); }
body[data-page="home"] dialog :focus-visible, body[data-page="home"] .language-menu :focus-visible { outline-color: var(--accent); }
.scene-deck { position: fixed; inset: 0; height: 100dvh; overflow-y: auto; overflow-x: clip; scroll-snap-type: y mandatory; scroll-behavior: smooth; overscroll-behavior-y: contain; scrollbar-width: none; }
.scene-deck::-webkit-scrollbar { display: none; }
.scene-deck:focus { outline: none; }
.brand-scene { position: relative; height: 100%; min-height: 560px; scroll-snap-align: start; scroll-snap-stop: always; isolation: isolate; overflow: clip; --scene-distance: 0; --accent: #006b57; --accent-soft: #e4f2ed; }
.brand-scene[data-zone="women"] { --accent: #ae2150; --accent-soft: #ffe5ec; }
.brand-scene[data-tone="light"] { --scene-ink: #18221f; }
.brand-scene[data-tone="dark"] { --scene-ink: #fff7f5; }
.scene-background { position: absolute; inset: 0; z-index: -2; overflow: hidden; background: #e4f2ed; transform: translateY(calc(var(--scene-distance) * 18%)) scale(var(--scene-scale, 1)); }
.scene-photo { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.scene-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #11131840 0%, transparent 28%, #21131c38 50%, #21131cb3 100%); }
.scene-content { opacity: var(--scene-opacity, 1); transform: translateY(calc(var(--scene-distance) * -42px)); }
.scene-cover { background: #e4f2ed; }
.scene-women-editorial { color: #fff7f5; background: #531b35; }
.scene-women-editorial .scene-background { background: #531b35; }
.cover-photo { object-position: 50% 32%; filter: saturate(.65); opacity: .8; }
.scene-women-editorial .scene-shade { background: linear-gradient(180deg, #39132235 0%, #39132208 32%, #39132250 65%, #391322d9 100%); }
.cover-type { position: absolute; left: var(--scene-pad); right: var(--scene-pad); top: 49%; transform: translateY(-50%); text-align: center; z-index: 1; pointer-events: none; }
.cover-overline { font: 400 14px/1.5 Sora, sans-serif; margin-bottom: 12px; }
.cover-type h1, .women-cover-brand { display: block; font: 500 190px/.98 Sora, sans-serif; letter-spacing: 0; overflow-wrap: normal; }
.scene-women-editorial .cover-type { top: 58%; }
.scene-cover .cover-type h1 { color: #16432f20; font-size: 206px; }
.scene-cover .cover-type { z-index: -1; top: 49%; }
.women-collection-note { margin-top: 10px; font-size: 11px !important; opacity: .72 !important; }
.women-collection-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.women-collection-actions .scene-text-link { min-height: 30px; }
.cover-tagline { position: absolute; top: 140px; left: var(--scene-pad); font: 400 14px/1.5 Sora, sans-serif; }
.cover-bottom { position: absolute; bottom: 148px; left: var(--scene-pad); right: var(--scene-pad); display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; }
.cover-bottom h2 { font-size: 28px; font-weight: 500; margin-bottom: 14px; }
.cover-bottom p { font-size: 13px; max-width: 390px; opacity: .86; line-height: 1.8; }
.scene-cta { display: inline-flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 42px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 14px; color: inherit; text-align: left; }
.cta-circle { border: 1px solid currentColor; width: 56px; height: 56px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; flex: 0 0 56px; transition: background 300ms, color 300ms, transform 500ms var(--scene-ease); }
.cta-circle svg { width: 20px; height: 20px; }
.scene-cta:hover .cta-circle { transform: rotate(45deg); background: #88888818; }
.cover-side { position: absolute; left: var(--scene-pad); top: 46%; writing-mode: vertical-rl; font-size: 11px; opacity: .85; }
.cover-floor { position: absolute; bottom: 0; left: 0; right: 0; height: 38%; background: #d5e5da; clip-path: polygon(0 30%,100% 0,100% 100%,0 100%); }
.cover-packages { position: absolute; inset: 18% 0 25%; display: flex; align-items: center; justify-content: center; gap: 54px; perspective: 1200px; z-index: 0; pointer-events: none; }
.cover-package { height: 100%; max-height: 440px; width: auto; max-width: 34%; object-fit: contain; filter: drop-shadow(26px 24px 14px #18221f25); }
.cover-package.primary { transform: rotate(-11deg); }
.cover-package.secondary { transform: rotate(10deg) translateY(22px); height: 85%; }
.scene-navigation { position: fixed; z-index: 35; bottom: 24px; left: var(--scene-pad); right: var(--scene-pad); display: grid; grid-template-columns: 130px 1fr 180px; gap: 40px; align-items: center; color: var(--scene-ink); border-top: 1px solid var(--scene-line); padding-top: 18px; }
.scene-position { display: flex; align-items: baseline; gap: 12px; font: 500 28px/1.2 Sora, sans-serif; }
.scene-total { font-size: 12px; opacity: .65; }
.scene-chapters { display: flex; align-items: stretch; justify-content: center; gap: 28px; }
.scene-chapters button { position: relative; min-height: 44px; padding: 0 8px 10px; display: flex; gap: 10px; align-items: center; font-size: 12px; color: inherit; opacity: .6; border-radius: 0; }
.scene-chapters button[aria-current="step"] { opacity: 1; }
.chapter-no { font-size: 10px; }
.chapter-progress { position: absolute; left: 8px; right: 8px; bottom: 2px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 600ms var(--scene-ease); }
[aria-current="step"] .chapter-progress { transform: scaleX(1); }
.scene-arrows { display: flex; align-items: center; gap: 14px; justify-content: flex-end; }
.scene-arrows button { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; color: inherit; font-size: 12px; padding: 0; }
.scene-arrows svg { width: 18px; height: 18px; }
.scene-arrows button:disabled { opacity: .3; }
.scene-eyebrow { display: block; font-size: 12px; margin-bottom: 24px; opacity: .8; }
.scene-heading { font: 500 58px/1.2 Sora, 'Microsoft YaHei', sans-serif; margin: 0; outline: none; }
.scene-heading > span { display: block; padding-bottom: .08em; }
.scene-collection { background: #edf2ed; }
.collection-background { background: #edf2ed; transition: background 600ms; }
.scene-collection[data-zone="women"] .collection-background { background: #f5e4e9; }
.collection-watermark { position: absolute; left: 0; top: 40%; width: 100%; padding-inline: var(--scene-pad); text-align: center; font: 500 164px/1.1 Sora, sans-serif; color: #18221f09; white-space: nowrap; }
.collection-heading { position: absolute; left: var(--scene-pad); top: 154px; z-index: 2; }
.collection-heading .scene-heading { font-size: 43px; }
.collection-product { position: absolute; left: 31%; top: 29%; height: 47%; width: 28%; padding: 0; background: none; border: 0; border-radius: 0; }
.collection-product img { height: 100%; max-width: 100%; width: auto; margin: auto; object-fit: contain; filter: drop-shadow(20px 28px 16px #18221f22); transition: transform 600ms var(--scene-ease); }
.collection-product:hover img { transform: rotate(-3deg) translateY(-8px); }
.collection-enlarge { position: absolute; left: 50%; bottom: -46px; transform: translateX(-50%); white-space: nowrap; display: flex; align-items: center; gap: 10px; font-size: 11px; min-height: 44px; }
.collection-enlarge svg { width: 16px; height: 16px; }
.collection-info { position: absolute; right: var(--scene-pad); top: 31%; width: 29%; max-width: 400px; }
.collection-selector { display: flex; gap: 28px; margin-bottom: 34px; border-bottom: 1px solid #18221f30; }
.collection-selector button { display: flex; gap: 9px; align-items: center; min-height: 44px; padding: 0 0 14px; border-radius: 0; border-bottom: 1px solid transparent; color: var(--muted); font: 400 12px/1.5 Sora, sans-serif; }
.collection-selector button > span { font-size: 10px; }
.collection-selector button[aria-pressed="true"] { color: var(--ink); border-color: var(--ink); }
.collection-status { display: block; font-size: 11px; color: var(--muted); margin-bottom: 10px; }
.collection-copy h3 { font: 500 30px/1.3 Sora, sans-serif; margin-bottom: 12px; }
.collection-copy > p { font-size: 13px; color: var(--muted); }
.collection-spec { display: flex; justify-content: space-between; gap: 20px; padding-block: 24px; font-size: 12px; }
.collection-info > .scene-cta { border-top: 1px solid #18221f30; width: 100%; padding-top: 22px; }
.scene-text-link { display: inline-flex; gap: 14px; align-items: center; font-size: 12px; min-height: 44px; padding: 0; }
.scene-text-link svg { width: 16px; }
.collection-info > .scene-text-link { margin-top: 16px; }
.female-collection { background: #f2cdd7; }
.collection-curve { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) rotate(-12deg); font: 500 850px/1 Sora, sans-serif; color: #ae215009; }
.women-collection-content { position: absolute; inset: 21% var(--scene-pad) auto; text-align: center; color: #531b35; }
.women-collection-content .scene-heading { font-size: 76px; }
.women-collection-content p { max-width: 460px; margin: 28px auto; font-size: 14px; line-height: 1.9; }
.scene-actions { display: flex; gap: 28px; align-items: center; justify-content: center; }
.scene-actions .button { border-radius: 30px; font-weight: 500; font-size: 14px; padding-inline: 24px; }
.scene-journal { color: #fff7f5; }
.scene-journal .scene-background { background: #3b2e4a; }
.journal-photo { object-position: 50% 38%; opacity: .68; filter: saturate(.75); }
.scene-journal .scene-shade { background: linear-gradient(90deg, #21172cd9 0%, #21172c73 55%, #21172c26 100%); }
.journal-composition { position: absolute; left: 10%; top: 28%; max-width: 700px; }
.journal-composition .scene-heading { font-size: 88px; }
.journal-composition p { font-size: 14px; margin-block: 28px 36px; }
.journal-composition .scene-cta { gap: 64px; }
.journal-secondary-link { position: absolute; right: var(--scene-pad); bottom: 156px; display: inline-flex; align-items: center; gap: 24px; min-height: 44px; font-size: 13px; border-bottom: 1px solid #ffffff66; padding-bottom: 12px; }
.scene-voices { background: #eef2eb; }
.scene-voices .scene-background { background: #eef2eb; }
.voices-quotation { position: absolute; right: 8%; top: 17%; font: 400 590px/1 Georgia, serif; color: #18221f08; }
.voices-composition { position: absolute; top: 21%; left: 12%; right: 12%; }
.voices-composition .scene-heading { font-size: 76px; }
.voices-composition > p { max-width: 460px; font-size: 14px; color: var(--muted); margin-block: 22px 30px; }
.voices-status { display: flex; gap: 14px; align-items: center; margin-bottom: 30px; font-size: 14px; }
.voices-status > svg { width: 30px; height: 30px; color: var(--accent); }
.voices-status small { display: block; font-size: 12px; color: var(--muted); margin-top: 6px; }
.voices-composition .button { border-radius: 30px; padding: 14px 24px; font-weight: 500; }
.scene-support { position: absolute; right: var(--scene-pad); bottom: 150px; display: flex; gap: 28px; }
.scene-support a { color: inherit; font-size: 12px; }
.scene-support svg { display: none; }
body[data-page="inner"] .header { background: #fffffffa; }
body[data-page="inner"] .button { border-radius: 28px; padding: 13px 24px; font-weight: 500; }
body[data-page="inner"] .page-intro h1 { font-weight: 500; }
body[data-page="inner"] .product-meta h3 { font-weight: 500; }
body[data-page="inner"] .product-media { border-radius: 6px; }
body[data-page="inner"] .zone-switch { background: transparent; }
body[data-page="inner"] .zone-switch button { border-radius: 24px; min-height: 44px; }
body[data-page="inner"] .masthead { background: var(--ink); }
body[data-page="inner"] .footer::before { content: 'Arlantuo'; display: block; max-width: 1280px; padding: 0 32px 48px; margin-inline: auto; font: 500 120px/1 Sora, sans-serif; color: var(--accent-soft); }
::view-transition { pointer-events: none; }
::view-transition-old(root) { animation: scene-page-out 700ms var(--scene-ease) both; }
::view-transition-new(root) { animation: scene-page-in 900ms var(--scene-ease) both; }
@keyframes scene-page-out { to { transform: translateY(-12%) scale(.96); filter: brightness(.7); } }
@keyframes scene-page-in { from { clip-path: inset(100% 0 0 0); transform: translateY(12%); } to { clip-path: inset(0); transform: translateY(0); } }
@media (min-width: 1680px) {
  .cover-type h1, .women-cover-brand { font-size: 240px; }
  .scene-cover .cover-type h1 { font-size: 270px; }
  .cover-package { max-height: 550px; }
  .collection-product { height: 52%; top: 25%; }
}
@media (max-width: 1180px) {
  :root { --scene-pad: 32px; }
  body[data-page="home"] .header-main { gap: 18px; min-height: 100px; }
  body[data-page="home"] .main-nav { gap: 18px; }
  body[data-page="home"] .zone-switch button { padding-inline: 10px; }
  .cover-type h1, .women-cover-brand { font-size: 146px; }
  .scene-cover .cover-type h1 { font-size: 158px; }
  .cover-bottom { bottom: 140px; }
  .cover-bottom h2 { font-size: 24px; }
  .scene-navigation { gap: 24px; grid-template-columns: 90px 1fr 150px; }
  .scene-chapters { gap: 14px; }
  .collection-heading { top: 140px; }
  .collection-heading .scene-heading { font-size: 34px; }
  .collection-product { left: 25%; top: 38%; height: 35%; width: 30%; }
  .collection-info { width: 35%; top: 30%; }
  .collection-watermark { font-size: 130px; }
  .journal-composition .scene-heading { font-size: 72px; }
  .voices-composition .scene-heading { font-size: 64px; }
}
@media (max-width: 980px) {
  body[data-page="home"] .header-main { min-height: 72px; }
  body[data-page="home"] .mobile-zone { padding-bottom: 8px; }
  body[data-page="home"] .mobile-zone .zone-switch { gap: 16px; }
  .cover-type h1, .women-cover-brand { font-size: 118px; }
  .scene-cover .cover-type h1 { font-size: 125px; }
  .cover-photo { object-position: 52% 32%; }
  .cover-side { display: none; }
  .cover-bottom { gap: 28px; bottom: 148px; }
  .cover-bottom p { max-width: 320px; }
  .cover-bottom .scene-cta { gap: 18px; }
  .cover-packages { gap: 32px; inset-block: 24% 31%; }
  .scene-navigation { grid-template-columns: 75px 1fr 110px; gap: 20px; }
  .scene-position { font-size: 24px; }
  .scene-chapters { gap: 8px; }
  .chapter-no { display: none; }
  .scene-next > span { display: none; }
  .scene-arrows { gap: 8px; }
  .collection-heading { top: 160px; }
  .collection-heading .scene-heading { font-size: 30px; }
  .collection-selector { gap: 12px; }
  .collection-selector button { font-size: 11px; gap: 5px; }
  .collection-info { top: 35%; }
  .collection-copy h3 { font-size: 26px; }
  .collection-product { left: 14%; width: 36%; top: 35%; height: 37%; }
  .collection-watermark { font-size: 105px; }
  .women-collection-content { top: 26%; }
  .women-collection-content .scene-heading { font-size: 64px; }
  .journal-composition { left: 8%; top: 30%; }
  .journal-composition .scene-heading { font-size: 64px; }
  .journal-secondary-link { bottom: 145px; }
  .voices-composition { top: 26%; left: 8%; right: 8%; }
  .voices-composition .scene-heading { font-size: 56px; }
}
@media (max-width: 700px) {
  :root { --scene-pad: 20px; }
  body[data-page="home"] .header-main { min-height: 62px; padding-inline: 20px; }
  body[data-page="home"] .brand { font-size: 24px; }
  body[data-page="home"] .mobile-zone { padding-bottom: 8px; padding-inline: 20px; }
  body[data-page="home"] .mobile-zone .zone-switch { gap: 0; justify-content: center; }
  body[data-page="home"] .zone-switch button { min-height: 44px; flex: 0 1 auto; padding-inline: 16px; }
  body[data-page="home"] .header-tools { gap: 0; }
  .brand-scene { min-height: 560px; }
  .cover-type { left: 12px; right: 12px; }
  .cover-type h1, .women-cover-brand { font-size: 61px; }
  .scene-women-editorial .cover-type { top: 50%; }
  .scene-cover .cover-type { top: 50%; }
  .scene-cover .cover-type h1 { font-size: 66px; }
  .cover-overline { font-size: 11px; margin-bottom: 10px; }
  .cover-tagline { top: 134px; font-size: 11px; }
  .cover-photo { object-position: 56% 30%; }
  .cover-bottom { bottom: 128px; flex-direction: column; align-items: stretch; gap: 18px; }
  .scene-women-editorial .cover-bottom { bottom: 110px; gap: 12px; }
  .women-collection-actions { flex-direction: row; align-items: center; gap: 28px; }
  .women-collection-note { margin-top: 7px; }
  .cover-bottom h2 { font-size: 23px; margin-bottom: 8px; }
  .cover-bottom p { font-size: 12px; max-width: 310px; }
  .scene-cta { min-height: 46px; font-size: 13px; gap: 20px; }
  .cta-circle { width: 44px; height: 44px; flex-basis: 44px; }
  .cover-bottom .scene-cta { align-self: flex-start; gap: 28px; }
  .cover-packages { inset: 21% 0 44%; gap: 20px; }
  .cover-package { max-width: 40%; }
  .cover-package.secondary { transform: rotate(9deg) translateY(12px); }
  .cover-floor { height: 48%; }
  .scene-navigation { bottom: max(16px, env(safe-area-inset-bottom)); padding-top: 12px; grid-template-columns: 1fr auto; gap: 8px; }
  .scene-position { display: none; }
  .scene-chapters { justify-content: space-between; gap: 0; }
  .scene-chapters button { font-size: 12px; padding: 0 5px 8px; min-height: 44px; }
  .chapter-progress { left: 5px; right: 5px; }
  .scene-arrows { gap: 0; }
  .scene-arrows .scene-prev { display: none; }
  .scene-arrows button { min-width: 44px; }
  .scene-eyebrow { font-size: 11px; margin-bottom: 16px; }
  .collection-heading { top: 140px; }
  .collection-heading .scene-heading { font-size: 29px; }
  .collection-heading .scene-heading > span { display: inline; }
  .collection-heading .scene-heading > span + span::before { content: ' '; }
  .collection-watermark { font-size: 56px; top: 40%; padding: 0; }
  .collection-product { top: 31%; left: 29%; width: 42%; height: 29%; }
  .collection-enlarge { left: auto; right: -60px; bottom: 15px; transform: none; }
  .collection-enlarge > span { display: none; }
  .collection-enlarge svg { width: 18px; height: 18px; }
  .collection-info { left: 20px; right: 20px; bottom: 107px; top: auto; width: auto; max-width: none; }
  .collection-selector { margin-bottom: 14px; gap: 26px; }
  .collection-selector button { padding-bottom: 8px; font-size: 11px; min-height: 38px; }
  .collection-status { display: none; }
  .collection-copy h3 { font-size: 23px; margin-bottom: 6px; }
  .collection-copy > p { font-size: 11px; max-width: 250px; }
  .collection-spec { font-size: 11px; padding-block: 12px; }
  .collection-info > .scene-cta { padding-top: 10px; font-size: 13px; }
  .collection-info > .scene-text-link { display: none; }
  .female-collection .collection-curve { font-size: 560px; }
  .women-collection-content { inset: 27% 20px auto; }
  .women-collection-content .scene-heading { font-size: 44px; }
  .women-collection-content p { font-size: 13px; line-height: 1.9; margin-block: 24px; }
  .scene-actions { flex-direction: column; gap: 12px; }
  .scene-actions .button { font-size: 13px; }
  .journal-composition { left: 24px; right: 24px; top: 30%; }
  .journal-composition .scene-heading { font-size: 49px; }
  .journal-composition p { font-size: 13px; margin-block: 20px 28px; }
  .journal-composition .scene-cta { gap: 24px; }
  .journal-photo { object-position: 54% 50%; }
  .journal-secondary-link { bottom: 124px; left: 24px; right: auto; font-size: 12px; }
  .voices-composition { top: 26%; left: 24px; right: 24px; }
  .voices-composition .scene-heading { font-size: 42px; }
  .voices-composition > p { font-size: 13px; margin-block: 20px 24px; }
  .voices-status { font-size: 13px; margin-bottom: 24px; }
  .voices-status small { font-size: 11px; line-height: 1.7; }
  .voices-status svg { width: 24px; height: 24px; }
  .voices-composition .button { font-size: 13px; }
  .scene-support { bottom: 116px; right: 24px; left: 24px; gap: 20px; }
  .scene-support a { font-size: 11px; }
  .voices-quotation { font-size: 350px; right: -30px; top: 18%; }
  body[data-page="inner"] .footer::before { font-size: 64px; padding-inline: 20px; padding-bottom: 32px; }
}
@media (max-width: 375px) {
  .cover-type h1, .women-cover-brand { font-size: 54px; }
  .scene-cover .cover-type h1 { font-size: 58px; }
  .scene-chapters button { font-size: 11px; }
  .collection-heading .scene-heading { font-size: 26px; }
  .journal-composition .scene-heading { font-size: 43px; }
  .voices-composition .scene-heading { font-size: 37px; }
}
@media (min-height: 561px) and (max-height: 740px) {
  .cover-bottom { bottom: 110px; }
  .cover-type, .scene-women-editorial .cover-type { top: 45%; }
  .collection-heading { top: 128px; }
  .collection-heading .scene-heading { font-size: 26px; }
  .collection-product { top: 32%; height: 27%; }
  .collection-info { bottom: 94px; }
  .collection-selector { margin-bottom: 8px; }
  .collection-spec { padding-block: 8px; }
  .journal-composition { top: 27%; }
  .journal-composition .scene-heading { font-size: 42px; }
  .journal-composition p { margin-block: 16px 20px; }
  .voices-composition { top: 23%; }
  .voices-composition .scene-heading { font-size: 37px; }
  .voices-composition > p { margin-block: 16px; }
  .voices-status { margin-bottom: 18px; }
  .scene-support { bottom: 92px; }
  .women-collection-content { top: 24%; }
  .women-collection-content .scene-heading { font-size: 42px; }
}
@media (max-width: 700px) {
  .scene-collection.has-products { display: grid; grid-template-rows: auto minmax(60px, 1fr) auto; gap: 14px; padding: 138px 20px 94px; }
  .has-products .collection-heading { position: static; }
  .has-products .collection-heading .scene-eyebrow { margin-bottom: 10px; }
  .has-products .collection-heading .scene-heading { font-size: 28px; }
  .has-products .collection-product { position: relative; inset: auto; width: 100%; height: 100%; min-height: 0; }
  .has-products .collection-product img { max-height: 100%; max-width: 60%; }
  .has-products .collection-enlarge { right: 12%; bottom: 0; }
  .has-products .collection-info { position: static; width: auto; }
  .has-products .collection-selector { margin-bottom: 10px; }
  .has-products .collection-selector button { min-height: 44px; }
  .has-products .collection-spec { padding-block: 9px; }
}
@media (max-width: 700px) and (min-height: 561px) and (max-height: 660px) {
  .scene-collection.has-products { padding-top: 128px; padding-bottom: 86px; gap: 8px; }
  .has-products .collection-heading .scene-eyebrow { margin-bottom: 6px; }
  .has-products .collection-selector { margin-bottom: 6px; }
  .has-products .collection-copy h3 { font-size: 20px; margin-bottom: 3px; }
  .has-products .collection-spec { padding-block: 6px; }
  .has-products .collection-info > .scene-cta { padding-top: 6px; }
}
@media (max-height: 560px) {
  body[data-page="home"] { overflow: auto; }
  body[data-page="home"] #site-header { position: absolute; }
  .scene-deck { position: relative; height: auto; overflow: visible; scroll-snap-type: none; }
  .brand-scene { height: 740px; min-height: 740px; }
  .scene-navigation { position: fixed; bottom: 0; padding: 6px 20px; left: 0; right: 0; border: 0; background: #fff; color: #18221f; }
  .scene-content, .scene-background { transform: none; opacity: 1; }
  .scene-support { bottom: 85px; }
}
@media (prefers-reduced-motion: reduce) {
  .scene-deck { scroll-behavior: auto; }
  .scene-content, .scene-background { transform: none !important; opacity: 1 !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}