/* Sri RadhaKrishna — an immersive collection, built from real jewellery. */
:root {
  --rose-bg: #f8f5ee;
  --rose-hero: #efe9dd;
  --rose-card: #fffdf7;
  --rose-border: #d9d1c2;
  --rose-muted: #716c60;
  --rose-dark: #164c3c;
  --rose-deep: #103b30;
  --rose-text: #252c25;
  --atelier-gold: #a38349;
  --srk-emerald: #07392d;
  --srk-ink: #042c23;
  --srk-gold: #dfc48a;
  --srk-cream: #faf4e6;
  --header-h: 100px;
  --sidebar-w: 190px;
}
body { background: var(--rose-bg); }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid #a9772c;
  outline-offset: 5px;
}
.announcement-bar { background: #03271e; color: #ead7af; letter-spacing: .13em; font-size: 9px; padding: 7px 20px; min-height: 29px; }
.site-header {
  background: #07392d;
  border-bottom: 1px solid rgba(223,196,138,.22);
  height: var(--header-h);
  padding: 0 clamp(20px,3vw,52px);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.site-header-inner { grid-template-columns: minmax(205px,1fr) auto minmax(175px,245px) auto; gap: clamp(18px,2vw,34px); }
.header-logo { display: inline-flex; align-items: center; align-self: stretch; width: max-content; max-width: 100%; }
.header-logo-art { display: block; width: 205px; height: 80px; object-fit: cover; object-position: center; border-radius: 0; }
.header-nav a { color: #f1e8d6; font-size: 11px; min-height: 44px; }
.header-nav a:hover { color: var(--srk-gold); border-bottom-color: var(--srk-gold); }
.site-header :where(a,button,input):focus-visible { outline-color: #f2d290; }
.search-input { color: var(--srk-cream); background: rgba(255,255,255,.045); border-color: rgba(235,217,178,.3); border-radius: 0; }
.search-input::placeholder { color: #c3c8b9; }
.search-icon, .search-clear { color: #ddceb0; }
.cust-header-btn, .cust-header-btn.logged-in, .cust-header-btn:hover { color: #f4e9d1; background: transparent; }
.cust-profile-panel { border-top: 3px solid var(--atelier-gold); }

/* A jewel-box stage: calm type, generous imagery, and a tangible next step. */
.hero.editorial-hero.immersive-hero {
  position: relative;
  max-width: 1600px;
  margin: 24px auto 52px;
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  grid-template-rows: minmax(660px,auto) auto;
  min-height: 0;
  overflow: hidden;
  background: var(--srk-emerald);
  color: var(--srk-cream);
  isolation: isolate;
  border: 1px solid rgba(163,131,73,.32);
}
.immersive-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 8% 8%,rgba(67,121,84,.32),transparent 55%),linear-gradient(115deg,#0c4535 0%,#062e24 75%);
}
.immersive-hero .hero-copy {
  position: relative;
  align-self: center;
  z-index: 3;
  padding: 55px clamp(32px,4.2vw,74px) 55px;
  min-width: 0;
}
.immersive-hero .hero-eyebrow { color: #e0c58e; font-size: 9px; letter-spacing: .2em; margin-bottom: 26px; }
.immersive-hero .hero-eyebrow::before { background: #d7b878; width: 24px; }
.immersive-hero .hero-title {
  color: #fff6e5;
  font-size: clamp(64px,6.2vw,100px);
  font-weight: 400;
  line-height: .97;
  letter-spacing: -.045em;
  margin: 0 0 24px;
  max-width: 600px;
}
.immersive-hero .hero-title em { color: #e8cc91; font-weight: 400; }
.immersive-hero .hero-description { color: #d4dfd1; max-width: 345px; font-size: 13px; line-height: 1.85; }
.immersive-hero .hero-actions { gap: 18px; margin-top: 31px; }
.immersive-hero .hero-primary {
  background: #e4cc99;
  color: #123d2e;
  border: 1px solid #e4cc99;
  min-height: 48px;
  padding: 13px 21px;
  border-radius: 0;
  font-size: 11px;
  letter-spacing: .045em;
}
.immersive-hero .hero-primary:hover { background: #f7e7c4; border-color: #f7e7c4; }
.immersive-hero .hero-secondary {
  background: transparent;
  color: #f5e8ca;
  border: 0;
  border-bottom: 1px solid rgba(223,196,138,.68);
  padding: 11px 0;
  border-radius: 0;
  font-size: 11px;
  letter-spacing: .025em;
  text-transform: none;
  min-height: 48px;
  cursor: pointer;
}
.immersive-hero .hero-secondary:hover { color: #fff; border-color: #fff; }
.immersive-hero .hero-bottom-note { color: #b6c8b8; border-top-color: rgba(223,196,138,.25); gap: 8px; font-size: 9px; line-height: 1.7; letter-spacing: .03em; max-width: 360px; margin-top: 41px; padding-top: 18px; }
.immersive-hero .hero-bottom-note span + span::before { content: '·'; margin-right: 8px; color: #d2b77e; }
.immersive-hero .hero-media { position: relative; z-index: 1; min-height: 660px; overflow: hidden; background: #c3b296; }
.immersive-hero .hero-image { object-fit: cover; object-position: center 40%; opacity: 1; transform: scale(1.01); transition: opacity .35s ease,transform 1s ease; }
.immersive-hero .hero-shade { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(180deg,rgba(2,28,19,.12),transparent 38%,rgba(2,28,19,.69) 100%); }
.immersive-hero .hero-orbit { position: absolute; z-index: 2; pointer-events: none; inset: 17px; border: 1px solid rgba(255,239,196,.33); }
.immersive-hero .hero-orbit::before, .immersive-hero .hero-orbit::after { content: ''; position: absolute; width: 8px; height: 8px; background: #d7bc7f; transform: rotate(45deg); }
.immersive-hero .hero-orbit::before { top: -5px; left: -5px; }
.immersive-hero .hero-orbit::after { right: -5px; bottom: -5px; }
.hero-detail-inset {
  position: absolute;
  right: 35px;
  bottom: 94px;
  z-index: 3;
  width: 138px;
  height: 164px;
  padding: 5px;
  background: rgba(249,237,208,.9);
  border: 1px solid rgba(255,242,209,.9);
  box-shadow: 0 10px 28px rgba(0,22,13,.22);
  transform: rotate(4deg);
  transition: transform .4s ease,opacity .3s ease;
}
.hero-detail-inset img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.hero-detail-inset:hover { transform: rotate(0); }
.immersive-hero[data-experience-view="detail"] .hero-detail-inset { opacity: 0; pointer-events: none; }
.immersive-hero .hero-image-caption {
  z-index: 3;
  color: #fff7e8;
  background: transparent;
  left: 35px;
  right: 35px;
  bottom: 29px;
  max-width: none;
  padding: 0;
  font-size: 9px;
  letter-spacing: .12em;
  gap: 7px;
}
.immersive-hero .hero-image-caption .serif { font-size: clamp(24px,2.4vw,36px); max-width: 100%; line-height: 1.12; letter-spacing: -.012em; }
.hero-photo-modes { position: absolute; z-index: 4; top: 32px; left: 33px; display: flex; gap: 4px; padding: 4px; background: rgba(2,37,25,.7); border: 1px solid rgba(236,214,166,.35); backdrop-filter: blur(7px); }
.hero-photo-modes button { color: #f6eedb; background: transparent; min-height: 44px; padding: 9px 14px; font-size: 9px; letter-spacing: .04em; text-transform: none; border-radius: 0; border: 1px solid transparent; }
.hero-photo-modes button[aria-pressed="true"] { color: #0b3d2c; background: #f0e1bc; }
.hero-photo-modes button:hover { border-color: rgba(240,225,188,.45); }
.hero-photo-modes button:disabled { opacity: .45; cursor: default; }
.immersive-hero :where(a,button):focus-visible { outline-color: #ffe4a2; }
.hero-navigation { grid-column: 1 / -1; position: relative; z-index: 5; display: flex; align-items: stretch; min-height: 92px; border-top: 1px solid rgba(223,196,138,.25); background: #062f25; }
.look-chapters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); flex: 1; }
.look-chapter { display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-content: center; padding: 18px 20px; text-align: left; min-height: 88px; color: #aebfb0; border: 0; border-right: 1px solid rgba(223,196,138,.18); background: transparent; border-radius: 0; text-transform: none; letter-spacing: normal; position: relative; }
.look-chapter::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: transparent; transition: background .25s ease; }
.look-chapter-index { grid-row: 1 / 3; align-self: center; font-family: 'Cormorant Garamond',serif; font-size: 23px; color: #c2ad78; }
.look-chapter-label { font-family: 'Cormorant Garamond',serif; font-size: 24px; line-height: 1.05; color: #eee2c8; }
.look-chapter-note { font-size: 8px; letter-spacing: .06em; margin-top: 6px; line-height: 1.3; }
.look-chapter:hover { background: rgba(218,193,139,.055); }
.look-chapter[aria-pressed="true"] { background: rgba(223,196,138,.1); color: #d7dfce; }
.look-chapter[aria-pressed="true"]::before { background: #dfc48a; }
.look-chapter[aria-pressed="true"] .look-chapter-label { color: #fff3d9; }
.hero-player-controls { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0 18px; }
.hero-player-controls button { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; background: transparent; color: #e8d6ad; border: 1px solid rgba(223,196,138,.36); border-radius: 50%; font-size: 16px; }
.hero-player-controls button:hover { color: #062f25; background: #e4cc99; }
#hero-motion-toggle { font-size: 12px; }
.look-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; overflow: hidden; background: rgba(225,201,150,.17); pointer-events: none; }
.look-progress span { display: block; width: 100%; height: 100%; background: #e6cd93; transform: scaleX(0); transform-origin: left center; }
.hero-navigation:has(.experience-status:not([hidden])) { flex-wrap: wrap; }
.experience-status { flex: 0 0 100%; width: 100%; margin: 0; padding: 12px 20px; color: #fff0cd; background: #123e2e; border-top: 1px solid rgba(223,196,138,.3); font-size: 11px; line-height: 1.6; }
.immersive-hero[data-experience-ready="true"][data-experience-motion="playing"] .hero-image { animation: srkPortraitDrift 10s ease-in-out infinite alternate; }
.immersive-hero[data-experience-view="detail"] .hero-image { object-fit: contain; background: #d4c7ad; object-position: center; }
.immersive-hero[data-experience-ready="true"][data-experience-motion="playing"][data-experience-view="detail"] .hero-image { animation: none; }
.immersive-hero[data-experience-loading="true"] .hero-detail-inset { opacity: 0; }
@keyframes srkPortraitDrift { from { transform: scale(1.015); } to { transform: scale(1.055); } }

/* A small choosing ritual leads visitors into the real catalogue. */
.occasion-discovery { max-width: 1600px; margin: 0 auto 68px; display: grid; grid-template-columns: .72fr 2fr; gap: 38px; align-items: center; }
.occasion-heading .section-kicker { color: var(--atelier-gold); }
.occasion-heading h2 { font-family: 'Cormorant Garamond',serif; color: var(--rose-dark); font-size: clamp(32px,3vw,45px); line-height: 1.03; font-weight: 400; letter-spacing: -.025em; margin-top: 10px; }
.occasion-heading p:not(.section-kicker) { color: var(--rose-muted); font-size: 12px; line-height: 1.8; margin-top: 13px; }
.occasion-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border: 1px solid #cec5b3; }
.occasion-option { display: grid; grid-template-columns: 1fr 24px; grid-template-rows: auto auto auto; text-align: left; padding: 23px 20px; min-height: 171px; background: #f1ede3; border: 0; border-right: 1px solid #cec5b3; border-radius: 0; color: var(--rose-text); text-transform: none; letter-spacing: normal; transition: background .2s ease,color .2s ease; }
.occasion-option:last-child { border-right: 0; }
.occasion-index { font-size: 9px; color: var(--atelier-gold); letter-spacing: .12em; grid-column: 1; margin-bottom: 16px; }
.occasion-title { grid-column: 1 / -1; font-family: 'Cormorant Garamond',serif; font-size: 26px; color: var(--rose-dark); line-height: 1.05; margin-bottom: 11px; }
.occasion-description { grid-column: 1; font-size: 10px; color: var(--rose-muted); line-height: 1.7; max-width: 190px; }
.occasion-arrow { grid-column: 2; grid-row: 3; align-self: end; font-size: 20px; color: var(--rose-dark); transition: transform .2s ease; }
.occasion-option:hover, .occasion-option[aria-pressed="true"] { background: #e6ddca; }
.occasion-option:hover .occasion-arrow { transform: translateX(4px); }

.collection-discovery { max-width: 1600px; margin-bottom: 66px; }
.collection-discovery-heading { padding-top: 23px; border-top: 1px solid var(--rose-border); margin-bottom: 25px; }
.collection-discovery-heading h2 { font-size: clamp(40px,4.2vw,64px); letter-spacing: -.035em; color: var(--rose-dark); }
.section-kicker, .collection-kicker { font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.collection-nav { gap: 18px; padding: 0 0 12px; }
.collection-tile { position: relative; flex: 1 0 185px; min-width: 0; max-width: none; color: var(--rose-dark); padding: 0; background: transparent; text-align: left; border: 0; border-radius: 0; }
.collection-tile-image { width: 100%; height: clamp(205px,19vw,305px); object-fit: cover; object-position: center 34%; border-radius: 0; border: 0; transition: filter .3s ease; }
.collection-tile-label { font-family: 'Cormorant Garamond',serif; font-size: 27px; line-height: 1.1; margin-top: 13px; letter-spacing: -.015em; color: var(--rose-dark); }
.collection-tile-count { display: flex; align-items: center; gap: 10px; font-size: 9px; margin-top: 6px; letter-spacing: .055em; color: var(--rose-muted); }
.collection-tile-count::after { content: '↗'; color: var(--atelier-gold); font-size: 17px; margin-left: auto; }
.collection-tile[aria-pressed="true"] .collection-tile-label { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--atelier-gold); }
.collection-tile[aria-pressed="true"] .collection-tile-image { outline: 3px solid #a38349; outline-offset: -3px; }
.collection-tile:hover .collection-tile-image { filter: brightness(1.06); transform: none; }
.store-wrap { border-top: 1px solid var(--rose-border); padding-top: 37px; gap: 32px; }
.cat-sidebar { background: #eee9de; border-top: 2px solid var(--atelier-gold); padding: 20px 12px; height: auto; max-height: calc(100dvh - var(--header-h) - 40px); }
.sidebar-label { color: #6e6c5f; padding-left: 10px; }
.sidebar-btn { padding: 11px 10px; border-radius: 0; font-size: 11px; color: #626459; }
.sidebar-btn.active { background: var(--rose-dark); color: #fff8e9; }
.sidebar-btn.active .cat-badge { color: #e9dab7; }
.sidebar-btn:hover:not(.active) { background: #e5ddcd; }
.collection-intro h2 { font-size: 53px; }
.active-discovery { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 16px; min-height: 44px; padding: 10px 15px; border: 1px solid #8c9d82; border-radius: 24px; color: #174832; background: #e9efe1; font-size: 10px; line-height: 1.4; text-transform: none; letter-spacing: .015em; }
.active-discovery:hover { background: #dce6d2; border-color: #4f7359; }
.category-section-heading { padding-bottom: 13px; border-bottom: 1px solid #ddd5c5; }
.category-section-heading::after { display: none; }
.category-section-heading h3 { font-size: 33px; }
.category-view-all { margin-left: auto; }
.item-card-img { background: #e9e3d7; }
.item-card-img img { transition: opacity .22s ease,transform .45s ease; }
.item-card:hover .item-card-img img { transform: scale(1.025); }
.item-card-body { padding-top: 14px; }
.item-card-name { color: var(--rose-dark); font-size: 25px; }
.item-card-desc { color: #6e7165; }
.btn-wa { background: #f8f5ee; border-color: #b7c1b1; color: #234e39; border-radius: 0; }
.btn-wa:hover { background: #e7eee4; border-color: #335c43; color: #163e2d; }
.price-enquiry { color: #32573f; }
.brand-story { background: #e5e8db; border: 1px solid #c9d0bd; }
.story-copy h2 { color: var(--rose-dark); }
.story-copy .hero-secondary { color: var(--rose-dark); }
.testi-section { background: #e9ecdf; }
footer.atelier-footer, #view-store footer { background: #07392d; }
.footer-brand-logo { border-color: rgba(223,196,138,.4); }
.wa-float-btn { background: #f8f5ee; color: #234e39; border-color: #bbc4b3; }

@media (max-width: 1700px) {
  .hero.editorial-hero.immersive-hero, .occasion-discovery { margin-left: 40px; margin-right: 40px; }
}
@media (max-width: 1279px) {
  .site-header-inner { grid-template-columns: minmax(185px,1fr) auto minmax(155px,200px) auto; gap: 20px; }
  .header-logo-art { width: 185px; height: 74px; }
  .hero.editorial-hero.immersive-hero, .occasion-discovery { margin-left: 28px; margin-right: 28px; }
  .immersive-hero .hero-copy { padding: 44px 32px; }
  .immersive-hero .hero-title { font-size: 72px; }
  .immersive-hero .hero-media { min-height: 620px; }
  .hero.editorial-hero.immersive-hero { grid-template-rows: minmax(620px,auto) auto; }
  .hero-detail-inset { width: 115px; height: 140px; right: 29px; }
  .look-chapter { padding: 18px 15px; column-gap: 5px; }
  .look-chapter-label { font-size: 22px; }
  .hero-player-controls { padding: 0 12px; }
  .occasion-discovery { gap: 25px; grid-template-columns: .7fr 2fr; }
  .occasion-option { padding: 20px 15px; }
  .occasion-title { font-size: 23px; }
}
@media (max-width: 1023px) and (min-width: 768px) {
  :root { --header-h: 127px; }
  .site-header-inner { grid-template-areas: "brand search account" "nav nav nav"; grid-template-columns: 1fr 240px auto; grid-template-rows: 78px 48px; row-gap: 0; }
  .header-nav { border-top-color: rgba(223,196,138,.22); }
  .header-logo-art { width: 175px; height: 70px; }
  .immersive-hero .hero-copy { padding: 33px 27px; }
  .immersive-hero .hero-title { font-size: 58px; }
  .immersive-hero .hero-eyebrow { font-size: 8px; letter-spacing: .13em; }
  .immersive-hero .hero-description { font-size: 12px; }
  .immersive-hero .hero-primary { padding: 12px 15px; font-size: 10px; }
  .immersive-hero .hero-actions { gap: 10px; margin-top: 22px; }
  .immersive-hero .hero-bottom-note { margin-top: 23px; font-size: 8px; }
  .hero-detail-inset { width: 95px; height: 118px; right: 25px; bottom: 116px; }
  .hero-photo-modes { top: 25px; left: 25px; }
  .hero-photo-modes button { padding: 8px 11px; }
  .immersive-hero .hero-image-caption { left: 25px; right: 25px; bottom: 26px; }
  .immersive-hero .hero-image-caption .serif { font-size: 27px; }
  .hero-navigation { flex-wrap: wrap; }
  .look-chapters { flex-basis: 100%; }
  .hero-player-controls { width: 100%; padding: 12px; gap: 9px; }
  .look-chapter { min-height: 85px; }
  .occasion-discovery { display: block; }
  .occasion-heading { margin-bottom: 22px; }
  .occasion-heading h2 { font-size: 38px; }
  .occasion-options { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  :root { --header-h: 124px; }
  .announcement-bar { font-size: 7.5px; line-height: 1.6; letter-spacing: .08em; padding: 7px 10px; min-height: 28px; }
  .site-header { padding: 0 16px; }
  .site-header-inner { grid-template-areas: "brand account" "search search"; grid-template-columns: 1fr 44px; grid-template-rows: 70px 53px; gap: 0; }
  .header-logo-art { width: 168px; height: 66px; }
  .search-input { min-height: 44px; height: 44px; font-size: 11px; }
  .hero.editorial-hero.immersive-hero { margin: 14px 12px 33px; grid-template-columns: 1fr; grid-template-rows: auto 430px auto; }
  .immersive-hero .hero-copy { padding: 28px 24px 26px; }
  .immersive-hero .hero-eyebrow { margin-bottom: 17px; font-size: 7.5px; letter-spacing: .13em; gap: 10px; }
  .immersive-hero .hero-eyebrow::before { width: 21px; }
  .immersive-hero .hero-title { font-size: clamp(49px,13.2vw,75px); line-height: .97; margin-bottom: 17px; max-width: 460px; }
  .immersive-hero .hero-description { font-size: 11px; line-height: 1.75; max-width: 350px; }
  .immersive-hero .hero-actions { gap: 15px; margin-top: 22px; }
  .immersive-hero .hero-primary { min-height: 46px; padding: 12px 15px; font-size: 9.5px; }
  .immersive-hero .hero-secondary { min-height: 46px; font-size: 9.5px; padding: 10px 0; }
  .immersive-hero .hero-bottom-note { display: none; }
  .immersive-hero .hero-media { height: 430px; min-height: 0; grid-row: 2; }
  .immersive-hero .hero-image { object-position: center 34%; }
  .immersive-hero .hero-orbit { inset: 12px; }
  .hero-photo-modes { top: 24px; left: 24px; padding: 3px; gap: 2px; }
  .hero-photo-modes button { min-height: 44px; font-size: 8px; padding: 9px 12px; }
  .hero-detail-inset { display: none; }
  .immersive-hero .hero-image-caption { display: flex; left: 25px; right: 25px; bottom: 26px; gap: 7px; }
  .immersive-hero .hero-image-caption .serif { font-size: 28px; line-height: 1.08; max-width: 300px; }
  .immersive-hero .hero-image-caption span:not(.serif) { font-size: 8px; }
  .hero-navigation { grid-row: 3; flex-wrap: wrap; min-height: 0; }
  .look-chapters { flex-basis: 100%; }
  .look-chapter { min-height: 94px; padding: 14px 10px; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 0; }
  .look-chapter-index { grid-row: auto; font-size: 15px; margin-bottom: 7px; }
  .look-chapter-label { font-size: 20px; line-height: 1.05; }
  .look-chapter-note { font-size: 7px; letter-spacing: .015em; margin-top: 5px; }
  .hero-player-controls { width: 100%; gap: 13px; padding: 12px; border-top: 1px solid rgba(223,196,138,.13); }
  .hero-player-controls button { min-height: 44px; width: 44px; }
  .occasion-discovery { margin: 0 20px 40px; display: block; }
  .occasion-heading { margin-bottom: 21px; }
  .occasion-heading h2 { font-size: 38px; max-width: 290px; }
  .occasion-heading p:not(.section-kicker) { font-size: 11px; margin-top: 11px; }
  .occasion-options { display: grid; grid-template-columns: 1fr; }
  .occasion-option { grid-template-columns: 26px 1fr 24px; grid-template-rows: auto auto; padding: 19px 15px; min-height: 106px; border-right: 0; border-bottom: 1px solid #cec5b3; }
  .occasion-option:last-child { border-bottom: 0; }
  .occasion-index { grid-column: 1; grid-row: 1 / 3; align-self: center; margin-bottom: 0; font-size: 8px; }
  .occasion-title { grid-column: 2; grid-row: 1; font-size: 27px; margin-bottom: 7px; }
  .occasion-description { grid-column: 2; grid-row: 2; font-size: 10px; max-width: 245px; }
  .occasion-arrow { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  .collection-discovery { margin: 0 20px 40px; }
  .collection-discovery-heading { padding-top: 23px; gap: 16px; }
  .collection-discovery-heading h2 { font-size: 40px; }
  .collection-discovery-heading > a { font-size: 9px; max-width: 93px; }
  .collection-nav { gap: 14px; margin: 0; padding: 0 0 14px; }
  .collection-tile { flex: 0 0 164px; }
  .collection-tile-image { height: 220px; }
  .collection-tile-label { font-size: 25px; margin-top: 11px; }
  .collection-tile-count { font-size: 8px; }
  .mobile-cat-bar { background: rgba(248,245,238,.98); border-bottom: 1px solid #d1ccbc; }
  .mobile-cat-chip { border-radius: 0; padding: 10px 12px; font-size: 10px; }
  .mobile-cat-chip.active { background: #174c3b; color: #fff5e2; }
  .store-wrap { padding-top: 28px; margin: 0 20px; }
  .collection-intro h2 { font-size: 39px; }
  .collection-intro p { font-size: 11px; }
  .sort-bar { gap: 9px; margin-bottom: 22px; }
  .category-section-heading h3 { font-size: 27px; }
  .category-section-heading { gap: 10px; padding-bottom: 9px; margin-bottom: 19px; }
  .category-piece-count { font-size: 8px; }
  .category-view-all { font-size: 8px; padding-left: 0; }
  .catalogue-grid,.featured-grid { gap: 27px 13px; }
  .item-card-name { font-size: 21px; }
  .item-card-desc { font-size: 10px; }
  .btn-wa { font-size: 9px; }
  .brand-story { margin: 0 20px 35px; }
  .story-copy { padding: 30px 24px; }
  .story-copy h2 { font-size: 38px; }
}
@media (max-width: 359px) {
  .immersive-hero .hero-copy { padding: 26px 19px; }
  .immersive-hero .hero-title { font-size: 47px; }
  .immersive-hero .hero-actions { gap: 11px; }
  .immersive-hero .hero-primary { padding-left: 12px; padding-right: 12px; font-size: 9px; }
  .immersive-hero .hero-secondary { font-size: 9px; }
  .hero.editorial-hero.immersive-hero { grid-template-rows: auto 395px auto; }
  .immersive-hero .hero-media { height: 395px; }
  .look-chapter-label { font-size: 18px; }
  .look-chapter-note { font-size: 6.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .immersive-hero[data-experience-ready="true"][data-experience-motion="playing"] .hero-image { animation: none; transform: none; }
  .immersive-hero .hero-image,.hero-detail-inset,.look-chapter::before,.occasion-arrow,.collection-tile-image,.item-card-img img { transition: none; }
  .item-card:hover .item-card-img img,.hero-detail-inset:hover { transform: none; }
}