/* SEED³X Molecular Luxury — homepage implementation layer
   Native CSS only; layered after the existing shared stylesheet. */
:root {
  color-scheme: light;
  --bg: #f7f6fa;
  --panel: #fff;
  --panel-border: rgba(55, 47, 72, .13);
  --silver: #282431;
  --muted: #686372;
  --violet: #7951c8;
  --violet-soft: #6540ac;
  --seedx-paper: #fbfaff;
  --seedx-ink: #211e2b;
  --seedx-silver: #d9d9e2;
  --seedx-lilac: #eee8fa;
  --seedx-chrome: #b9bac7;
}
html { background: var(--seedx-paper); }
body {
  color: var(--seedx-ink);
  background:
    radial-gradient(ellipse at 77% 10%, rgba(215, 197, 247, .48), transparent 36rem),
    linear-gradient(180deg, #fcfbff 0%, #f2f0f6 55%, #fbfaff 100%);
}
.site-header {
  padding-block: 14px;
  background: rgba(252, 251, 255, .88);
  border-bottom-color: rgba(55, 47, 72, .12);
  box-shadow: 0 8px 28px rgba(39, 30, 59, .045);
}
.wordmark img { width: 35px; height: 38px; object-fit: contain; }
.wordmark span {
  background: linear-gradient(110deg, #282431 0%, #8d8999 36%, #383341 56%, #7651bd 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.primary-navigation a { color: #514b5d; }
.primary-navigation a:hover { color: #211b2d; }
.primary-navigation .nav-cta {
  color: #fff; border-color: transparent;
  background: linear-gradient(120deg, #9673df, #6f48bb);
  box-shadow: 0 8px 20px rgba(111, 72, 187, .2);
}
.menu-toggle { color: var(--seedx-ink); background: #fff; border-color: #ddd8e7; }
.hero {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  grid-template-areas: "copy stage";
  align-items: center;
  gap: clamp(28px, 5vw, 76px);
  min-height: 650px;
  padding: clamp(56px, 7vw, 100px) clamp(22px, 7vw, 100px) 90px;
  text-align: left;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 76% 44%, rgba(255,255,255,.98), rgba(247,244,252,.74) 40%, transparent 72%);
}
.hero-copy-panel { grid-area: copy; position: relative; z-index: 2; max-width: 590px; }
.hero-stage {
  grid-area: stage; position: relative; display: grid; place-items: center;
  min-height: clamp(340px, 42vw, 520px); isolation: isolate;
  perspective: 1000px;
}
.hero-stage::before {
  content: ""; position: absolute; z-index: -2; width: 78%; aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(205,184,242,.62), rgba(239,233,250,.3) 48%, transparent 72%);
  filter: blur(10px);
}
.hero-stage::after {
  content: ""; position: absolute; z-index: -1; width: 72%; height: 17%;
  bottom: 13%; border-radius: 50%;
  background: radial-gradient(ellipse, rgba(93,67,139,.22), transparent 70%);
  filter: blur(12px);
}
.hero-stage .hero-brand-logo {
  position: relative; z-index: 2; width: min(82%, 410px); margin: 0;
  transform: translateY(-5%) rotateY(-9deg) rotateX(3deg);
  filter: drop-shadow(0 24px 22px rgba(70,48,103,.15)) drop-shadow(0 0 24px rgba(148,104,219,.19));
}
.hero-stage .hero-brand-logo img { display: block; width: 100%; height: auto; }
.hero-stage-orbit {
  position: absolute; z-index: -1; left: 50%; top: 46%;
  width: 78%; aspect-ratio: 1; border: 1px solid rgba(132,104,179,.28);
  border-radius: 26%; transform: translate(-50%,-50%) rotate(30deg);
  box-shadow: inset 0 0 35px rgba(255,255,255,.8), 0 0 38px rgba(149,115,207,.1);
}
.hero-stage-orbit::before, .hero-stage-orbit::after {
  content: ""; position: absolute; inset: 7%; border: 1px solid rgba(255,255,255,.9);
  border-radius: inherit; box-shadow: 0 0 16px rgba(121,81,200,.13);
}
.hero-stage-orbit::after { inset: 14%; border-color: rgba(121,81,200,.2); }
.hero-stage-base {
  position: absolute; bottom: 12%; left: 50%; width: 78%; height: 12%;
  transform: translateX(-50%) rotateX(58deg); border-radius: 50%;
  border: 1px solid rgba(151,143,170,.7);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(198,194,210,.62) 48%, rgba(255,255,255,.95));
  box-shadow: 0 15px 28px rgba(55,40,83,.12), inset 0 2px 4px #fff;
}
.hero .eyebrow { color: #6a5389; margin-top: 0; }
.hero .eyebrow-line { background: linear-gradient(90deg, #b9a0e5, #7951c8); }
.hero h1 { margin: 22px 0 0; font-size: clamp(4rem, 8.5vw, 7.6rem); letter-spacing: -.065em; }
.hero-tagline { color: #68547f; letter-spacing: .24em; }
.accent-rule { margin: 24px 0 18px; }
.hero-copy { color: #5e5968; max-width: 430px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.hero-link {
  margin: 0; padding: 13px 18px; border-radius: 999px; color: #fff;
  background: linear-gradient(125deg, #9c7be0, #7148bd);
  box-shadow: 0 9px 24px rgba(112,72,189,.2);
}
.hero-link-secondary {
  color: #4b405c; background: rgba(255,255,255,.82);
  border: 1px solid #ded6eb; box-shadow: none;
}
.pill { color: #70558f; background: rgba(255,255,255,.68); border-color: #d9cce9; }
.hero-index { color: #7a7387; }
.section-intro, .collection-section, .live-catalog-section, .shop-preview-section, .principles-section {
  color: var(--seedx-ink);
}
.section-intro, .live-catalog-section, .principles-section { background: rgba(255,255,255,.68); }
.collection-section, .shop-preview-section {
  background: linear-gradient(180deg, rgba(239,234,248,.75), rgba(251,250,253,.96));
  border-color: #e2dce9;
}
.section-kicker { color: #75549e; }
.section-heading h2, .principles-layout h2, .project-content h2 { color: #24202e; }
.section-heading h2 span, .principles-layout h2 span, .project-content h2 span { color: #7651bb; }
.section-heading > p { color: #65606e; }
.brand-signature {
  border-color: #ded9e7;
  background: radial-gradient(ellipse at 50% 35%, rgba(207,190,236,.58), transparent 64%), linear-gradient(135deg,#fff,#f1eef6);
  box-shadow: 0 16px 44px rgba(38,28,55,.055);
}
.brand-values { gap: 16px; }
.value-card, .product-card {
  border-color: #e1dce8;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,243,250,.98));
  box-shadow: 0 12px 32px rgba(43,33,59,.055);
}
.value-card h3, .product-card h3, .shop-card h3, .principles-list h3 { color: #282430; }
.value-card p, .product-card > p, .principles-list p { color: #6b6673; }
.concept-label { color: #705493; }
.product-card { border-radius: 18px; padding: 14px 14px 23px; }
.product-card:hover { border-color: #b9a2dc; box-shadow: 0 18px 38px rgba(74,49,112,.11); }
.product-art {
  background: radial-gradient(circle at 50% 42%, rgba(205,185,237,.8), transparent 48%), linear-gradient(135deg,#f7f5fb,#dcd8e6 72%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95);
}
.product-art::before { border-color: rgba(96,72,130,.25); }
.product-art::after { border-color: rgba(118,82,184,.52); }
.art-two { background: radial-gradient(circle at 50% 45%, rgba(173,166,193,.55), transparent 48%), linear-gradient(135deg,#f5f3f8,#dcd9e4 72%); }
.art-three { background: radial-gradient(circle at 50% 45%, rgba(189,164,228,.6), transparent 48%), linear-gradient(135deg,#f5f1fb,#ddd5ea 72%); }
.art-orbit { border-color: rgba(64,53,82,.5); box-shadow: 0 0 28px rgba(118,82,184,.15); }
.art-glyph { color: #3a304a; text-shadow: 0 0 24px rgba(118,82,184,.23); }
.art-caption, .product-meta { color: #746b80; }
.product-meta span:last-child { color: #7552b3; }
.text-link { color: #67469e; }
.home-shop-section { padding: clamp(64px,9vw,120px) max(22px,calc((100% - 1180px)/2)); background: linear-gradient(180deg,#fbfaff,#f0edf5); }
.home-category-card {
  position: relative; min-width: 0; overflow: hidden; display: flex; flex-direction: column;
  padding: clamp(20px,3vw,34px); border: 1px solid #ded9e8; border-radius: 20px;
  background: linear-gradient(145deg,rgba(255,255,255,.99),rgba(239,235,247,.94));
  box-shadow: 0 16px 34px rgba(48,37,68,.065), inset 0 1px 0 #fff;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.home-category-card::before {
  content: ""; position: absolute; width: 210px; height: 210px; right: -72px; top: -72px;
  border: 1px solid rgba(123,87,183,.17); border-radius: 28%; transform: rotate(30deg);
  box-shadow: 0 0 0 15px rgba(255,255,255,.22), 0 0 0 31px rgba(123,87,183,.035);
}
.home-category-card:hover { transform: translateY(-4px); border-color: #bca6dd; box-shadow: 0 22px 42px rgba(65,45,99,.11); }
.home-category-index { color: #78698c; font-size: .62rem; letter-spacing: .15em; }
.home-category-symbol {
  position: relative; display: grid; place-items: center; align-self: flex-start;
  width: 104px; height: 104px; margin: 25px 0 24px; border-radius: 28%;
  border: 1px solid rgba(128,105,163,.45);
  background: linear-gradient(145deg, #fff 5%, #d7d4e1 38%, #fff 53%, #c8b5eb 78%, #fdfcff);
  color: #373044; font-size: 3rem; font-weight: 300;
  box-shadow: inset 0 2px 4px #fff, 0 16px 28px rgba(54,39,81,.12), 0 0 25px rgba(151,117,214,.12);
  transform: rotate(-4deg);
}
.home-category-symbol span { position: absolute; top: 10px; right: 12px; font-size: .72rem; color: #7951c8; }
.home-category-name { position: relative; color: #282430; font-size: clamp(1rem,1.6vw,1.25rem); font-weight: 650; }
.home-category-count { margin-top: 9px; color: #756e81; font-size: .78rem; }
.home-category-link { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 25px; padding-top: 15px; border-top: 1px solid #e1dbe9; color: #6945a6; font-size: .78rem; }
.home-shop-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; padding: 24px 26px; border: 1px solid #ded9e8; border-radius: 16px; background: rgba(255,255,255,.82); }
.home-shop-footer p { margin: 0; color: #65606e; line-height: 1.7; }
.home-shop-footer strong { color: #292532; }
.home-shop-button { flex: 0 0 auto; padding: 13px 18px; border-radius: 999px; color: #fff; background: linear-gradient(125deg,#9673df,#6f48bb); box-shadow: 0 8px 20px rgba(111,72,187,.2); }
.commerce-note { margin-top: 18px; color: #61596d; background: rgba(255,255,255,.6); border-color: #e1dbe9; }
.project-panel {
  border-color: #ded7ea; border-radius: 22px;
  background: linear-gradient(120deg,rgba(255,255,255,.97),rgba(239,234,248,.96) 58%);
  box-shadow: 0 18px 45px rgba(43,32,63,.07);
}
.project-content > p { color: #65606e; }
.project-stamp { border-color: rgba(121,81,200,.4); color: #746b80; background: rgba(255,255,255,.4); }
.project-stamp strong { color: #7651bb; }
.site-footer { color: #777181; border-top-color: #e1dbe9; }
.footer-mark, .back-top { color: #6945a6; }
.catalog-toolbar, .shop-toolbar { border-color: #ded9e7; background: rgba(255,255,255,.86); }
.catalog-search { color: #292532; background: #fff; border-color: #d9d3e2; }
.catalog-search::placeholder { color: #888291; }
.catalog-filter, .filter-chip { color: #5c5667; background: #fff; border-color: #d9d3e2; }
.catalog-filter.is-active, .filter-chip.is-active { color: #fff; background: #7552b3; border-color: #7552b3; }
.catalog-result-count, .shop-count { color: #6b6476; }
.catalog-item, .shop-card { background: linear-gradient(145deg,#fff,#f6f3fa); border-color: #e0dbe8; box-shadow: 0 8px 24px rgba(38,28,55,.045); }
.catalog-item h3 { color: #292532; }
.catalog-item-type { color: #6945a6; border-color: #d8c9ec; background: #f8f4ff; }
.catalog-source { color: #777181; }
:focus-visible { outline-color: #7651bb; }
@media (max-width: 900px) {
  .hero { gap: 22px; padding-inline: 28px; }
  .hero-stage { min-height: 360px; }
  .section-intro, .collection-section, .principles-section { padding-inline: 28px; }
}
@media (max-width: 760px) {
  .hero { grid-template-columns: 1fr; grid-template-areas: "stage" "copy"; gap: 4px; min-height: 0; padding: 34px 22px 72px; }
  .hero-stage { min-height: clamp(250px,70vw,390px); grid-row: 1; }
  .hero-stage .hero-brand-logo { width: min(68%,300px); }
  .hero-copy-panel { grid-row: 2; max-width: 620px; margin: 0 auto; text-align: center; }
  .hero .eyebrow { justify-content: center; }
  .hero h1 { font-size: clamp(3.8rem,17vw,6rem); }
  .hero-actions { justify-content: center; }
  .hero-copy { margin-inline: auto; }
  .hero-index { bottom: 20px; }
  .section-heading { grid-template-columns: 1fr; gap: 18px; }
  .brand-values, .product-grid, .home-category-grid { grid-template-columns: 1fr; }
  .home-category-card { min-height: 240px; }
  .home-category-symbol { width: 82px; height: 82px; margin: 19px 0; font-size: 2.5rem; }
  .home-shop-footer { align-items: flex-start; flex-direction: column; }
  .principles-layout { grid-template-columns: 1fr; gap: 28px; }
  .project-panel { flex-wrap: wrap; margin-bottom: 50px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .primary-navigation { gap: 14px; }
  .primary-navigation a { font-size: .72rem; }
  .home-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .site-header { padding: 12px 18px; }
  .wordmark img { width: 29px; height: 32px; }
  .hero-stage { min-height: 250px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-link { justify-content: center; }
  .section-intro, .collection-section, .principles-section { padding: 66px 20px; }
  .home-shop-section { padding: 66px 20px; }
  .section-topline { align-items: flex-start; flex-direction: column; gap: 9px; }
  .site-footer { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .home-category-card:hover, .product-card:hover { transform: none; }
}