/* Photographic shopping journey; original long-form experience retained. */
:root {
  --font: 'Bai Jamjuree', sans-serif;
  --bg: #1c1030;
  --panel: #29173f;
  --muted: #d1c0dc;
}

html[lang='zh-CN'] {
  --font: 'Bai Jamjuree', sans-serif;
}

body {
  background: #1c1030;
}

[hidden] {
  display: none !important;
}

.site-header {
  background: #211331ed;
}

.header-inner {
  gap: 16px;
  padding-inline: 32px;
  min-height: 96px;
}

#desktopNav {
  gap: 20px;
}

#desktopNav a {
  font-size: 14px;
  white-space: nowrap;
}

.header-tools {
  gap: 14px;
}

.logo-lockup {
  width: 90px;
}

.hero {
  min-height: 840px;
}

.hero-inner {
  min-height: 740px;
  padding-top: 55px;
}

.hero-copy {
  max-width: 760px;
}

.hero-photograph {
  animation: none;
  transform: translate(var(--px, 0px), var(--py, 0px)) scale(1.04);
  transition: transform .6s ease-out;
  filter: brightness(1.22) saturate(1.08);
}

.hero-shade {
  background: linear-gradient(90deg, #1b0c2ddc 0%, #210d2eb5 35%, #23113110 78%), linear-gradient(0deg, #1c1030 0%, transparent 40%);
}

.hero h1 {
  font-size: clamp(40px, 4.4vw, 72px);
}

.hero-question {
  font-size: 27px;
}

.hero-description {
  color: #f1d9ed;
}

.hero-photo-controls {
  position: absolute;
  right: 0;
  bottom: 75px;
  z-index: 4;
  display: flex;
  gap: 8px;
}

.hero-photo-controls button {
  font-size: 12px;
  padding: 10px 15px;
  border: 1px solid #ffffff50;
  border-radius: 25px;
  background: #27123299;
  backdrop-filter: blur(10px);
}

.hero-photo-controls .selected {
  background: #f4d7ff;
  color: #512572;
  border-color: #f4d7ff;
}

.night-ticket {
  display: none;
}

.hero-bottom {
  position: relative;
  padding-bottom: 24px;
}

.photo-glints {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.photo-glints i {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffe5ae;
  box-shadow: 0 0 17px 5px #ffdfad7a;
  animation: photoTwinkle 4s ease-in-out infinite;
}

@keyframes photoTwinkle {

  0%,
  100% {
    opacity: .15;
    scale: .65;
  }

  50% {
    opacity: .9;
    scale: 1.15;
  }
}

.photo-journey {
  background: linear-gradient(#1c1030, #2c183d);
  padding-block: 100px;
}

.section-heading h2 {
  font-size: clamp(33px, 3.4vw, 52px);
}

.section-heading>div>p:last-child {
  color: #d6c5df;
}

.photo-explorer {
  position: relative;
  width: 100%;
  aspect-ratio: 1.95;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 30px 70px #0004;
}

.photo-explorer>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(var(--px, 0px), var(--py, 0px)) scale(1.045);
  transition: transform .5s ease-out;
  filter: brightness(1.12);
}

.photo-explorer::after {
  content: '';
  position: absolute;
  inset: 60% 0 0;
  background: linear-gradient(transparent, #1c1030be);
  pointer-events: none;
}

.photo-hotspot {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0;
}

.photo-hotspot span {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid white;
  background: #fff4;
  backdrop-filter: blur(8px);
  box-shadow: 0 0 0 10px #ffffff18;
  animation: photoTwinkle 5s ease-in-out infinite;
  font-size: 24px;
}

.photo-hotspot b {
  font-size: 13px;
  padding: 6px 10px;
  background: #251239c4;
  border-radius: 20px;
}

.photo-hotspot:hover span {
  background: #9b48e5;
}

.spot-one {
  left: 22%;
  top: 38%;
}

.spot-two {
  left: 50%;
  top: 58%;
}

.spot-three {
  right: 9%;
  top: 29%;
}

.explorer-caption {
  position: absolute;
  z-index: 2;
  bottom: 22px;
  left: 28px;
  font-size: 11px;
  letter-spacing: 1px;
}

.photo-thumbnails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-top: 20px;
}

.photo-thumbnails button {
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
  border: 1px solid #ffffff25;
  border-radius: 12px;
  padding: 10px;
  font-size: 14px;
  background: #ffffff05;
}

.photo-thumbnails img {
  width: 75px;
  height: 50px;
  object-fit: cover;
  border-radius: 7px;
}

.photo-thumbnails .selected {
  background: #8f45bc30;
  border-color: #ce9deb;
}

.live-section {
  padding-block: 110px;
}

.live-store {
  box-shadow: 0 20px 40px #0003;
}

.live-store>img {
  transform: translate(var(--px, 0px), var(--py, 0px)) scale(1.06);
  transition: transform .5s ease;
}

.live-store:hover>img {
  transform: translate(var(--px, 0px), var(--py, 0px)) scale(1.12);
}

.shopping-section {
  background: #f8f2fc;
  color: #362345;
}

.shopping-section .section-kicker {
  color: #9040bc;
}

.shopping-section .section-heading>div>p:last-child {
  color: #82678c;
}

.shopping-section .product-search {
  background: white;
  border-color: #d7c2e5;
  color: #563466;
}

.shopping-section .product-search input {
  color: #563466;
}

.shopping-section .product-search input::placeholder {
  color: #8f789c;
}

.shopping-section .category-tab {
  background: #eee3f5;
  color: #714c87;
}

.shopping-section .category-tab.active {
  background: #8538c5;
  color: white;
}

.shopping-section .product-card {
  background: white;
  border: 1px solid #e4d5ec;
  box-shadow: 0 10px 30px #7548900c;
  transition: transform .25s, box-shadow .25s;
}

.shopping-section .product-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 35px #75489022;
}

.shopping-section .product-category {
  color: #8a679f;
}

.shopping-section .product-price {
  color: #7433a1;
}

.shopping-section .product-price small,
.shopping-section .products-note {
  color: #8a7295;
}

.shopping-tools {
  display: flex;
  justify-content: flex-end;
  margin-top: -15px;
  margin-bottom: 12px;
}

.shopping-tools .inline-button {
  color: #8346a2;
  font-size: 14px;
}

.shopping-tools .selected {
  font-weight: 700;
}

.product-photo[data-product] {
  cursor: zoom-in;
}

.detail-photo {
  aspect-ratio: 1.35;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 20px;
}

.detail-price {
  color: #e6b6ff;
  font-size: 28px;
}

.events-section {
  background: #2b193d;
  padding-block: 110px;
}

.events-section .section-heading {
  align-items: flex-end;
  gap: 25px;
}

.concept-label {
  font-size: 12px;
  color: #c5aecf;
  max-width: 260px;
}

.event-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 25px 0;
}

.event-filters button {
  border: 1px solid #ffffff30;
  border-radius: 25px;
  padding: 9px 19px;
  font-size: 14px;
}

.event-filters .selected {
  color: #43245b;
  background: #edcbff;
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.event-card {
  position: relative;
  overflow: hidden;
  border-radius: 17px;
  text-align: left;
  min-height: 370px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  isolation: isolate;
}

.event-card>img {
  position: absolute;
  inset: 0;
  z-index: -2;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform .7s;
}

.event-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(#21112935, #21112925 25%, #211129e8 100%);
}

.event-card:hover>img {
  transform: scale(1.08);
}

.event-number {
  font-size: 10px;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 8px #000;
}

.event-copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.event-copy strong {
  font-size: 25px;
  line-height: 1.4;
}

.event-copy small {
  font-size: 13px;
  color: #f1dff7;
}

.event-copy b {
  color: #efbcff;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 500;
}

.night-story {
  background: #211333;
}

.seller-section {
  background: linear-gradient(110deg, #4d2673, #281d41);
}

.seller-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  min-height: 380px;
}

.seller-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.seller-photo span {
  position: absolute;
  bottom: 25px;
  left: 25px;
  padding: 9px 15px;
  border-radius: 30px;
  background: #211333a9;
  font-size: 14px;
}

.download-section {
  background: #efe3f6;
  color: #442753;
}

.download-section .section-kicker,
.download-section p {
  color: #81628d;
}

.download-card {
  background: #d9c4e9;
  border-color: #ccb1e0;
}

.store-state {
  color: #725082 !important;
}

.site-footer {
  background: #180d26;
}

.footer-column>a {
  font-size: 14px;
  color: #bda9cb;
  display: block;
  margin-bottom: 14px;
}

.footer-column>a:hover {
  color: white;
  text-decoration: underline;
}

.motion-toggle {
  position: fixed;
  left: 22px;
  bottom: 20px;
  z-index: 25;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 16px;
  font-size: 12px;
  border: 1px solid #bd8cde66;
  border-radius: 28px;
  background: #251136bf;
  backdrop-filter: blur(12px);
}

.motion-toggle svg {
  width: 15px;
  height: 15px;
}

.motion-toggle .play-icon {
  display: none;
}

.motion-paused .motion-toggle .pause-icon {
  display: none;
}

.motion-paused .motion-toggle .play-icon {
  display: block;
}

.motion-paused *,
.motion-paused *::before,
.motion-paused *::after {
  animation-play-state: paused !important;
}

.motion-paused .hero-photograph,
.motion-paused .photo-explorer>img,
.motion-paused .live-store>img {
  transform: none !important;
}

.journey-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 60;
  pointer-events: none;
}

.journey-progress span {
  display: block;
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, #f8b65c, #d88bff);
}

@media (max-width: 1200px) {
  #desktopNav {
    gap: 12px;
  }

  #desktopNav a {
    font-size: 12px;
  }

  .header-tools {
    gap: 10px;
  }

  .header-inner {
    padding-inline: 24px;
    gap: 15px;
  }

  .language-control svg {
    display: none;
  }

  .login-button {
    font-size: 13px;
  }
}

@media (max-width: 1050px) {
  #desktopNav {
    display: none;
  }

  .menu-button {
    display: inline-flex;
  }

  .header-tools {
    margin-left: auto;
  }

  .photo-thumbnails img {
    width: 55px;
  }

  .photo-thumbnails button {
    font-size: 12px;
    gap: 8px;
  }
}

@media (max-width: 760px) {
  .header-inner {
    padding-inline: 20px;
    min-height: 82px;
  }

  .logo-lockup {
    width: 65px;
  }

  .header-tools {
    gap: 10px;
  }

  .header-tools>[data-action='favourites'] {
    display: none;
  }

  .hero {
    min-height: 760px;
    padding-top: 0;
  }

  .hero-inner {
    min-height: 655px;
    padding-top: 55px;
  }

  .hero h1,
  html[lang='en'] .hero h1,
  html[lang='zh-CN'] .hero h1 {
    font-size: clamp(30px, 8vw, 47px);
    line-height: 1.5;
  }

  .hero-question {
    font-size: 23px;
  }

  .hero-description {
    font-size: 17px;
  }

  .hero-photo-controls {
    bottom: 10px;
    left: 0;
    right: auto;
    gap: 6px;
  }

  .hero-photo-controls button {
    font-size: 10px;
    padding: 8px 12px;
  }

  .hero-bottom {
    padding-top: 20px;
  }

  .hero-bottom .preview-label {
    font-size: 10px;
  }

  .hero-bottom a {
    font-size: 11px;
  }

  .hero-shade {
    background: linear-gradient(90deg, #211031cf, #23113165), linear-gradient(0deg, #1c1030, transparent 55%);
  }

  .photo-journey,
  .events-section,
  .live-section {
    padding-block: 70px;
  }

  .section-heading h2 {
    font-size: 32px;
  }

  .photo-explorer {
    aspect-ratio: 1.12;
    border-radius: 17px;
  }

  .photo-hotspot {
    gap: 5px;
  }

  .photo-hotspot span {
    width: 32px;
    height: 32px;
    font-size: 20px;
  }

  .photo-hotspot b {
    font-size: 9px;
    padding: 5px 7px;
  }

  .spot-one {
    left: 8%;
    top: 35%;
  }

  .spot-two {
    left: 34%;
    top: 66%;
  }

  .spot-three {
    right: 4%;
    top: 20%;
  }

  .explorer-caption {
    left: 15px;
    bottom: 15px;
    font-size: 8px;
    max-width: 85%;
  }

  .photo-thumbnails {
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
  }

  .photo-thumbnails button {
    padding: 6px;
    font-size: 10px;
  }

  .photo-thumbnails img {
    width: 45px;
    height: 38px;
  }

  .shopping-tools {
    margin-top: 0;
  }

  .events-section .section-heading {
    display: block;
  }

  .concept-label {
    display: block;
    font-size: 10px;
  }

  .event-filters {
    gap: 6px;
  }

  .event-filters button {
    padding: 8px 12px;
    font-size: 11px;
  }

  .events-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .event-card {
    min-height: 310px;
    padding: 14px;
  }

  .event-number {
    font-size: 7px;
    letter-spacing: .7px;
  }

  .event-copy strong {
    font-size: 19px;
  }

  .event-copy small {
    font-size: 11px;
  }

  .event-copy b {
    font-size: 10px;
  }

  .seller-photo {
    min-height: 320px;
  }

  .motion-toggle {
    bottom: 82px;
    left: 12px;
    padding: 8px 12px;
    font-size: 10px;
  }

  .site-footer {
    padding-bottom: 120px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .hero-photograph,
  .photo-explorer>img,
  .live-store>img {
    transition: none;
  }
}

/* Consistent interface typography. */
body * {
  font-family: 'Bai Jamjuree', sans-serif !important;
}

/* Online commerce photo composition. */
.hero { background: radial-gradient(ellipse at 75% 40%, #8a4cb0 0%, #44205e 45%, #211332 90%); }
.hero-photograph { opacity: .15; filter: blur(14px) saturate(.8); }
.hero-shade { background: linear-gradient(90deg,#261138b0,transparent); }
.hero-inner { min-height: 760px; align-items: center; }
.hero-copy { position: relative; z-index: 4; width: 55%; max-width: 650px; }
.hero h1 { font-size: clamp(35px,4vw,63px); }
.hero h1 .hero-line { white-space: normal; }
.hero-question { font-size: 23px; }
.hero-description { max-width: 480px; font-size: 17px; }
.commerce-collage { position: absolute; width: 48%; height: 600px; right: -1%; top: 65px; perspective: 1200px; }
.collage-label { position: absolute; top: 0; left: 15%; font-size: 10px; letter-spacing: 3px; color: #efd6ff; }
.stream-panel { position: absolute; padding: 0; overflow: hidden; border-radius: 22px; border: 1px solid #ffffff60; background: #472558; box-shadow: 0 25px 65px #10041b80; transform: translate(var(--cx,0px),var(--cy,0px)) rotate(var(--angle,0deg)); transition: transform .65s, filter .5s; z-index: 2; }
.stream-panel > img, .stream-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s, filter .5s; }
.stream-panel:hover { z-index: 5; transform: translate(var(--cx,0px),-15px) rotate(0deg) scale(1.06); }
.stream-panel:hover > img, .stream-panel:hover .stream-image { transform: scale(1.15); }
.commerce-collage:has(.stream-panel:hover) .stream-panel:not(:hover) { filter: blur(3px); }
.stream-fashion { width: 58%; height: 380px; top: 65px; left: 9%; --angle: -8deg; }
.stream-food { width: 40%; height: 265px; top: 130px; right: -3%; --angle: 9deg; }
.stream-coffee { width: 46%; height: 230px; bottom: 10px; right: 5%; --angle: -4deg; }
.product-crop { background: url('../resources/unbranded-products.png') 0 0 / 200% 200%; }
.stream-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 15px 18px; background: linear-gradient(transparent,#1d0b2be8); text-align: left; }
.stream-caption b { display: block; font-size: 13px; letter-spacing: 1px; }
.stream-caption small { display: block; font-size: 9px; color: #dbc6e8; margin-top: 5px; }
.graphic-ring { position: absolute; border: 1px solid #e0a5ff60; border-radius: 50%; pointer-events: none; }
.ring-one { inset: 5% -15% 5% 0; transform: rotate(-25deg); }
.ring-two { inset: 15% -5% -5% 10%; border-color: #ffb67a50; transform: rotate(20deg); }
.photo-explorer > #explorerImage { transform: translate(var(--px,0px),var(--py,0px)) scale(var(--zoom,1.045)); transform-origin: var(--focus-x,50%) var(--focus-y,50%); }
.photo-explorer > .blend-photo { position: absolute; inset: 0; opacity: var(--blend,.2); mix-blend-mode: screen; filter: blur(5px); transform: scale(1.1); pointer-events: none; z-index: 1; }
.photo-lab { display: flex; align-items: center; gap: 30px; margin: 25px 0; padding: 18px 22px; border: 1px solid #ffffff25; border-radius: 16px; background: #ffffff07; }
.photo-lab label { flex: 1; display: flex; align-items: center; gap: 15px; font-size: 13px; }
.photo-lab input { min-width: 0; width: 100%; accent-color: #e8b9ff; cursor: ew-resize; }
.photo-lab button { font-size: 12px; border-bottom: 1px solid #bc87da; }
.motion-paused .stream-panel { transform: rotate(var(--angle,0deg)); }
@media(max-width:760px) {
 .hero-inner { min-height: 1040px; padding-top: 40px; }
 .hero-copy { width: 100%; max-width: none; }
 .hero h1 { font-size: 34px; }
 .hero-question { font-size: 20px; }
 .hero-description { font-size: 15px; }
 .commerce-collage { top: 490px; width: 92%; height: 440px; right: 4%; }
 .stream-fashion { height: 275px; top: 45px; }
 .stream-food { height: 195px; top: 90px; }
 .stream-coffee { height: 165px; bottom: 0; }
 .hero-photo-controls { bottom: 25px; }
 .photo-lab { gap: 15px; flex-wrap: wrap; padding: 15px; }
 .photo-lab label { flex-basis: 100%; }
 .commerce-collage:has(.stream-panel:hover) .stream-panel:not(:hover) { filter: none; }
}

/* Modern homepage typography and independent 3D art direction. */
body *, html[lang='zh-CN'] body * {font-family:'Manrope','Prompt',sans-serif !important;}
.hero h1 {font-weight:600;letter-spacing:-.045em;}
.hero-description {font-weight:300;line-height:1.9;}
.independent-stage {aspect-ratio:1.7;overflow:visible;perspective:1400px;background:radial-gradient(ellipse,#75499b60,transparent 68%);box-shadow:none;transform-style:preserve-3d;}
.independent-stage::after {display:none;}
.independent-product {position:absolute;width:31%;height:65%;border-radius:24px;overflow:hidden;padding:0;border:1px solid #f7d6ff80;box-shadow:0 35px 70px #07001066;transform-style:preserve-3d;transform:translateY(calc(var(--scroll-depth,0)*var(--travel,80px))) rotate(var(--angle,0deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .4s;animation:independentFloat 6s ease-in-out infinite alternate;animation-delay:var(--delay,0s);}
.quad-photo {position:absolute;inset:0;background-image:url('../resources/unbranded-products.png');background-size:200% 200%;transition:scale .7s; }
.quad-name {position:absolute;bottom:0;left:0;right:0;padding:35px 18px 18px;background:linear-gradient(transparent,#160a26c9);font-size:13px;letter-spacing:2px;text-align:left;}
.quad-0 {left:1%;top:10%;--angle:-12deg;--travel:-110px;--delay:-1s;}
.quad-1 {left:25%;top:0;--angle:8deg;--travel:90px;--delay:-3s;}
.quad-2 {left:48%;top:27%;--angle:-6deg;--travel:-75px;--delay:-2s;}
.quad-3 {left:70%;top:5%;--angle:12deg;--travel:130px;--delay:-4s;}
.quad-0 .quad-photo{background-position:0 0;}
.quad-1 .quad-photo{background-position:100% 0;}
.quad-2 .quad-photo{background-position:0 100%;}
.quad-3 .quad-photo{background-position:100% 100%;}
.independent-product:hover {z-index:10;box-shadow:0 45px 90px #c26aff55;}
.independent-product:hover .quad-photo {scale:1.14;}
@keyframes independentFloat {from{translate:0 -12px;}to{translate:0 20px;}}
.depth-section {perspective:1600px;}
.depth-section .section-heading {transform:translateY(35px);opacity:.2;transition:transform 1s,opacity 1s;}
.depth-section.in-view .section-heading {transform:translateY(0);opacity:1;}
.product-grid {perspective:1400px;}
.product-card {transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(calc(var(--scroll-depth,0)*-40px)) !important;transition:transform .45s !important;}
.product-card:nth-child(even) {translate:0 calc(var(--scroll-depth,0)*70px);}
main img:not([alt*='Wanda']):not([src*='badge']) {animation:photoBreath 9s ease-in-out infinite alternate;}
main img:nth-child(even) {animation-delay:-4s;}
@keyframes photoBreath {from{scale:1;}to{scale:1.06;}}
.stream-panel {animation:independentFloat 7s ease-in-out infinite alternate;transform:translate(var(--cx,0px),var(--cy,0px)) rotate(var(--angle,0deg)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));}
.stream-food {animation-delay:-3s;}
.stream-coffee {animation-delay:-5s;}
.story-image {transform:rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg)) translateY(calc(var(--scroll-depth,0)*-65px));transition:transform .7s;}
.event-card {transform:translateY(calc(var(--scroll-depth,0)*-30px));transition:transform .6s;}
.event-card:nth-child(even) {translate:0 calc(var(--scroll-depth,0)*65px);}
.graphic-ring {animation:ringTurn 24s linear infinite;}
@keyframes ringTurn {to{rotate:360deg;}}
.motion-paused main *, .motion-paused main *::before {animation-play-state:paused!important;}
.motion-paused .independent-product,.motion-paused .product-card,.motion-paused .story-image {transform:none!important;translate:none!important;}
@media(max-width:760px){
 .independent-stage {aspect-ratio:.85;overflow:hidden;}
 .independent-product {width:46%;height:43%;}
 .quad-0{left:2%;top:4%;--travel:-25px;}
 .quad-1{left:51%;top:2%;--travel:35px;}
 .quad-2{left:3%;top:53%;--travel:-20px;}
 .quad-3{left:51%;top:51%;--travel:30px;}
 .quad-name{font-size:10px;padding:25px 10px 12px;}
 .product-card:nth-child(even),.event-card:nth-child(even){translate:none;}
}
@media(prefers-reduced-motion:reduce){.depth-section *{animation:none!important;transition:none!important;transform:none!important;translate:none!important;}}

.abstract-backdrop{background:radial-gradient(ellipse at 70% 40%,#dc86ff55,transparent 60%);opacity:1;filter:none;}
.graphic-store{background:linear-gradient(140deg,#734ab0,#251234);overflow:hidden;}
.graphic-store-1{background:linear-gradient(140deg,#cf7851,#38213d);}
.graphic-store-2{background:linear-gradient(140deg,#4f9695,#25244a);}
.graphic-store-3{background:linear-gradient(140deg,#b08a61,#3e2354);}
.store-glyph{position:absolute;top:35%;left:8%;font-size:42px;font-weight:700;letter-spacing:-2px;transform:rotate(-15deg);text-shadow:8px 10px #ffffff18;}
.store-orbit{position:absolute;inset:12%;border:20px solid #ffffff20;border-radius:50%;animation:orbit3d 14s linear infinite;}
@keyframes orbit3d{to{transform:rotateX(180deg) rotateY(360deg);}}
.event-card{background:radial-gradient(ellipse at top right,#a165c2,#29183d);perspective:1000px;}
.event-card:nth-child(2n){background:radial-gradient(ellipse at top right,#a28465,#3b254e);}
.event-card:nth-child(3n){background:radial-gradient(ellipse at top right,#579f9b,#232044);}
.event-graphic{position:absolute;right:10%;top:10%;font-size:135px;color:#ffffff38;animation:orbit3d 18s linear infinite;}
.seller-device{min-height:390px;background:linear-gradient(135deg,#a463d7,#462e75);border-radius:35px;border:8px solid #dbc3ee;transform:rotateY(-18deg) rotateZ(8deg);box-shadow:35px 35px #120a242b;display:grid;place-items:center;animation:independentFloat 7s infinite alternate;}
.seller-device span{font-size:45px;line-height:1.1;letter-spacing:-2px;color:#f6e8ff;font-weight:700;}
.seller-device b{position:absolute;right:22px;top:20px;font-size:60px;color:#ffd985;animation:orbit3d 15s infinite linear;}
.dialog-motion-art{height:100%;min-height:200px;display:grid;place-items:center;font-size:160px;background:linear-gradient(135deg,#b36ce2,#33204b);color:#ffdcb2;animation:photoBreath 8s infinite alternate;}

.wall-tile{background:linear-gradient(135deg,#7b4aa9,#29133e)}.wall-tile:nth-child(3n){background:linear-gradient(135deg,#986052,#3a264d)}.wall-graphic{position:absolute;inset:0;display:grid;place-items:center;font-size:55px;color:#e9cfff35;animation:independentFloat 6s infinite alternate;}

.hero-graphic-object{display:grid;place-items:center;height:100%;font-size:150px;background:linear-gradient(135deg,#ce8bdc,#784395);color:#ffe1a9;animation:orbit3d 15s linear infinite}.about-3d-art{height:500px;display:grid;place-items:center;background:radial-gradient(ellipse,#a461c9,#34204d);position:relative;perspective:1000px}.about-3d-art span{font-size:240px;font-weight:800;color:#f0cfff;text-shadow:12px 15px #73459c;animation:orbit3d 20s infinite linear}.about-3d-art i,.about-3d-art b{position:absolute;padding:15px 25px;background:#ffffff25;backdrop-filter:blur(10px);border-radius:20px;animation:independentFloat 6s infinite alternate}.about-3d-art i{top:15%;left:5%}.about-3d-art b{bottom:15%;right:5%;animation-delay:-3s}


/* Visible search submission on desktop and mobile. */
.product-search { width: min(100%, 460px); }
.product-search input { min-width: 0; flex: 1; }
.product-search .search-submit {
  flex: 0 0 auto;
  width: auto;
  min-height: 44px;
  padding: 9px 15px;
  border-radius: 10px;
  background: #7933B8;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.product-search .search-submit:hover { background: #5e2396; }
.product-search .search-submit:focus-visible { outline: 3px solid #bf88ed; outline-offset: 3px; }
@media(max-width: 760px) {
  .product-search { width: 100%; gap: 8px; }
  .product-search .search-submit { padding-inline: 12px; }
}

/* Full rounded silhouette, photographic depth and bright social artwork. */
.seller-section {
  overflow: visible;
  padding-block: 75px;
}
.seller-grid {
  align-items: center;
  gap: 55px;
}
.seller-photo {
  overflow: visible;
  min-height: 550px;
  padding: 65px 35px;
  perspective: 1400px;
}
.seller-device {
  min-height: 390px;
  border-radius: 32px;
  transform: rotateY(-10deg) rotateZ(5deg);
  box-shadow: 0 38px 65px #09001599, 0 12px 24px #09001566, 0 0 45px #bd71ff26;
}
.seller-photo > span {
  bottom: 42px;
  left: 48px;
  z-index: 5;
}
.seller-photo .seller-floating-photo {
  position: absolute;
  width: 125px;
  height: 145px;
  object-fit: cover;
  border: 8px solid #dbc3ee;
  border-radius: 24px;
  box-shadow: 0 28px 45px #090015aa, 0 10px 20px #09001577, 0 0 24px #bd71ff26;
  z-index: 4;
}
.seller-floating-photo.photo-bag {
  top: 22px;
  right: 4px;
  rotate: 10deg;
  animation: independentFloat 7s ease-in-out infinite alternate;
}
.seller-floating-photo.photo-ceramic {
  bottom: 16px;
  left: 0;
  rotate: -9deg;
  animation: independentFloat 8s ease-in-out infinite alternate-reverse;
}
.stream-panel, .independent-product {
  box-shadow: 0 32px 65px #0c011c88, 0 12px 25px #16052866;
}
.event-card, .product-card, .story-image {
  box-shadow: 0 22px 45px #0b021b55;
}
.social-icon {
  background: #342047 !important;
  border: 1px solid #b881e5 !important;
  box-shadow: 0 4px 14px #b86cff22 !important;
}
.social-icon img {
  filter: brightness(0) saturate(100%) invert(92%) sepia(14%) saturate(901%) hue-rotate(209deg) brightness(105%) contrast(103%) !important;
}
.social-icon:hover, .social-icon:focus-visible {
  background: #583273 !important;
  border-color: #efceff !important;
  box-shadow: 0 0 20px #c27dff55 !important;
}
@media(max-width:760px) {
  .seller-section { padding-block: 45px; }
  .seller-grid { gap: 20px; }
  .seller-photo { min-height: 430px; padding: 55px 22px; }
  .seller-device { min-height: 300px; transform: rotateY(-6deg) rotateZ(3deg); }
  .seller-photo .seller-floating-photo { width: 85px; height: 100px; }
  .seller-photo > span { left: 35px; bottom: 36px; font-size: 12px; }
}

/* Flat Wanda two-tone social icons. */
.social-icon {
  background: #342047 !important;
  border: 1px solid #D4B2F0 !important;
  box-shadow: none !important;
}
.social-icon:hover,
.social-icon:focus-visible {
  background: #583273 !important;
  border-color: #B277E2 !important;
}
.social-icon img {
  filter: brightness(0) saturate(100%) invert(92%) sepia(14%) saturate(901%) hue-rotate(209deg) brightness(105%) contrast(103%) !important;
}

/* Product information: readable, padded and aligned inside each card. */
.product-card {
  background: #fff;
  color: #352044;
  border-radius: 22px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.product-card .product-photo {
  flex: 0 0 auto;
  border-radius: 22px 22px 0 0;
}
.product-card .product-details {
  padding: 22px 24px 24px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.product-card .product-category {
  margin: 0;
  color: #81628d;
  font-size: 13px;
  line-height: 1.5;
}
.product-card .product-details h3 {
  margin: 0 0 10px;
  color: #352044;
  font-size: 19px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  min-height: 3.3em;
}
.product-card .product-details-bottom {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.product-card .product-price {
  color: #7933b8;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.product-card .product-price small {
  display: block;
  color: #81628d;
  font-size: 12px;
  font-weight: 400;
  margin-top: 6px;
}
.product-card .add-product {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #7933b8;
  color: #fff;
}
@media(max-width:760px) {
  .product-card .product-details { padding: 16px 14px 18px; gap: 8px; }
  .product-card .product-details h3 { font-size: 16px; }
  .product-card .product-price { font-size: 23px; }
}

/* Photographic layers remain visible; motion belongs to independent surfaces. */
.event-card{min-height:470px;isolation:isolate;overflow:hidden;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));}
.event-photo,.shop-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:sceneDrift 12s ease-in-out infinite alternate!important;}
.event-card::after,.graphic-store::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#160b29 0%,#160b29c0 30%,transparent 78%);z-index:1;pointer-events:none;}
.event-copy,.event-number,.store-caption,.store-tag,.store-open{position:relative;z-index:3;}
.event-copy{margin-top:auto;}
.event-number{align-self:flex-start;background:#20123090;padding:7px 12px;border-radius:20px;}
.event-graphic{z-index:2;top:18%;font-size:70px;color:#ffffff80;text-shadow:0 0 25px #edb1ff;}
.store-glyph{display:none;}
.store-orbit{z-index:2;inset:10%;border-width:1px;}
.quad-photo{display:block;width:100%;height:100%;object-fit:cover;background:none!important;inset:0;}
.about-3d-art{overflow:hidden;}
.about-3d-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.about-3d-art i,.about-3d-art b{z-index:2;}
.seller-device{position:relative;overflow:hidden;}
.seller-device>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.seller-device>span,.seller-device>b{position:relative;z-index:2;background:#26123d90;padding:15px;border-radius:18px;}
.light-canopy{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:1000px;opacity:.65;}
.light-orbit{position:absolute;width:140vw;height:65vh;left:-20vw;top:-35vh;border:2px dotted #ffd88d;border-radius:50%;box-shadow:0 0 65px #c57eff38,inset 0 0 60px #d77eff20;transform:rotateX(60deg);animation:canopyTurn 55s linear infinite;}
.orbit-b{top:25vh;left:20vw;width:100vw;height:100vh;border-color:#cb83ff;animation-duration:80s;animation-direction:reverse;}
.orbit-c{left:-50vw;top:60vh;border-color:#ffb475;animation-duration:65s;}
.site-header,main,.site-footer{position:relative;}
.site-header{position:sticky;}
.hero,.events-section,.night-story{background-color:#261438e8;}
.hero .photo-glints{z-index:1;}
@keyframes sceneDrift{from{transform:scale(1.02) translateX(-1%);}to{transform:scale(1.13) translateX(2%);}}
@keyframes canopyTurn{from{transform:rotateX(60deg) rotateZ(0deg) translateX(var(--light-x,0px));}to{transform:rotateX(60deg) rotateZ(360deg) translateX(var(--light-x,0px));}}
.motion-paused *{animation-play-state:paused!important;}
@media(max-width:760px){.event-card{min-height:370px;}.event-copy small{font-size:13px;}.event-number{font-size:9px;}.light-canopy{opacity:.35;}}
@media(prefers-reduced-motion:reduce){.light-canopy{display:none;}.event-photo,.shop-photo{animation:none!important;}}