/*
 * V177 — Eternal Life Ultimate Collection Flagship
 * 全站骨灰罐私人鑑賞視覺：暖白、香檳金、精緻留白、實品型錄與旗艦轉換體驗。
 */

:root {
  --lux-paper: #f7f2ea;
  --lux-ivory: #fffdf9;
  --lux-white: #ffffff;
  --lux-ink: #28241f;
  --lux-copy: #61584f;
  --lux-muted: #8b8075;
  --lux-gold: #a27a49;
  --lux-gold-deep: #795a36;
  --lux-gold-soft: #dfc6a3;
  --lux-gold-pale: #f0e4d2;
  --lux-line: rgba(121, 90, 54, .17);
  --lux-shadow: 0 24px 72px rgba(61, 44, 25, .11);
  --lux-shadow-soft: 0 12px 36px rgba(61, 44, 25, .075);
  --lux-serif: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --lux-latin: "Cormorant Garamond", Georgia, serif;
}

body {
  background: var(--lux-paper);
}

::selection {
  color: #fff;
  background: var(--lux-gold);
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ───────────────────────────────────────────────
   首頁加分：主視覺精品標記與六款經典系列
   ─────────────────────────────────────────────── */

.hero-showcase-label {
  width: fit-content;
  margin: -8px 0 26px;
  padding: 8px 14px;
  border: 1px solid rgba(162, 122, 73, .25);
  border-radius: 999px;
  color: var(--lux-gold-deep);
  background: rgba(255, 255, 255, .78);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(96, 70, 40, .06);
  backdrop-filter: blur(12px);
}

.signature-collection {
  position: relative;
  overflow: hidden;
  padding: 132px 0 126px;
  background:
    radial-gradient(circle at 12% 6%, rgba(223, 198, 163, .3), transparent 26%),
    linear-gradient(180deg, #fffdf9 0%, #f5eee4 100%);
}

.signature-collection::before {
  content: "COLLECTION";
  position: absolute;
  right: -28px;
  top: 34px;
  color: rgba(121, 90, 54, .045);
  font: 600 clamp(84px, 13vw, 190px)/1 var(--lux-latin);
  letter-spacing: .04em;
  pointer-events: none;
}

.signature-collection__head {
  position: relative;
  z-index: 1;
  margin-bottom: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr);
  align-items: end;
  gap: 70px;
}

.signature-collection__head h2 {
  max-width: 700px;
  font-size: clamp(36px, 4.5vw, 60px);
  line-height: 1.42;
}

.signature-collection__intro {
  padding: 0 0 8px 28px;
  border-left: 1px solid var(--lux-gold-soft);
  color: var(--lux-copy);
}

.signature-collection__intro strong {
  display: block;
  margin-bottom: 8px;
  color: var(--lux-gold-deep);
  font: 600 17px/1.5 var(--lux-serif);
  letter-spacing: .1em;
}

.signature-collection__intro p {
  color: var(--lux-copy);
  font-size: 14px;
  line-height: 1.85;
}

.signature-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.signature-item {
  position: relative;
  min-height: 440px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--lux-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, .82);
  box-shadow: var(--lux-shadow-soft);
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.signature-item:hover {
  z-index: 2;
  transform: translateY(-7px);
  border-color: rgba(162, 122, 73, .36);
  box-shadow: var(--lux-shadow);
}

.signature-item__visual {
  position: relative;
  height: auto;
  aspect-ratio: 1492 / 1581;
  overflow: hidden;
  border-bottom: 1px solid var(--lux-line);
  background-color: #f7f0e6;
  background-image:
    url("../images/eternal/urn-collection-cutout.webp"),
    radial-gradient(circle at 50% 43%, rgba(255, 255, 255, .82) 0 30%, rgba(236, 220, 197, .44) 64%, rgba(225, 205, 178, .30) 100%);
  background-repeat: no-repeat;
  background-size: 300% 200%, 100% 100%;
}

.signature-item__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 72%, rgba(255, 253, 249, .35));
  pointer-events: none;
}

.signature-item:nth-child(1) .signature-item__visual { background-position: 0 0; }
.signature-item:nth-child(2) .signature-item__visual { background-position: 50% 0; }
.signature-item:nth-child(3) .signature-item__visual { background-position: 100% 0; }
.signature-item:nth-child(4) .signature-item__visual { background-position: 0 100%; }
.signature-item:nth-child(5) .signature-item__visual { background-position: 50% 100%; }
.signature-item:nth-child(6) .signature-item__visual { background-position: 100% 100%; }

.signature-item__meta {
  padding: 26px 27px 28px;
}

.signature-item__meta > span {
  display: block;
  margin-bottom: 8px;
  color: var(--lux-gold);
  font: 600 10px/1.4 var(--lux-latin);
  letter-spacing: .24em;
}

.signature-item__meta h3 {
  font-size: 23px;
  line-height: 1.45;
}

.signature-item__meta p {
  margin-top: 8px;
  color: var(--lux-muted);
  font-size: 12px;
  line-height: 1.7;
}

.signature-collection__foot {
  position: relative;
  z-index: 1;
  margin-top: 34px;
  padding-top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-top: 1px solid var(--lux-line);
}

.signature-collection__foot p {
  max-width: 690px;
  color: var(--lux-muted);
  font-size: 12px;
  line-height: 1.8;
}

.signature-collection__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px;
}

/* 首頁既有內容再精緻化 */
.hero .hero-grid::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  width: min(47vw, 660px);
  aspect-ratio: 1;
  border: 1px solid rgba(162, 122, 73, .11);
  border-radius: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.hero .hero-grid::before {
  content: "01";
  position: absolute;
  right: 0;
  top: 62px;
  z-index: 2;
  color: rgba(121, 90, 54, .42);
  font: 600 12px/1 var(--lux-latin);
  letter-spacing: .25em;
}

.need-card,
.urn-price-card,
.plan-card,
.boutique-card,
.service-card {
  border-color: var(--lux-line);
  box-shadow: 0 16px 44px rgba(61, 44, 25, .06);
}

.showroom-photo button,
.jewelry-card,
.paper-art-gallery,
.visit-card,
.promise-contact {
  border-color: var(--lux-line);
  box-shadow: var(--lux-shadow-soft);
}

/* ───────────────────────────────────────────────
   舊版內容頁：統一成精品編輯型錄版式
   ─────────────────────────────────────────────── */

.topbar {
  position: relative;
  z-index: 102;
  min-height: 38px;
  padding: 8px 20px !important;
  color: var(--lux-copy) !important;
  border-bottom: 1px solid var(--lux-line);
  background: #f2eadf !important;
  font-size: 12px !important;
  letter-spacing: .13em !important;
}

.topbar a {
  color: var(--lux-gold-deep) !important;
  font-weight: 700 !important;
}

.nav {
  position: sticky;
  top: 0;
  z-index: 101;
  color: var(--lux-ink);
  border-bottom: 1px solid var(--lux-line);
  background: rgba(255, 253, 249, .94) !important;
  box-shadow: 0 8px 28px rgba(61, 44, 25, .045);
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.nav.scrolled {
  border-bottom-color: rgba(121, 90, 54, .2) !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 12px 34px rgba(61, 44, 25, .075) !important;
}

.nav-in {
  min-height: 78px;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.nav-brand {
  display: inline-flex;
  min-width: 132px;
  flex-direction: column;
  flex: 0 0 auto;
  color: var(--lux-ink);
  line-height: 1;
}

.nav-brand strong {
  font-family: var(--lux-serif);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .16em;
}

.nav-brand small {
  margin-top: 7px;
  color: var(--lux-gold);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .36em;
}

.nav-brand-wordmark {
  display: inline-flex !important;
  min-width: 132px;
  flex-direction: column;
  flex: 0 0 auto;
  line-height: 1 !important;
  text-shadow: none !important;
}

.nav-brand-wordmark > span {
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-shadow: none !important;
}

.nav-brand-wordmark > small {
  margin-top: 7px !important;
  color: var(--lux-gold) !important;
  font: 600 8px/1 var(--lux-latin) !important;
  letter-spacing: .36em !important;
  text-shadow: none !important;
}

.nav-links {
  margin-left: auto;
  gap: clamp(14px, 1.65vw, 24px) !important;
}

.nav-links a:not(.nav-cta):not(.nav-ph) {
  position: relative;
  padding: 10px 0;
  color: var(--lux-copy) !important;
  font-size: 13px;
  font-weight: 500;
}

.nav-links a:not(.nav-cta):not(.nav-ph)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 4px;
  height: 1px;
  background: var(--lux-gold);
  transition: right .25s ease;
}

.nav-links a.active::after,
.nav-links a:hover::after {
  right: 0 !important;
}

.nav-ph {
  color: var(--lux-gold-deep) !important;
  font-size: 13px;
  font-weight: 700 !important;
  letter-spacing: .04em;
}

.nav-cta,
.btn.btn-rose {
  color: #fff !important;
  border-color: var(--lux-gold) !important;
  background: linear-gradient(135deg, #b58a58, #8e673c) !important;
  box-shadow: 0 12px 28px rgba(121, 90, 54, .18) !important;
}

.nav-cta {
  padding: 11px 18px !important;
  border: 1px solid var(--lux-gold);
  border-radius: 999px;
  font-size: 12px;
}

.btn {
  min-height: 50px;
  padding: 13px 25px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  transition: transform .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease !important;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn.btn-line,
.btn.btn-outline {
  color: var(--lux-gold-deep) !important;
  border-color: rgba(162, 122, 73, .42) !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: none !important;
}

.btn.btn-line:hover,
.btn.btn-outline:hover {
  color: #fff !important;
  border-color: var(--lux-gold) !important;
  background: var(--lux-gold) !important;
}

.page-hero {
  position: relative !important;
  min-height: 610px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
  align-items: stretch !important;
  overflow: hidden;
  color: var(--lux-ink) !important;
  background:
    radial-gradient(circle at 11% 15%, rgba(223, 198, 163, .30), transparent 28%),
    linear-gradient(135deg, #fff 0%, #fbf7f1 60%, #f0e4d3 100%) !important;
  isolation: isolate;
}

.page-hero::before {
  content: "" !important;
  position: absolute !important;
  left: max(24px, calc((100vw - 1200px) / 2));
  bottom: 58px;
  width: 130px;
  height: 1px;
  background: linear-gradient(90deg, var(--lux-gold), transparent) !important;
  opacity: 1 !important;
  pointer-events: none;
}

.page-hero::after {
  content: "ETERNAL LIFE · PREMIUM SERVICE" !important;
  position: absolute !important;
  left: max(24px, calc((100vw - 1200px) / 2));
  bottom: 35px;
  color: var(--lux-gold) !important;
  background: none !important;
  font: 600 9px/1 var(--lux-latin);
  letter-spacing: .28em;
  opacity: .78 !important;
  pointer-events: none;
}

.page-hero-bg {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: calc(100% - 48px) !important;
  margin: 24px 28px 24px 0 !important;
  overflow: hidden;
  border: 1px solid rgba(162, 122, 73, .2);
  border-radius: 30px 3px 3px 30px;
  background: #e9dfd1;
  box-shadow: var(--lux-shadow);
}

.page-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(125deg, rgba(255, 253, 249, .16), transparent 44%, rgba(45, 35, 24, .08));
  pointer-events: none;
}

.page-hero-bg picture,
.page-hero-bg img {
  width: 100% !important;
  height: 100% !important;
}

.page-hero-bg img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.72) contrast(1.02) brightness(1.05);
  transform: scale(1.015);
  transition: transform 1.2s ease;
}

.page-hero:hover .page-hero-bg img {
  transform: scale(1.045);
}

.page-hero > .container {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 90px clamp(34px, 4vw, 70px) 105px max(24px, calc((100vw - 1200px) / 2)) !important;
  display: flex !important;
  align-items: center !important;
}

.page-hero .sec-hd {
  width: 100%;
  max-width: 590px;
  margin: 0 !important;
  text-align: left !important;
}

.page-hero .eyebrow {
  position: relative;
  margin: 0 0 25px !important;
  padding-left: 48px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  color: var(--lux-gold-deep) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .24em !important;
  text-shadow: none !important;
}

.page-hero .eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34px;
  height: 1px;
  background: var(--lux-gold);
}

.page-hero .sec-title {
  max-width: 590px;
  margin: 0 !important;
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
  font-size: clamp(39px, 3.75vw, 54px) !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  letter-spacing: .075em !important;
  text-shadow: none !important;
}

.page-hero .sec-sub {
  max-width: 560px !important;
  margin: 28px 0 0 !important;
  color: var(--lux-copy) !important;
  font-size: 16px !important;
  line-height: 2 !important;
  letter-spacing: .035em !important;
  text-shadow: none !important;
}

section.bg-white,
section.bg-cream,
.edu-bg,
.contract-bg,
.contact-bg,
.gallery-sec {
  position: relative;
  padding-top: 116px !important;
  padding-bottom: 116px !important;
}

section.bg-white {
  background: var(--lux-ivory) !important;
}

section.bg-cream,
.contact-bg {
  background:
    radial-gradient(circle at 90% 12%, rgba(223, 198, 163, .2), transparent 28%),
    linear-gradient(180deg, #f8f3ec 0%, #f2e9de 100%) !important;
}

.sec-hd {
  max-width: 820px;
  margin-bottom: 52px !important;
}

.sec-hd.center {
  margin-inline: auto !important;
  text-align: center;
}

.sec-hd .eyebrow,
section:not(.page-hero) > .container > .eyebrow,
.edu-bg .eyebrow,
.contract-bg .eyebrow {
  color: var(--lux-gold-deep) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
}

.sec-title,
.edu-title,
.ct-title,
.calc-title,
.form-title {
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
  font-weight: 600 !important;
  letter-spacing: .065em !important;
}

.sec-title {
  font-size: clamp(32px, 3.8vw, 50px) !important;
  line-height: 1.48 !important;
}

.sec-sub,
.edu-sub,
.ct-sub {
  color: var(--lux-copy) !important;
  line-height: 1.9 !important;
}

.sec-divider {
  color: var(--lux-gold) !important;
}

/* 商品型錄式卡片 */
.case-card,
.svc,
.rel,
.oz-card,
.moment-card,
.verify-card,
.blog-card,
.edu-card,
.ct-pt,
.ci,
.qf-step,
.day-tl-card,
.rc-content,
.case-story-card,
.form-box,
.calc-box,
.obituary-card,
.alert,
.gallery-in,
.contract-box,
.ct-manual {
  border: 1px solid var(--lux-line) !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #fff 0%, #fffdf9 100%) !important;
  box-shadow: var(--lux-shadow-soft) !important;
}

.case-card,
.svc,
.rel,
.oz-card,
.moment-card,
.verify-card,
.blog-card,
.edu-card,
.ci,
.qf-step,
.day-tl-card,
.case-story-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

.case-card:hover,
.svc:hover,
.rel:hover,
.oz-card:hover,
.moment-card:hover,
.verify-card:hover,
.blog-card:hover,
.edu-card:hover,
.ci:hover,
.case-story-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(162, 122, 73, .38) !important;
  box-shadow: var(--lux-shadow) !important;
}

.case-grid,
.svc-grid,
.rel-grid,
.oz-grid,
.moment-grid,
.verify-grid,
.blog-grid,
.edu-cards,
.contact-grid {
  gap: 20px !important;
}

.svc,
.rel,
.oz-card,
.verify-card,
.ci,
.case-card {
  padding: 31px !important;
}

.svc-num,
.oz-num,
.case-tag,
.rel-tag,
.verify-s,
.ci-lbl,
.qf-num,
.day-tl-badge {
  color: var(--lux-gold) !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
}

.svc-ico,
.oz-ico {
  display: none !important;
}

.svc::before,
.oz-card::before {
  content: "";
  display: block;
  width: 34px;
  height: 1px;
  margin-bottom: 22px;
  background: var(--lux-gold-soft);
}

.oz-top {
  align-items: flex-start !important;
}

.rel-ico {
  filter: grayscale(1) sepia(.28);
  opacity: .68;
}

.svc-t,
.rel-t,
.oz-title,
.verify-t,
.edu-card-t,
.ci-val,
.day-tl-t,
.calc-result-t {
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
  font-weight: 600 !important;
}

.svc-s,
.rel-s,
.oz-desc,
.oz-subtitle,
.oz-note,
.verify-disclaimer,
.edu-card-s,
.ci-list,
.day-tl-s,
.case-quote,
.case-story-meta {
  color: var(--lux-muted) !important;
}

.svc-arr,
.rel-more,
.oz-cta {
  color: var(--lux-gold-deep) !important;
  font-weight: 700 !important;
}

.nums-bg {
  color: var(--lux-ink) !important;
  border-block: 1px solid var(--lux-line);
  background: var(--lux-white) !important;
}

.num-item {
  border-color: var(--lux-line) !important;
}

.num-n {
  color: var(--lux-gold-deep) !important;
  font-family: var(--lux-latin) !important;
}

.num-l { color: var(--lux-ink) !important; }
.num-s { color: var(--lux-muted) !important; }

.quick-flow,
.day-timeline,
.rc-tabs,
.case-filters {
  gap: 14px !important;
}

.qf-arrow,
.rc-flow-arrow {
  color: var(--lux-gold) !important;
}

.rc-tab,
.case-filters button {
  border: 1px solid var(--lux-line) !important;
  border-radius: 999px !important;
  color: var(--lux-copy) !important;
  background: rgba(255, 255, 255, .72) !important;
}

.rc-tab.active,
.case-filters button.active {
  color: #fff !important;
  border-color: var(--lux-gold) !important;
  background: var(--lux-gold) !important;
}

.edu-bg {
  color: var(--lux-ink) !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(223, 198, 163, .24), transparent 30%),
    linear-gradient(145deg, #fffdf9 0%, #f0e5d7 100%) !important;
}

.edu-title em {
  color: var(--lux-gold-deep) !important;
}

.contract-bg {
  color: var(--lux-ink) !important;
  background: var(--lux-ivory) !important;
}

.contract-box {
  padding: clamp(34px, 5vw, 66px) !important;
}

.form-box,
.calc-box,
.obituary-card {
  padding: clamp(28px, 4vw, 52px) !important;
}

input,
select,
textarea {
  border-color: rgba(121, 90, 54, .22) !important;
  border-radius: 14px !important;
  color: var(--lux-ink) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--lux-gold) !important;
  outline: 3px solid rgba(162, 122, 73, .12) !important;
}

.moment-card,
.case-story-card {
  overflow: hidden;
}

.moment-card img,
.case-story-card img {
  transition: transform .6s ease, filter .4s ease;
}

.moment-card:hover img,
.case-story-card:hover img {
  transform: scale(1.035);
}

.moment-cap {
  color: var(--lux-ink) !important;
  background: rgba(255, 253, 249, .94) !important;
  backdrop-filter: blur(10px);
}

footer {
  position: relative;
  color: var(--lux-copy) !important;
  border-top: 1px solid var(--lux-line);
  background:
    radial-gradient(circle at 85% 0, rgba(223, 198, 163, .2), transparent 28%),
    linear-gradient(145deg, #fffdf9 0%, #f1e7da 100%) !important;
}

footer::before {
  content: "ETERNAL LIFE";
  position: absolute;
  right: 4vw;
  top: 18px;
  color: rgba(121, 90, 54, .055);
  font: 600 clamp(54px, 8vw, 120px)/1 var(--lux-latin);
  letter-spacing: .06em;
  pointer-events: none;
}

.f-brand-name,
.f-col-h {
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
}

.f-brand-name {
  font-size: 22px !important;
  letter-spacing: .08em !important;
}

.f-brand-sub,
.f-links a,
.f-bottom,
footer p {
  color: var(--lux-muted) !important;
}

.f-links a:hover,
footer a:hover {
  color: var(--lux-gold-deep) !important;
}

.f-bottom {
  border-color: var(--lux-line) !important;
}

/* 法務、申訴、404：簡潔高級資訊卡 */
.legal-page,
.error-page {
  min-height: 100vh;
  color: var(--lux-ink);
  background:
    radial-gradient(circle at 14% 10%, rgba(223, 198, 163, .35), transparent 29%),
    linear-gradient(145deg, #fff 0%, #f5ecdf 100%) !important;
}

.legal-page > main,
.error-page > main.card {
  position: relative;
  width: min(900px, calc(100% - 36px)) !important;
  max-width: 900px !important;
  margin: clamp(42px, 8vw, 110px) auto !important;
  padding: clamp(36px, 6vw, 78px) !important;
  border: 1px solid var(--lux-line);
  border-radius: 30px;
  background: rgba(255, 255, 255, .9);
  box-shadow: var(--lux-shadow);
}

.legal-page > main::before,
.error-page > main.card::before {
  content: "ETERNAL LIFE · OFFICIAL INFORMATION";
  display: block;
  margin-bottom: 22px;
  color: var(--lux-gold);
  font: 600 10px/1.4 var(--lux-latin);
  letter-spacing: .25em;
}

.legal-page h1,
.error-page h1 {
  color: var(--lux-ink);
  font-family: var(--lux-serif);
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.42;
}

.legal-page h2 {
  margin-top: 34px;
  padding-top: 28px;
  border-top: 1px solid var(--lux-line);
  color: var(--lux-gold-deep);
  font-family: var(--lux-serif);
}

.legal-page p,
.legal-page li,
.error-page p {
  color: var(--lux-copy);
  line-height: 1.9;
}

.legal-page a,
.error-page a {
  color: var(--lux-gold-deep);
  font-weight: 700;
}

/* 緊急頁維持清楚優先，但融入精品品牌 */
.urgent-page {
  color: var(--lux-ink) !important;
  background:
    radial-gradient(circle at 85% 8%, rgba(223, 198, 163, .28), transparent 26%),
    linear-gradient(145deg, #fff 0%, #f5ecdf 100%) !important;
}

.urgent-head h1,
.urgent-step h2 {
  color: var(--lux-ink) !important;
  font-family: var(--lux-serif) !important;
  letter-spacing: .055em !important;
}

.urgent-head .eyebrow,
.urgent-step-count,
.urgent-back,
.urgent-head a {
  color: var(--lux-gold-deep) !important;
}

.urgent-badge,
.urgent-card,
.urgent-assurance {
  border-color: var(--lux-line) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: var(--lux-shadow-soft) !important;
}

.urgent-card {
  padding: 0 !important;
}

.urgent-choice span {
  border-color: var(--lux-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.urgent-choice input:checked + span {
  border-color: var(--lux-gold) !important;
  background: #fbf4ea !important;
  box-shadow: 0 0 0 3px rgba(162, 122, 73, .1) !important;
}

.urgent-progress-line i,
.urgent-progress li.active b,
.urgent-call {
  background: var(--lux-gold) !important;
}

.urgent-contact-dock {
  border-color: var(--lux-line) !important;
  background: rgba(255, 253, 249, .96) !important;
  box-shadow: 0 -12px 38px rgba(61, 44, 25, .1) !important;
}

/* 既有浮動接洽元件改為暖白精品色 */
.premium-contact-dock,
.mobile-bottom-nav {
  border-color: var(--lux-line) !important;
  background: rgba(255, 253, 249, .96) !important;
  box-shadow: 0 -10px 34px rgba(61, 44, 25, .11) !important;
}

@media (max-width: 1120px) {
  .nav-brand { min-width: 115px; }
  .nav-brand strong { font-size: 19px; }
  .nav-links { gap: 13px !important; }
  .nav-links a:not(.nav-cta):not(.nav-ph) { font-size: 12px; }
  .nav-ph { display: none !important; }
  .signature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .nav-in { min-height: 70px; }
  .nav-brand { min-width: 0; }
  .nav-brand-wordmark { min-width: 0; }
  .nav-brand strong { font-size: 20px; }
  .nav-links { display: none !important; }
  .ham { display: flex !important; }
  .nav-ph-mobile { color: var(--lux-gold-deep) !important; }

  .mob-menu {
    color: var(--lux-ink) !important;
    background: rgba(255, 253, 249, .99) !important;
    backdrop-filter: blur(20px);
  }

  .mob-menu a { border-color: var(--lux-line) !important; }
  .mob-menu .mob-ph { color: var(--lux-gold-deep) !important; }

  .page-hero {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(330px, 54vw) auto !important;
  }

  .page-hero-bg {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: auto !important;
    margin: 18px 18px 0 !important;
    border-radius: 24px !important;
  }

  .page-hero > .container {
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 62px 28px 82px !important;
  }

  .page-hero::before { left: 28px; bottom: 48px; }
  .page-hero::after { left: 28px; bottom: 26px; }

  .signature-collection__head {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .signature-collection__intro {
    max-width: 680px;
  }

  .signature-collection__foot {
    align-items: flex-start;
    flex-direction: column;
  }

  .signature-collection__actions { justify-content: flex-start; }
}

@media (max-width: 620px) {
  .topbar {
    min-height: 40px;
    padding: 10px 12px !important;
    font-size: 10px !important;
    letter-spacing: .07em !important;
  }

  .nav-in { min-height: 66px; padding-inline: 16px !important; }
  .nav-brand strong { font-size: 18px; }
  .nav-brand small { font-size: 7px; }
  .nav-brand-wordmark > span { font-size: 18px !important; }
  .nav-brand-wordmark > small { font-size: 7px !important; }

  .page-hero {
    grid-template-rows: 69vw auto !important;
  }

  .page-hero-bg {
    margin: 12px 12px 0 !important;
    border-radius: 20px !important;
  }

  .page-hero > .container {
    padding: 48px 21px 74px !important;
  }

  .page-hero .eyebrow {
    margin-bottom: 18px !important;
    padding-left: 39px;
    font-size: 9px !important;
  }

  .page-hero .eyebrow::before { width: 28px; }
  .page-hero .sec-title { font-size: clamp(34px, 10vw, 44px) !important; }
  .page-hero .sec-sub { margin-top: 20px !important; font-size: 14px !important; line-height: 1.85 !important; }
  .page-hero::before { left: 21px; bottom: 42px; width: 86px; }
  .page-hero::after { left: 21px; bottom: 22px; font-size: 8px; }

  section.bg-white,
  section.bg-cream,
  .edu-bg,
  .contract-bg,
  .contact-bg,
  .gallery-sec {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }

  .sec-hd { margin-bottom: 34px !important; }
  .sec-title { font-size: clamp(29px, 8.5vw, 38px) !important; }

  .svc,
  .rel,
  .oz-card,
  .verify-card,
  .ci,
  .case-card {
    padding: 25px !important;
  }

  .signature-collection { padding: 82px 0 78px; }
  .signature-collection::before { top: 18px; font-size: 80px; }
  .signature-collection__head { margin-bottom: 36px; }
  .signature-collection__head h2 { font-size: clamp(31px, 9.2vw, 40px); }
  .signature-collection__intro { padding-left: 18px; }
  .signature-grid { grid-template-columns: 1fr; gap: 14px; }
  .signature-item { min-height: 0; border-radius: 22px; }
  .signature-item__visual { height: auto; }
  .signature-item__meta { padding: 22px 23px 24px; }
  .signature-collection__actions { width: 100%; }
  .signature-collection__actions .button { width: 100%; }
  .hero-showcase-label { margin-bottom: 20px; font-size: 9px; letter-spacing: .13em; }
  .hero .hero-grid::after,
  .hero .hero-grid::before { display: none; }

  .legal-page > main,
  .error-page > main.card {
    width: calc(100% - 24px) !important;
    margin: 24px auto !important;
    padding: 31px 24px !important;
    border-radius: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .signature-item,
  .page-hero-bg img,
  .case-card,
  .svc,
  .rel,
  .oz-card,
  .moment-card,
  .verify-card,
  .blog-card,
  .edu-card,
  .ci,
  .case-story-card {
    transition: none !important;
  }
}

/* Final mobile concierge palette: ivory and champagne only, with no legacy green or black tiles. */
@media (max-width: 700px) {
  .museum-collection-edition .mobile-action-bar > a,
  .museum-collection-edition .mobile-action-bar > button,
  .museum-collection-edition .mobile-action-bar > .mobile-action-bar__line {
    color: var(--museum-gold-deep, #76502c) !important;
    border-color: rgba(117, 81, 47, .16) !important;
    background: rgba(255, 254, 250, .97) !important;
  }

  .museum-collection-edition .mobile-action-bar > :last-child {
    color: #fff !important;
    border-color: #a77742 !important;
    background: linear-gradient(145deg, #bd8b50, #946432) !important;
  }

  .museum-collection-edition .mobile-action-bar > a span,
  .museum-collection-edition .mobile-action-bar > a small,
  .museum-collection-edition .mobile-action-bar > button span,
  .museum-collection-edition .mobile-action-bar > button small {
    color: inherit !important;
  }
}

.museum-collection-edition .museum-anchor-arrival {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ───────────────────────────────────────────────
   V173 全台骨灰罐專賣旗艦版
   ─────────────────────────────────────────────── */

:root {
  --flagship-paper: #f6f0e8;
  --flagship-ivory: #fffdf9;
  --flagship-champagne: #c9a16d;
  --flagship-gold: #9a7143;
  --flagship-deep: #5d4833;
  --flagship-line: rgba(137, 98, 57, .19);
  --flagship-glow: 0 28px 90px rgba(78, 55, 30, .12);
}

body.flagship-edition {
  background:
    radial-gradient(circle at 94% 4%, rgba(223, 198, 163, .18), transparent 24%),
    var(--flagship-paper);
}

/* 首頁旗艦主視覺加分 */
.hero {
  isolation: isolate;
}

.hero::after {
  z-index: 1;
}

.hero .hero-grid {
  z-index: 3;
}

.hero-copy {
  position: relative;
}

.hero-copy::after {
  content: "FLAGSHIP\A STORE";
  position: absolute;
  left: -73px;
  top: 9px;
  color: rgba(121, 90, 54, .36);
  font: 600 9px/1.55 var(--lux-latin);
  letter-spacing: .24em;
  text-align: center;
  white-space: pre;
  transform: rotate(-90deg);
  transform-origin: center;
}

.hero h1 {
  max-width: 720px;
  font-size: clamp(42px, 4.25vw, 67px);
  line-height: 1.38;
  letter-spacing: .025em;
}

.hero h1 em {
  font-size: .76em;
  letter-spacing: .075em;
}

.hero-showcase-label {
  border-color: rgba(154, 113, 67, .34);
  color: var(--flagship-gold);
  background: rgba(255, 253, 249, .9);
  box-shadow: 0 13px 38px rgba(80, 58, 35, .075);
}

.hero-checks {
  max-width: 600px;
}

.trust-row {
  box-shadow: 0 -18px 60px rgba(72, 53, 33, .09);
}

/* 首頁：五大旗艦專賣標準 */
.flagship-standard {
  position: relative;
  padding: 132px 0 124px;
  overflow: hidden;
  color: var(--lux-ink);
  border-top: 1px solid var(--flagship-line);
  background:
    radial-gradient(circle at 86% 11%, rgba(226, 205, 177, .34), transparent 24%),
    linear-gradient(145deg, #fff 0%, #fbf7f1 54%, #f1e5d4 100%);
}

.flagship-standard::before {
  content: "FLAGSHIP";
  position: absolute;
  left: -22px;
  top: 40px;
  color: rgba(121, 90, 54, .042);
  font: 600 clamp(90px, 14vw, 200px)/1 var(--lux-latin);
  letter-spacing: .035em;
  pointer-events: none;
}

.flagship-standard::after {
  content: "";
  position: absolute;
  right: -105px;
  top: 82px;
  width: 330px;
  aspect-ratio: 1;
  border: 1px solid rgba(154, 113, 67, .12);
  border-radius: 50%;
  box-shadow: inset 0 0 0 35px rgba(255, 255, 255, .14), inset 0 0 0 36px rgba(154, 113, 67, .08);
  pointer-events: none;
}

.flagship-standard__head {
  position: relative;
  z-index: 1;
  margin-bottom: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
  align-items: end;
  gap: 84px;
}

.flagship-standard__head h2 {
  max-width: 760px;
  font-family: var(--lux-serif);
  font-size: clamp(38px, 4.65vw, 62px);
  font-weight: 600;
  line-height: 1.48;
  letter-spacing: .05em;
}

.flagship-standard__intro {
  padding: 6px 0 8px 28px;
  border-left: 1px solid var(--lux-gold-soft);
}

.flagship-standard__intro > span {
  display: block;
  margin-bottom: 13px;
  color: var(--flagship-gold);
  font: 600 10px/1.4 var(--lux-latin);
  letter-spacing: .27em;
}

.flagship-standard__intro p {
  margin-bottom: 18px;
  color: var(--lux-copy);
  font-size: 14px;
  line-height: 1.9;
}

.flagship-standard__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 13px;
}

.flagship-standard__card {
  position: relative;
  min-height: 340px;
  padding: 29px 25px 27px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--flagship-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 14px 42px rgba(67, 47, 26, .055);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.flagship-standard__card::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -28px;
  width: 92px;
  aspect-ratio: 1;
  border: 1px solid rgba(154, 113, 67, .13);
  border-radius: 50%;
}

.flagship-standard__card:hover {
  transform: translateY(-7px);
  border-color: rgba(154, 113, 67, .42);
  background: #fff;
  box-shadow: var(--flagship-glow);
}

.flagship-standard__card > strong {
  min-height: 72px;
  color: var(--lux-gold-deep);
  font: 500 clamp(28px, 2.4vw, 39px)/1 var(--lux-latin);
  letter-spacing: .035em;
}

.flagship-standard__card > strong sup {
  font-size: .43em;
  vertical-align: super;
}

.flagship-standard__card > span {
  margin-bottom: 23px;
  color: var(--lux-gold);
  font: 600 9px/1.4 var(--lux-latin);
  letter-spacing: .22em;
}

.flagship-standard__card h3 {
  padding-top: 23px;
  border-top: 1px solid var(--flagship-line);
  font-family: var(--lux-serif);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: .055em;
}

.flagship-standard__card p {
  margin-top: 12px;
  color: var(--lux-muted);
  font-size: 13px;
  line-height: 1.8;
}

.flagship-standard__note {
  position: relative;
  z-index: 1;
  margin-top: 28px;
  padding-top: 23px;
  color: var(--lux-muted);
  border-top: 1px solid var(--flagship-line);
  font-size: 12px;
  line-height: 1.8;
}

/* 內容頁：旗艦館徽章與共通信任列 */
.flagship-hero-mark {
  position: absolute;
  z-index: 6;
  right: clamp(48px, 5vw, 78px);
  top: 138px;
  width: 132px;
  aspect-ratio: 1;
  padding: 23px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 50%;
  color: var(--flagship-deep);
  background: rgba(255, 253, 249, .9);
  box-shadow: 0 18px 55px rgba(53, 38, 22, .16);
  text-align: center;
  backdrop-filter: blur(16px);
}

.flagship-hero-mark::before,
.flagship-hero-mark::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(154, 113, 67, .25);
  border-radius: 50%;
}

.flagship-hero-mark::after {
  inset: 13px;
  border-color: rgba(154, 113, 67, .10);
}

.flagship-hero-mark small,
.flagship-hero-mark strong,
.flagship-hero-mark span {
  position: relative;
  z-index: 1;
}

.flagship-hero-mark small {
  color: var(--flagship-gold);
  font: 600 6px/1.4 var(--lux-latin);
  letter-spacing: .18em;
}

.flagship-hero-mark strong {
  margin: 5px 0 3px;
  font: 600 29px/.9 var(--lux-latin);
}

.flagship-hero-mark strong sup {
  font-size: .42em;
  vertical-align: super;
}

.flagship-hero-mark span {
  font-family: var(--lux-serif);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
}

@media (min-width: 901px) {
  .page-hero .flagship-hero-mark {
    right: auto;
    left: calc(50% + 45px);
  }
}

.page-hero::after {
  content: "ETERNAL LIFE · FLAGSHIP EXPERIENCE" !important;
}

.flagship-proofbar {
  position: relative;
  z-index: 5;
  padding: 0 24px;
  color: var(--lux-ink);
  border-block: 1px solid var(--flagship-line);
  background: rgba(255, 253, 249, .97);
  box-shadow: 0 14px 45px rgba(61, 44, 25, .045);
}

.flagship-proofbar__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.flagship-proofbar__inner > div {
  min-height: 112px;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-right: 1px solid var(--flagship-line);
}

.flagship-proofbar__inner > div:first-child {
  border-left: 1px solid var(--flagship-line);
}

.flagship-proofbar strong {
  flex: 0 0 auto;
  color: var(--lux-gold-deep);
  font: 600 clamp(20px, 2vw, 29px)/1 var(--lux-latin);
  letter-spacing: .03em;
}

.flagship-proofbar strong sup {
  font-size: .42em;
  vertical-align: super;
}

.flagship-proofbar span {
  color: var(--lux-ink);
  font-family: var(--lux-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: .045em;
}

.flagship-proofbar small {
  color: var(--lux-muted);
  font-family: var(--lux-serif);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
}

/* 全站內容卡片更接近精品商品型錄 */
.flagship-edition .case-card,
.flagship-edition .svc,
.flagship-edition .rel,
.flagship-edition .oz-card,
.flagship-edition .moment-card,
.flagship-edition .verify-card,
.flagship-edition .blog-card,
.flagship-edition .edu-card,
.flagship-edition .ci,
.flagship-edition .qf-step,
.flagship-edition .day-tl-card,
.flagship-edition .case-story-card,
.flagship-edition .pricing-detail-card,
.flagship-edition .official-benefit-card,
.flagship-edition .plan-card,
.flagship-edition .urn-price-card {
  position: relative;
  overflow: hidden;
  border-color: var(--flagship-line) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 252, 247, .9)) !important;
  box-shadow: 0 14px 46px rgba(61, 44, 25, .065) !important;
}

.flagship-edition .case-card::after,
.flagship-edition .svc::after,
.flagship-edition .rel::after,
.flagship-edition .oz-card::after,
.flagship-edition .verify-card::after,
.flagship-edition .edu-card::after,
.flagship-edition .ci::after {
  content: "";
  position: absolute;
  right: -30px;
  top: -30px;
  width: 88px;
  aspect-ratio: 1;
  border: 1px solid rgba(154, 113, 67, .11);
  border-radius: 50%;
  pointer-events: none;
}

.flagship-edition .sec-hd,
.flagship-edition .section-heading,
.flagship-edition .faq-heading {
  position: relative;
}

.flagship-edition .sec-title,
.flagship-edition .section-heading h2,
.flagship-edition .faq-heading h2 {
  text-wrap: balance;
}

/* 每一頁底部旗艦門市轉換區：透明商品照置於香檳背景 */
.flagship-concierge {
  position: relative;
  padding: 104px 24px;
  overflow: hidden;
  color: var(--lux-ink);
  border-top: 1px solid var(--flagship-line);
  background:
    radial-gradient(circle at 82% 34%, rgba(255, 255, 255, .88), transparent 25%),
    linear-gradient(135deg, #f5ecdf 0%, #fffdf9 54%, #ead9c1 100%);
}

.flagship-concierge::before {
  content: "FLAGSHIP STORE";
  position: absolute;
  left: -18px;
  bottom: 12px;
  color: rgba(121, 90, 54, .045);
  font: 600 clamp(72px, 12vw, 172px)/1 var(--lux-latin);
  white-space: nowrap;
  letter-spacing: .035em;
  pointer-events: none;
}

.flagship-concierge__inner {
  position: relative;
  z-index: 1;
  width: min(1200px, 100%);
  min-height: 510px;
  margin: 0 auto;
  padding: clamp(42px, 6vw, 78px);
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
  align-items: center;
  gap: 45px;
  border: 1px solid rgba(154, 113, 67, .24);
  border-radius: 32px;
  background: rgba(255, 253, 249, .74);
  box-shadow: var(--flagship-glow);
  backdrop-filter: blur(12px);
}

.flagship-concierge__copy > p {
  margin-bottom: 20px;
  color: var(--flagship-gold);
  font: 600 10px/1.4 var(--lux-latin);
  letter-spacing: .27em;
}

.flagship-concierge__copy h2 {
  color: var(--lux-ink);
  font-family: var(--lux-serif);
  font-size: clamp(34px, 3.3vw, 47px);
  font-weight: 600;
  line-height: 1.52;
  letter-spacing: .05em;
}

.flagship-concierge__checks {
  margin: 29px 0 32px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
}

.flagship-concierge__checks span {
  position: relative;
  padding-left: 19px;
  color: var(--lux-copy);
  font-size: 12px;
  line-height: 1.7;
}

.flagship-concierge__checks span::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 8px;
  height: 8px;
  border: 1px solid var(--lux-gold);
  border-radius: 50%;
}

.flagship-concierge__actions {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 11px;
}

.flagship-concierge__primary,
.flagship-concierge__phone {
  min-height: 58px;
  padding: 14px 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
}

.flagship-concierge__primary {
  gap: 18px;
  color: #fff;
  border: 1px solid var(--lux-gold);
  background: linear-gradient(135deg, #b58a58, #8e673c);
  box-shadow: 0 14px 34px rgba(121, 90, 54, .18);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .07em;
}

.flagship-concierge__phone {
  padding-inline: 21px;
  align-items: flex-start;
  flex-direction: column;
  color: var(--lux-ink);
  border: 1px solid rgba(154, 113, 67, .32);
  background: rgba(255, 255, 255, .72);
}

.flagship-concierge__phone small {
  color: var(--lux-muted);
  font-size: 8px;
  letter-spacing: .13em;
}

.flagship-concierge__phone strong {
  margin-top: 2px;
  color: var(--lux-gold-deep);
  font: 600 18px/1.2 var(--lux-latin);
  letter-spacing: .06em;
}

.flagship-concierge__visual {
  position: relative;
  min-height: 365px;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(154, 113, 67, .17);
  border-radius: 180px 180px 26px 26px;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, .94), rgba(237, 220, 197, .66) 64%, rgba(226, 202, 171, .44));
}

.flagship-concierge__visual::before {
  content: "";
  position: absolute;
  inset: 24px;
  border: 1px solid rgba(154, 113, 67, .13);
  border-radius: 160px 160px 18px 18px;
}

.flagship-concierge__visual img {
  position: relative;
  z-index: 1;
  width: min(107%, 650px);
  height: auto;
  margin: -8px -3% 0;
  filter: saturate(.88) contrast(1.02) drop-shadow(0 18px 22px rgba(77, 53, 29, .12));
}

.flagship-concierge__visual figcaption {
  position: absolute;
  z-index: 2;
  left: 25px;
  right: 25px;
  bottom: 22px;
  padding: 14px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 999px;
  background: rgba(255, 253, 249, .84);
  box-shadow: 0 13px 34px rgba(61, 44, 25, .08);
  backdrop-filter: blur(14px);
}

.flagship-concierge__visual figcaption span {
  color: var(--lux-gold);
  font: 600 8px/1.4 var(--lux-latin);
  letter-spacing: .2em;
}

.flagship-concierge__visual figcaption strong {
  color: var(--lux-ink);
  font-family: var(--lux-serif);
  font-size: 12px;
  letter-spacing: .08em;
}

/* 法務、申訴與錯誤頁也維持官方旗艦質感 */
.flagship-official-note {
  margin-top: 42px;
  padding: 25px 27px;
  border: 1px solid var(--flagship-line);
  border-radius: 18px;
  background: linear-gradient(145deg, #fffdf9, #f3e7d6);
}

.flagship-official-note > span {
  display: block;
  margin-bottom: 8px;
  color: var(--lux-gold);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;
}

.flagship-official-note > strong {
  color: var(--lux-ink);
  font-family: var(--lux-serif);
  font-size: 17px;
}

.flagship-official-note p {
  margin: 8px 0 0;
  color: var(--lux-muted) !important;
  font-size: 12px;
}

.flagship-official-note a {
  color: var(--lux-gold-deep) !important;
}

/* 白色／香檳金優先，移除舊版綠色商品區塊 */
.flagship-edition .need-card--urgent,
.flagship-edition .urn-price-card--featured,
.flagship-edition .plan-card--featured,
.flagship-edition .pricing-detail-card--featured,
.flagship-edition .official-benefit-card--featured,
.flagship-edition .contract-card--lead,
.flagship-edition .boutique-card--dark {
  color: var(--lux-ink) !important;
  border-color: rgba(154, 113, 67, .34) !important;
  background: linear-gradient(145deg, #fff 0%, #f2e4d0 100%) !important;
  box-shadow: 0 18px 52px rgba(96, 72, 43, .11) !important;
}

.flagship-edition .boutique-card--dark p {
  color: var(--lux-muted) !important;
}

.flagship-edition .boutique-card--dark a,
.flagship-edition .boutique-card--dark > span {
  color: var(--lux-gold-deep) !important;
}

@media (max-width: 1120px) {
  .flagship-standard__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flagship-standard__card:nth-child(4),
  .flagship-standard__card:nth-child(5) {
    min-height: 300px;
  }

  .flagship-concierge__inner {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr);
  }

  .flagship-proofbar__inner > div {
    padding-inline: 15px;
    gap: 10px;
  }
}

@media (max-width: 900px) {
  .hero-copy::after {
    display: none;
  }

  .flagship-standard {
    padding: 98px 0 92px;
  }

  .flagship-standard__head {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .flagship-standard__intro {
    max-width: 680px;
  }

  .flagship-hero-mark {
    right: 40px;
    top: 128px;
    width: 116px;
  }

  .flagship-proofbar {
    padding-inline: 18px;
  }

  .flagship-proofbar__inner {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flagship-proofbar__inner > div,
  .flagship-proofbar__inner > div:first-child {
    min-height: 96px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--flagship-line);
  }

  .flagship-proofbar__inner > div:nth-child(3n + 2) {
    border-inline: 1px solid var(--flagship-line);
  }

  .flagship-proofbar__inner > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .flagship-concierge {
    padding-block: 82px;
  }

  .flagship-concierge__inner {
    grid-template-columns: 1fr;
  }

  .flagship-concierge__visual {
    min-height: 430px;
  }
}

@media (max-width: 620px) {
  .hero h1 {
    font-size: clamp(34px, 9.5vw, 45px);
  }

  .hero h1 em {
    display: inline-block;
    margin-top: 7px;
    font-size: .7em;
  }

  .flagship-standard {
    padding: 78px 0 72px;
  }

  .flagship-standard::before {
    top: 25px;
    font-size: 78px;
  }

  .flagship-standard__head {
    margin-bottom: 34px;
    gap: 25px;
  }

  .flagship-standard__head h2 {
    font-size: clamp(31px, 9vw, 40px);
  }

  .flagship-standard__intro {
    padding-left: 18px;
  }

  .flagship-standard__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .flagship-standard__card,
  .flagship-standard__card:nth-child(4),
  .flagship-standard__card:nth-child(5) {
    min-height: 0;
    padding: 25px 23px;
  }

  .flagship-standard__card > strong {
    min-height: 51px;
  }

  .flagship-standard__card > span {
    margin-bottom: 15px;
  }

  .flagship-standard__card h3 {
    padding-top: 17px;
  }

  .flagship-hero-mark {
    right: 26px;
    top: 116px;
    width: 100px;
    padding: 18px 10px;
  }

  .flagship-hero-mark small {
    font-size: 5px;
  }

  .flagship-hero-mark strong {
    font-size: 24px;
  }

  .flagship-hero-mark span {
    font-size: 8px;
  }

  .flagship-proofbar {
    padding-inline: 12px;
  }

  .flagship-proofbar__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .flagship-proofbar__inner > div,
  .flagship-proofbar__inner > div:first-child,
  .flagship-proofbar__inner > div:nth-child(3n + 2) {
    min-height: 91px;
    padding: 18px 11px;
    border-inline: 0;
    border-bottom: 1px solid var(--flagship-line);
  }

  .flagship-proofbar__inner > div:nth-child(odd) {
    border-right: 1px solid var(--flagship-line);
  }

  .flagship-proofbar__inner > div:last-child {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
  }

  .flagship-proofbar strong {
    font-size: 21px;
  }

  .flagship-proofbar span {
    font-size: 11px;
  }

  .flagship-concierge {
    padding: 64px 12px;
  }

  .flagship-concierge__inner {
    min-height: 0;
    padding: 31px 21px 21px;
    gap: 34px;
    border-radius: 24px;
  }

  .flagship-concierge__copy h2 {
    font-size: clamp(29px, 8.3vw, 38px);
  }

  .flagship-concierge__checks {
    grid-template-columns: 1fr;
    margin-block: 24px;
  }

  .flagship-concierge__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .flagship-concierge__primary,
  .flagship-concierge__phone {
    width: 100%;
  }

  .flagship-concierge__phone {
    align-items: center;
  }

  .flagship-concierge__visual {
    min-height: 330px;
    border-radius: 130px 130px 18px 18px;
  }

  .flagship-concierge__visual::before {
    inset: 14px;
    border-radius: 120px 120px 13px 13px;
  }

  .flagship-concierge__visual img {
    width: 123%;
    max-width: none;
    margin-inline: -11.5%;
  }

  .flagship-concierge__visual figcaption {
    left: 13px;
    right: 13px;
    bottom: 13px;
    padding: 11px 13px;
  }

  .flagship-concierge__visual figcaption strong {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .flagship-standard__card {
    transition: none;
  }
}

/* ───────────────────────────────────────────────
   V177 — Grand Flagship Atelier Foundation
   暖白高訂展廳、真實透明商品、私人鑑賞與全站精品敘事
   ─────────────────────────────────────────────── */

:root {
  --atelier-white: #fffefa;
  --atelier-cream: #f8f2e9;
  --atelier-sand: #efe2d1;
  --atelier-ink: #29231d;
  --atelier-copy: #655b51;
  --atelier-muted: #918477;
  --atelier-gold: #a67a43;
  --atelier-gold-deep: #755331;
  --atelier-gold-pale: #ead5b6;
  --atelier-line: rgba(117, 83, 49, .17);
  --atelier-line-strong: rgba(117, 83, 49, .31);
  --atelier-shadow: 0 34px 100px rgba(70, 49, 27, .13);
  --atelier-shadow-soft: 0 18px 54px rgba(70, 49, 27, .075);
}

body.atelier-edition,
body.flagship-edition {
  color: var(--atelier-ink);
  background:
    radial-gradient(circle at 92% 3%, rgba(234, 213, 182, .25), transparent 23%),
    #f8f3ec;
}

body.atelier-edition::before {
  content: "";
  position: fixed;
  z-index: 9998;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d6b886 22%, #9f7748 50%, #d6b886 78%, transparent);
  pointer-events: none;
}

/* 首頁頂部：全白精品展廳，不使用黑綠底色 */
.service-bar {
  color: var(--atelier-copy) !important;
  border-bottom: 1px solid var(--atelier-line);
  background: #f3eadf !important;
}

.service-bar a,
.service-bar__toll-free {
  color: var(--atelier-gold-deep) !important;
}

.service-bar__address {
  color: var(--atelier-muted) !important;
}

.service-bar__divider {
  background: var(--atelier-line-strong) !important;
}

.site-header {
  border-bottom-color: var(--atelier-line);
  background: rgba(255, 254, 250, .91);
  box-shadow: 0 8px 32px rgba(67, 47, 27, .045);
}

.site-header.is-scrolled {
  background: rgba(255, 255, 255, .975);
}

.wordmark__zh {
  color: var(--atelier-ink);
  letter-spacing: .22em;
}

.wordmark__en,
.header-call {
  color: var(--atelier-gold-deep);
}

.hero {
  min-height: 0;
  overflow: hidden;
  color: var(--atelier-ink);
  border-bottom: 1px solid var(--atelier-line);
  background: var(--atelier-white) !important;
}

.hero::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(255, 254, 250, .98) 0 46%, rgba(255, 254, 250, .73) 59%, rgba(255, 254, 250, .08) 100%),
    radial-gradient(circle at 75% 30%, rgba(255, 255, 255, .96), transparent 24%),
    linear-gradient(135deg, #fffefa 0%, #f8efe3 58%, #ead8bd 100%) !important;
}

.hero::after {
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 49.9%, rgba(117, 83, 49, .08) 50%, transparent 50.1%),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(117, 83, 49, .025) 120px) !important;
  filter: none !important;
  opacity: 1;
}

.hero .hero-grid {
  z-index: 2;
  min-height: 700px;
  grid-template-columns: minmax(480px, .92fr) minmax(480px, 1.08fr);
  align-items: center;
  gap: clamp(30px, 4vw, 70px);
  padding-top: 50px;
  padding-bottom: 46px;
}

.hero .hero-grid::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION";
  right: 0;
  top: 30px;
  color: rgba(117, 83, 49, .55);
  font-size: 9px;
  letter-spacing: .3em;
}

.hero .hero-grid::after {
  right: -90px;
  width: min(49vw, 690px);
  border-color: rgba(166, 122, 67, .15);
  box-shadow: inset 0 0 0 56px rgba(255, 255, 255, .12), inset 0 0 0 57px rgba(166, 122, 67, .055);
}

.hero-copy {
  z-index: 4;
  max-width: 610px;
  padding: 20px 0 34px;
  text-shadow: none;
}

.hero-copy::after {
  content: "PRIVATE\A VIEWING";
  left: -72px;
  top: 118px;
  color: rgba(117, 83, 49, .43);
}

.hero-edition {
  margin-bottom: 18px;
  color: var(--atelier-gold-deep);
  font: 600 9px/1.4 var(--lux-latin);
  letter-spacing: .31em;
}

.hero .eyebrow {
  margin-bottom: 15px;
  color: var(--atelier-gold-deep);
  font-size: 10px;
  letter-spacing: .22em;
}

.hero-showcase-label {
  margin: 0 0 18px;
  padding: 7px 12px;
  color: var(--atelier-gold-deep);
  border-color: var(--atelier-line-strong);
  background: rgba(255, 255, 255, .72);
  box-shadow: none;
  font-size: 8px;
  letter-spacing: .18em;
}

.hero h1 {
  max-width: 620px;
  margin: 0;
  color: var(--atelier-ink);
  font-size: clamp(47px, 5vw, 72px);
  line-height: 1.2;
  letter-spacing: .055em;
  white-space: normal;
  text-wrap: balance;
}

.hero h1 strong {
  color: var(--atelier-gold-deep);
  font-weight: 600;
}

.hero-subtitle {
  margin-top: 15px;
  padding-left: 50px;
  position: relative;
  color: var(--atelier-copy);
  font-family: var(--lux-serif);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 500;
  letter-spacing: .11em;
}

.hero-subtitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34px;
  height: 1px;
  background: var(--atelier-gold);
}

.hero-lead {
  max-width: 590px;
  margin-top: 22px;
  color: var(--atelier-copy);
  font-size: 15px;
  line-height: 1.95;
}

.hero-actions {
  margin-top: 27px;
}

.hero .button--ghost {
  color: var(--atelier-gold-deep);
  border-color: var(--atelier-line-strong);
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(12px);
}

.hero .button--ghost:hover {
  color: #fff;
  border-color: var(--atelier-gold);
  background: var(--atelier-gold);
}

.hero-checks {
  margin-top: 25px;
  gap: 9px 18px;
}

.hero-checks li {
  color: var(--atelier-copy);
  font-size: 11px;
}

.hero-checks li::before {
  border-color: var(--atelier-gold);
  background: rgba(166, 122, 67, .08);
}

.hero-legal {
  margin-top: 14px;
  color: var(--atelier-muted);
  font-size: 9px;
}

.hero-product {
  position: relative;
  z-index: 3;
  min-height: 580px;
  margin: 0;
  padding: 55px 12px 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(166, 122, 67, .19);
  border-radius: 280px 280px 30px 30px;
  background:
    radial-gradient(circle at 50% 38%, #fff 0 25%, rgba(255, 255, 255, .79) 47%, transparent 70%),
    linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(239, 226, 207, .7));
  box-shadow: var(--atelier-shadow);
}

.hero-product::before {
  content: "";
  position: absolute;
  inset: 17px;
  border: 1px solid rgba(166, 122, 67, .16);
  border-radius: 260px 260px 22px 22px;
  pointer-events: none;
}

.hero-product__halo {
  position: absolute;
  left: 50%;
  top: 10%;
  width: 62%;
  aspect-ratio: 1;
  border: 1px solid rgba(166, 122, 67, .16);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 0 0 28px rgba(255, 255, 255, .23), inset 0 0 0 29px rgba(166, 122, 67, .07);
}

.hero-product__edition {
  position: absolute;
  z-index: 3;
  top: 34px;
  left: 50%;
  color: var(--atelier-gold-deep);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .29em;
  white-space: nowrap;
  transform: translateX(-50%);
}

.hero-product > img {
  position: relative;
  z-index: 2;
  width: 116%;
  max-width: none;
  height: auto;
  margin-inline: -8%;
  filter: saturate(.92) contrast(1.025) drop-shadow(0 23px 25px rgba(68, 47, 26, .16));
}

.hero-product figcaption {
  position: absolute;
  z-index: 4;
  left: 29px;
  right: 29px;
  bottom: 25px;
  min-height: 56px;
  padding: 10px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 999px;
  color: var(--atelier-copy);
  background: rgba(255, 254, 250, .86);
  box-shadow: 0 13px 38px rgba(70, 49, 27, .08);
  backdrop-filter: blur(15px);
}

.hero-product figcaption span {
  color: var(--atelier-gold-deep);
  font: 600 8px/1.35 var(--lux-latin);
  letter-spacing: .16em;
}

.hero-product figcaption span b {
  margin-right: 5px;
  font-size: 16px;
}

.hero-product figcaption strong {
  color: var(--atelier-ink);
  font-family: var(--lux-serif);
  font-size: 12px;
  letter-spacing: .09em;
}

.hero-product__seal {
  position: absolute;
  z-index: 5;
  right: 22px;
  top: 120px;
  width: 92px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(166, 122, 67, .29);
  border-radius: 50%;
  color: var(--atelier-gold-deep);
  background: rgba(255, 254, 250, .9);
  box-shadow: 0 15px 42px rgba(70, 49, 27, .11);
  backdrop-filter: blur(12px);
}

.hero-product__seal::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(166, 122, 67, .18);
  border-radius: 50%;
}

.hero-product__seal b,
.hero-product__seal small {
  position: relative;
  z-index: 1;
}

.hero-product__seal b {
  font: 600 9px/1 var(--lux-latin);
  letter-spacing: .12em;
}

.hero-product__seal small {
  margin-top: 5px;
  font-family: var(--lux-serif);
  font-size: 8px;
  letter-spacing: .1em;
}

.trust-row {
  z-index: 4;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  color: var(--atelier-ink);
  border-color: var(--atelier-line);
  border-bottom: 1px solid var(--atelier-line);
  border-radius: 20px 20px 0 0;
  background: rgba(255, 254, 250, .9);
  box-shadow: 0 -18px 70px rgba(70, 49, 27, .075);
  backdrop-filter: blur(18px);
}

.trust-row > div {
  min-height: 104px;
  padding: 21px clamp(12px, 1.45vw, 22px);
  gap: 12px;
  border-right-color: var(--atelier-line);
}

.trust-row strong {
  color: var(--atelier-gold-deep);
  font-size: clamp(19px, 1.7vw, 26px);
}

.trust-row strong sup {
  font-size: .42em;
  vertical-align: super;
}

.trust-row span {
  color: var(--atelier-ink);
  font-size: 13px;
}

.trust-row small {
  color: var(--atelier-muted);
  font-size: 9px;
}

/* 私人鑑賞：把選購條件、實品比較與書面確認整合成一段高規格體驗 */
.private-viewing {
  position: relative;
  padding: 138px 0;
  overflow: hidden;
  border-block: 1px solid var(--atelier-line);
  background:
    radial-gradient(circle at 92% 12%, rgba(234, 213, 182, .32), transparent 24%),
    linear-gradient(145deg, #fffefa 0%, #f5ede3 100%);
}

.private-viewing::before {
  content: "PRIVATE VIEWING";
  position: absolute;
  left: -30px;
  top: 36px;
  color: rgba(117, 83, 49, .04);
  font: 600 clamp(76px, 12vw, 178px)/1 var(--lux-latin);
  letter-spacing: .02em;
  white-space: nowrap;
  pointer-events: none;
}

.private-viewing__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
  align-items: start;
  gap: clamp(58px, 7vw, 110px);
}

.private-viewing__visual {
  position: sticky;
  top: 112px;
  min-width: 0;
}

.private-viewing__visual figure {
  position: relative;
  min-height: 720px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--atelier-line);
  border-radius: 260px 260px 28px 28px;
  background: var(--atelier-sand);
  box-shadow: var(--atelier-shadow);
}

.private-viewing__visual figure::after {
  content: "";
  position: absolute;
  inset: 17px;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 244px 244px 20px 20px;
  pointer-events: none;
}

.private-viewing__visual img {
  width: 100%;
  height: 720px;
  object-fit: cover;
  object-position: 52% center;
  filter: saturate(.76) contrast(1.02) brightness(1.04);
}

.private-viewing__visual figcaption {
  position: absolute;
  z-index: 2;
  left: 25px;
  right: 25px;
  bottom: 24px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 999px;
  background: rgba(255, 254, 250, .87);
  box-shadow: 0 15px 44px rgba(70, 49, 27, .1);
  backdrop-filter: blur(14px);
}

.private-viewing__visual figcaption span {
  color: var(--atelier-gold-deep);
  font: 600 8px/1.4 var(--lux-latin);
  letter-spacing: .2em;
}

.private-viewing__visual figcaption strong {
  color: var(--atelier-ink);
  font-family: var(--lux-serif);
  font-size: 11px;
  letter-spacing: .08em;
}

.private-viewing__number {
  position: absolute;
  z-index: 3;
  right: -30px;
  top: 92px;
  width: 150px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(166, 122, 67, .32);
  border-radius: 50%;
  color: var(--atelier-gold-deep);
  background: rgba(255, 254, 250, .93);
  box-shadow: 0 22px 62px rgba(70, 49, 27, .13);
  text-align: center;
  backdrop-filter: blur(16px);
}

.private-viewing__number::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(166, 122, 67, .18);
  border-radius: 50%;
}

.private-viewing__number strong,
.private-viewing__number span {
  position: relative;
  z-index: 1;
}

.private-viewing__number strong {
  font: 600 43px/.9 var(--lux-latin);
}

.private-viewing__number strong sup {
  font-size: .4em;
  vertical-align: super;
}

.private-viewing__number span {
  margin-top: 8px;
  font: 600 7px/1.45 var(--lux-latin);
  letter-spacing: .16em;
}

.private-viewing__content {
  padding-top: 15px;
}

.private-viewing__chapter {
  margin: -5px 0 16px;
  color: var(--atelier-muted);
  font: 600 9px/1.4 var(--lux-latin);
  letter-spacing: .3em;
}

.private-viewing__content h2 {
  color: var(--atelier-ink);
  font-family: var(--lux-serif);
  font-size: clamp(37px, 4.3vw, 58px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .055em;
  text-wrap: balance;
}

.private-viewing__lead {
  max-width: 630px;
  margin-top: 27px;
  color: var(--atelier-copy);
  font-size: 15px;
  line-height: 2;
}

.private-viewing__steps {
  margin: 36px 0 0;
  padding: 0;
  border-top: 1px solid var(--atelier-line);
  list-style: none;
}

.private-viewing__steps li {
  padding: 22px 0;
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 20px;
  border-bottom: 1px solid var(--atelier-line);
}

.private-viewing__steps li > span {
  padding-top: 3px;
  color: var(--atelier-gold-deep);
  font: 600 23px/1 var(--lux-latin);
}

.private-viewing__steps h3 {
  color: var(--atelier-ink);
  font-family: var(--lux-serif);
  font-size: 17px;
  letter-spacing: .07em;
}

.private-viewing__steps p {
  margin-top: 6px;
  color: var(--atelier-muted);
  font-size: 12px;
  line-height: 1.75;
}

.private-viewing__actions {
  margin-top: 31px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 24px;
}

.private-viewing__note {
  margin-top: 23px;
  padding: 14px 17px;
  color: var(--atelier-muted);
  border-left: 2px solid var(--atelier-gold-pale);
  background: rgba(255, 255, 255, .45);
  font-size: 10px;
  line-height: 1.75;
}

/* 精品系列：更細緻的型錄比例與資訊層次 */
.signature-collection {
  padding-top: 142px;
  background:
    radial-gradient(circle at 10% 8%, rgba(234, 213, 182, .28), transparent 25%),
    linear-gradient(180deg, #fffefa 0%, #f4ece1 100%);
}

.signature-item {
  border-radius: 32px;
  box-shadow: var(--atelier-shadow-soft);
}

.signature-item__visual {
  background-color: transparent;
  background-image:
    url("../images/eternal/urn-collection-cutout.webp"),
    radial-gradient(circle at 50% 43%, rgba(255, 255, 255, .9) 0 27%, rgba(239, 225, 205, .43) 62%, rgba(229, 209, 181, .23) 100%);
}

.signature-item__meta {
  position: relative;
  padding: 28px 29px 31px;
}

.signature-item__meta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 29px;
  width: 42px;
  height: 1px;
  background: var(--atelier-gold);
}

.signature-collection__foot p strong {
  color: var(--atelier-gold-deep);
  font-family: var(--lux-serif);
  font-size: 13px;
}

/* 內容頁：加入精品編輯標記，提升每一頁的品牌一致性 */
.atelier-page-kicker {
  width: fit-content;
  margin-bottom: 15px;
  padding: 7px 11px;
  border: 1px solid var(--atelier-line-strong);
  border-radius: 999px;
  color: var(--atelier-gold-deep);
  background: rgba(255, 255, 255, .74);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .24em;
}

.page-hero {
  background:
    radial-gradient(circle at 10% 13%, rgba(234, 213, 182, .33), transparent 27%),
    linear-gradient(135deg, #fff 0%, #fbf7f1 57%, #eee0cc 100%) !important;
}

.page-hero-bg {
  border-radius: 42px 5px 5px 42px;
  box-shadow: var(--atelier-shadow);
}

.page-hero-bg img {
  filter: saturate(.82) contrast(1.015) brightness(1.055);
}

.flagship-hero-mark {
  border-color: rgba(255, 255, 255, .78);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 24px 68px rgba(70, 49, 27, .15);
}

.flagship-proofbar {
  background:
    linear-gradient(90deg, rgba(255, 254, 250, .99), rgba(247, 239, 228, .97), rgba(255, 254, 250, .99));
}

.flagship-proofbar__inner > div {
  position: relative;
}

.flagship-proofbar__inner > div::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 15px;
  height: 1px;
  background: linear-gradient(90deg, var(--atelier-gold-pale), transparent);
  opacity: .7;
}

.atelier-edition .case-card,
.atelier-edition .svc,
.atelier-edition .rel,
.atelier-edition .oz-card,
.atelier-edition .moment-card,
.atelier-edition .verify-card,
.atelier-edition .blog-card,
.atelier-edition .edu-card,
.atelier-edition .ci,
.atelier-edition .qf-step,
.atelier-edition .day-tl-card,
.atelier-edition .case-story-card,
.atelier-edition .pricing-detail-card,
.atelier-edition .official-benefit-card,
.atelier-edition .plan-card,
.atelier-edition .urn-price-card,
.atelier-edition .need-card,
.atelier-edition .boutique-card,
.atelier-edition .service-card {
  border-color: var(--atelier-line) !important;
  border-radius: 27px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .985), rgba(255, 251, 246, .93)) !important;
  box-shadow: var(--atelier-shadow-soft) !important;
}

.atelier-edition .case-card:hover,
.atelier-edition .svc:hover,
.atelier-edition .rel:hover,
.atelier-edition .oz-card:hover,
.atelier-edition .moment-card:hover,
.atelier-edition .verify-card:hover,
.atelier-edition .blog-card:hover,
.atelier-edition .edu-card:hover,
.atelier-edition .ci:hover,
.atelier-edition .case-story-card:hover,
.atelier-edition .need-card:hover,
.atelier-edition .boutique-card:hover,
.atelier-edition .service-card:hover {
  border-color: var(--atelier-line-strong) !important;
  box-shadow: var(--atelier-shadow) !important;
}

.atelier-edition main > section:not(.hero):not(.page-hero):not(.flagship-proofbar) {
  background-blend-mode: normal;
}

.atelier-edition .button,
.atelier-edition .btn.btn-rose,
.atelier-edition .nav-cta {
  border-color: var(--atelier-gold) !important;
  background: linear-gradient(135deg, #b78a52, #896039) !important;
  box-shadow: 0 14px 34px rgba(117, 83, 49, .18) !important;
}

.atelier-edition .button:hover,
.atelier-edition .btn.btn-rose:hover,
.atelier-edition .nav-cta:hover {
  box-shadow: 0 19px 45px rgba(117, 83, 49, .25) !important;
}

.atelier-edition .hero .button--ghost {
  color: var(--atelier-gold-deep) !important;
  border-color: var(--atelier-line-strong) !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: none !important;
}

.atelier-edition .hero .button--ghost:hover {
  color: #fff !important;
  border-color: var(--atelier-gold) !important;
  background: var(--atelier-gold) !important;
}

.atelier-edition .section-heading h2,
.atelier-edition .sec-title,
.atelier-edition .faq-heading h2,
.atelier-edition .showroom-heading h2,
.atelier-edition .visit-copy h2,
.atelier-edition .promise-copy h2 {
  text-wrap: balance;
}

.flagship-concierge {
  padding-block: 116px;
  background:
    radial-gradient(circle at 83% 34%, rgba(255, 255, 255, .93), transparent 24%),
    linear-gradient(135deg, #f3e8d9 0%, #fffefa 52%, #e8d4b8 100%);
}

.flagship-concierge__inner {
  border-radius: 38px;
  background: rgba(255, 254, 250, .7);
  box-shadow: var(--atelier-shadow);
}

.flagship-concierge__copy > p {
  letter-spacing: .32em;
}

.flagship-concierge__payment {
  margin: 22px 0 0;
  padding: 13px 16px;
  color: var(--atelier-muted);
  border-left: 2px solid var(--atelier-gold-pale);
  background: rgba(255, 255, 255, .44);
  font-size: 10px;
  line-height: 1.75;
}

.flagship-official-note {
  background: linear-gradient(145deg, #fffefa, #f1e4d3);
  box-shadow: var(--atelier-shadow-soft);
}

@media (max-width: 1120px) {
  .hero .hero-grid {
    grid-template-columns: minmax(410px, .9fr) minmax(430px, 1.1fr);
    gap: 25px;
  }

  .hero h1 {
    font-size: clamp(44px, 5.6vw, 62px);
  }

  .hero-product {
    min-height: 535px;
  }

  .private-viewing__layout {
    grid-template-columns: minmax(0, .85fr) minmax(440px, 1.15fr);
    gap: 60px;
  }

  .private-viewing__visual figure,
  .private-viewing__visual img {
    min-height: 650px;
    height: 650px;
  }
}

@media (max-width: 900px) {
  .hero .hero-grid {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 26px;
    padding-top: 64px;
    padding-bottom: 30px;
  }

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

  .hero .hero-grid::before,
  .hero .hero-grid::after,
  .hero-copy::after {
    display: none;
  }

  .hero-product {
    width: min(660px, 100%);
    min-height: 520px;
    margin-inline: auto;
  }

  .trust-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-radius: 20px 20px 0 0;
  }

  .trust-row > div {
    border-bottom: 1px solid var(--atelier-line);
  }

  .trust-row > div:nth-child(3) {
    border-right: 0;
  }

  .trust-row > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .trust-row > div:last-child {
    grid-column: span 2;
  }

  .private-viewing {
    padding: 100px 0;
  }

  .private-viewing__layout {
    grid-template-columns: 1fr;
    gap: 70px;
  }

  .private-viewing__visual {
    position: relative;
    top: auto;
    width: min(660px, 100%);
    margin-inline: auto;
  }

  .private-viewing__visual figure,
  .private-viewing__visual img {
    min-height: 650px;
    height: 650px;
  }

  .private-viewing__content {
    max-width: 700px;
  }

  .page-hero-bg {
    border-radius: 30px !important;
  }
}

@media (max-width: 620px) {
  .service-bar__primary-divider,
  .service-bar__address {
    display: none !important;
  }

  .service-bar__inner {
    gap: 8px;
  }

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

  .hero-edition {
    font-size: 7px;
    letter-spacing: .22em;
  }

  .hero .eyebrow {
    font-size: 8px;
    letter-spacing: .16em;
  }

  .hero-showcase-label {
    max-width: 100%;
    font-size: 6.6px;
    letter-spacing: .12em;
  }

  .hero h1 {
    font-size: clamp(39px, 12vw, 52px);
    line-height: 1.25;
  }

  .hero-subtitle {
    padding-left: 38px;
    font-size: 18px;
    letter-spacing: .07em;
  }

  .hero-subtitle::before {
    width: 25px;
  }

  .hero-lead {
    font-size: 13px;
    line-height: 1.85;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-actions .button {
    width: 100%;
  }

  .hero-product {
    min-height: 390px;
    padding: 47px 5px 62px;
    border-radius: 190px 190px 24px 24px;
  }

  .hero-product::before {
    inset: 11px;
    border-radius: 180px 180px 18px 18px;
  }

  .hero-product__edition {
    top: 27px;
    font-size: 6px;
  }

  .hero-product > img {
    width: 132%;
    margin-inline: -16%;
  }

  .hero-product__seal {
    right: 10px;
    top: 82px;
    width: 72px;
  }

  .hero-product__seal b {
    font-size: 7px;
  }

  .hero-product__seal small {
    font-size: 6px;
  }

  .hero-product figcaption {
    left: 13px;
    right: 13px;
    bottom: 13px;
    min-height: 48px;
    padding: 8px 12px;
  }

  .hero-product figcaption span {
    font-size: 6px;
  }

  .hero-product figcaption span b {
    font-size: 13px;
  }

  .hero-product figcaption strong {
    font-size: 9px;
  }

  .trust-row {
    width: calc(100% - 24px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 17px 17px 0 0;
  }

  .trust-row > div,
  .trust-row > div:last-child {
    min-height: 88px;
    padding: 16px 11px;
    grid-column: auto;
    border-right: 1px solid var(--atelier-line);
    border-bottom: 1px solid var(--atelier-line);
  }

  .trust-row > div:nth-child(even) {
    border-right: 0;
  }

  .trust-row > div:last-child {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
  }

  .trust-row span {
    font-size: 11px;
  }

  .trust-row small {
    font-size: 8px;
  }

  .private-viewing {
    padding: 78px 0;
  }

  .private-viewing::before {
    font-size: 62px;
  }

  .private-viewing__layout {
    gap: 52px;
  }

  .private-viewing__visual {
    width: calc(100% - 14px);
  }

  .private-viewing__visual figure,
  .private-viewing__visual img {
    min-height: 500px;
    height: 500px;
  }

  .private-viewing__visual figure {
    border-radius: 180px 180px 22px 22px;
  }

  .private-viewing__visual figure::after {
    inset: 11px;
    border-radius: 170px 170px 16px 16px;
  }

  .private-viewing__number {
    right: -10px;
    top: 66px;
    width: 112px;
  }

  .private-viewing__number strong {
    font-size: 33px;
  }

  .private-viewing__visual figcaption {
    left: 13px;
    right: 13px;
    bottom: 13px;
    padding: 11px 13px;
  }

  .private-viewing__visual figcaption span {
    font-size: 6px;
  }

  .private-viewing__visual figcaption strong {
    font-size: 8px;
  }

  .private-viewing__content h2 {
    font-size: clamp(33px, 9.8vw, 43px);
  }

  .private-viewing__lead {
    font-size: 13px;
  }

  .private-viewing__steps li {
    grid-template-columns: 42px 1fr;
    gap: 13px;
  }

  .private-viewing__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .private-viewing__actions .button,
  .private-viewing__actions .text-link {
    width: 100%;
    justify-content: center;
  }

  .signature-collection {
    padding-top: 92px;
  }

  .flagship-concierge__inner {
    border-radius: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-product > img,
  .private-viewing__visual img,
  .page-hero-bg img {
    transition: none !important;
  }
}

/* ───────────────────────────────────────────────
   V177 — Grand Atelier Collection
   七大服務精品櫥窗、完整可讀對比與全站最高級視覺層次
   ─────────────────────────────────────────────── */

:root {
  --grand-white: #fffefa;
  --grand-ivory: #fbf7f1;
  --grand-cream: #f5ecdf;
  --grand-champagne: #e8d6ba;
  --grand-gold: #a87940;
  --grand-gold-deep: #75522d;
  --grand-ink: #29231d;
  --grand-copy: #62584e;
  --grand-muted: #918477;
  --grand-line: rgba(117, 82, 45, .17);
  --grand-line-strong: rgba(117, 82, 45, .32);
  --grand-shadow: 0 34px 100px rgba(65, 44, 23, .13);
  --grand-shadow-soft: 0 17px 52px rgba(65, 44, 23, .075);
}

body.grand-atelier-edition {
  background:
    radial-gradient(circle at 92% 2%, rgba(232, 214, 186, .25), transparent 22%),
    #faf6f0;
}

body.grand-atelier-edition::before {
  height: 3px;
  background: linear-gradient(90deg, transparent, #ead8bc 18%, #a87940 50%, #ead8bc 82%, transparent);
}

.grand-atelier-edition .hero .hero-grid::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION";
}

.grand-atelier-edition .page-hero::after {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
}

.grand-atelier-edition .atelier-page-kicker {
  border-color: var(--grand-line-strong);
  box-shadow: 0 10px 30px rgba(65, 44, 23, .055);
}

.grand-atelier-edition .flagship-hero-mark {
  box-shadow: 0 25px 76px rgba(65, 44, 23, .17);
}

.grand-atelier-edition .flagship-proofbar__inner > div {
  background: linear-gradient(180deg, rgba(255,255,255,.4), transparent);
}

/* 七大服務：修復第 02 卡白字白底，改為完整商品視覺櫥窗 */
.service-couture {
  position: relative;
  padding: 142px 0 128px;
  overflow: hidden;
  color: var(--grand-ink);
  border-block: 1px solid var(--grand-line);
  background:
    radial-gradient(circle at 8% 8%, rgba(232, 214, 186, .33), transparent 25%),
    radial-gradient(circle at 92% 48%, rgba(232, 214, 186, .22), transparent 25%),
    linear-gradient(145deg, #fffefa 0%, #f6eee3 100%);
}

.service-couture::before {
  content: "VII";
  position: absolute;
  right: -35px;
  top: 46px;
  color: rgba(117, 82, 45, .04);
  font: 600 clamp(180px, 28vw, 420px)/.8 var(--lux-latin);
  letter-spacing: -.04em;
  pointer-events: none;
}

.service-couture::after {
  content: "";
  position: absolute;
  left: -150px;
  bottom: 10%;
  width: 360px;
  aspect-ratio: 1;
  border: 1px solid rgba(168, 121, 64, .11);
  border-radius: 50%;
  box-shadow: inset 0 0 0 38px rgba(255,255,255,.16), inset 0 0 0 39px rgba(168,121,64,.06);
  pointer-events: none;
}

.service-couture__heading {
  position: relative;
  z-index: 2;
  margin-bottom: 60px;
  grid-template-columns: minmax(0, 1.08fr) minmax(370px, .72fr);
  align-items: end;
  gap: clamp(58px, 7vw, 100px);
}

.service-couture__heading h2 {
  max-width: 760px;
  color: var(--grand-ink);
  font-family: var(--lux-serif);
  font-size: clamp(40px, 4.7vw, 64px);
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: .055em;
  text-wrap: balance;
}

.service-couture__heading h2 em {
  display: inline-block;
  margin-top: 13px;
  color: var(--grand-gold-deep);
  font-size: .53em;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .09em;
}

.service-couture__edition {
  margin: -9px 0 16px;
  color: var(--grand-muted);
  font: 600 9px/1.4 var(--lux-latin);
  letter-spacing: .3em;
}

.service-couture__intro {
  padding: 5px 0 7px 29px;
  border-left: 1px solid var(--grand-champagne);
}

.service-couture__intro > span {
  display: block;
  margin-bottom: 12px;
  color: var(--grand-gold-deep);
  font: 600 9px/1.4 var(--lux-latin);
  letter-spacing: .26em;
}

.service-couture__intro p {
  color: var(--grand-copy);
  font-size: 14px;
  line-height: 1.9;
}

.service-couture__intro small {
  display: block;
  margin-top: 14px;
  padding-top: 13px;
  color: var(--grand-muted);
  border-top: 1px solid var(--grand-line);
  font-size: 10px;
  line-height: 1.7;
}

.service-catalog {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 17px;
}

.atelier-edition .service-couture .service-card {
  grid-column: span 4;
  min-width: 0;
  min-height: 470px;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  color: var(--grand-ink) !important;
  border: 1px solid var(--grand-line) !important;
  border-radius: 32px !important;
  background: linear-gradient(155deg, rgba(255,255,255,.99), rgba(255,252,247,.95)) !important;
  box-shadow: var(--grand-shadow-soft) !important;
  isolation: isolate;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease !important;
}

.atelier-edition .service-couture .service-card--lead,
.atelier-edition .service-couture .service-card--wide {
  grid-column: span 6;
}

.atelier-edition .service-couture .service-card--lead {
  min-height: 560px;
}

.atelier-edition .service-couture .service-card:hover {
  transform: translateY(-8px) !important;
  border-color: var(--grand-line-strong) !important;
  background: #fff !important;
  box-shadow: var(--grand-shadow) !important;
}

.service-couture .service-card::before {
  content: "";
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #d1ad79 25%, #9b6d38 50%, #d1ad79 75%, transparent);
}

.service-couture .service-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -58px;
  bottom: -58px;
  width: 160px;
  aspect-ratio: 1;
  border: 1px solid rgba(168, 121, 64, .09);
  border-radius: 50%;
}

.service-card__media {
  position: relative;
  height: 200px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 1px solid var(--grand-line);
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.95) 0 25%, transparent 58%),
    linear-gradient(145deg, #f7efe4, #ead7bb);
}

.service-card--lead .service-card__media {
  height: 270px;
}

.service-card__media::before {
  content: "";
  position: absolute;
  inset: 17px;
  z-index: 1;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 22px;
  pointer-events: none;
}

.service-card__media > span {
  position: absolute;
  z-index: 4;
  left: 24px;
  top: 22px;
  padding: 7px 10px;
  color: var(--grand-gold-deep);
  border: 1px solid rgba(117,82,45,.19);
  border-radius: 999px;
  background: rgba(255,254,250,.82);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .22em;
  backdrop-filter: blur(12px);
}

.service-card__media img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s ease, filter .5s ease;
}

.service-card:hover .service-card__media img {
  transform: scale(1.035);
}

.service-card--jewelry .service-card__media {
  background:
    radial-gradient(circle at 67% 46%, rgba(255,255,255,.98) 0 22%, transparent 54%),
    linear-gradient(135deg, #f8efe8, #ead3c8);
}

.service-card--jewelry .service-card__media img {
  width: 58%;
  height: 88%;
  margin-left: 28%;
  object-fit: contain;
  filter: saturate(.92) drop-shadow(0 19px 21px rgba(83,52,43,.14));
}

.service-card--urn .service-card__media {
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,.96) 0 27%, transparent 64%),
    linear-gradient(145deg, #f8f1e7, #e8d5b7);
}

.service-card--urn .service-card__media img {
  width: 99%;
  height: 92%;
  object-fit: contain;
  filter: saturate(.91) contrast(1.02) drop-shadow(0 20px 21px rgba(70,49,27,.15));
}

.service-card--urn .service-card__media i {
  position: absolute;
  z-index: 5;
  right: 20px;
  bottom: 17px;
  width: 82px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--grand-gold-deep);
  border: 1px solid var(--grand-line-strong);
  border-radius: 50%;
  background: rgba(255,254,250,.91);
  box-shadow: 0 13px 36px rgba(65,44,23,.11);
  font: 600 24px/1 var(--lux-latin);
  font-style: normal;
  backdrop-filter: blur(12px);
}

.service-card--urn .service-card__media i sup {
  font-size: .45em;
  vertical-align: super;
}

.service-card--urn .service-card__media i small {
  margin-top: 5px;
  font-family: var(--lux-serif);
  font-size: 7px;
  letter-spacing: .08em;
}

.service-card--paper .service-card__media img {
  width: 96%;
  height: 90%;
  object-fit: contain;
  filter: saturate(.92) drop-shadow(0 17px 17px rgba(65,44,23,.12));
}

.service-card--hall .service-card__media img {
  object-position: 50% 48%;
  filter: saturate(.72) contrast(1.02) brightness(1.05);
}

.service-card--boutique .service-card__media {
  background:
    radial-gradient(circle at 53% 49%, #fff 0 24%, transparent 58%),
    linear-gradient(145deg, #f8efeb, #ead7ce);
}

.service-card--boutique .service-card__media img {
  width: 78%;
  height: 92%;
  object-fit: contain;
  filter: saturate(.9) drop-shadow(0 17px 18px rgba(83,52,43,.12));
}

.service-card--care .service-card__media img,
.service-card--funeral .service-card__media img {
  filter: saturate(.74) contrast(1.02) brightness(1.055);
}

.service-card--care .service-card__media::after,
.service-card--funeral .service-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(90deg, rgba(255,254,250,.12), transparent 60%, rgba(65,44,23,.08));
  pointer-events: none;
}

.service-card__body {
  min-height: 270px;
  padding: 27px 28px 29px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  color: var(--grand-ink);
}

.service-card--lead .service-card__body {
  min-height: 290px;
  padding: 30px 32px 31px;
}

.service-couture .service-card__top {
  margin: 0 0 19px;
  padding-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border-bottom: 1px solid var(--grand-line);
}

.service-couture .service-card__top span,
.service-couture .service-card--accent .service-card__top span {
  color: var(--grand-gold-deep) !important;
  font: 600 31px/1 var(--lux-latin);
}

.service-couture .service-card__top small,
.service-couture .service-card--accent .service-card__top small {
  color: var(--grand-muted) !important;
  font: 600 7px/1.35 var(--lux-latin);
  letter-spacing: .19em;
  text-align: right;
}

.service-couture .service-card h3,
.service-couture .service-card--accent h3 {
  margin: 0 0 12px;
  color: var(--grand-ink) !important;
  font-family: var(--lux-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .06em;
}

.service-couture .service-card p,
.service-couture .service-card--accent p {
  margin: 0;
  color: var(--grand-muted) !important;
  font-size: 12px;
  line-height: 1.82;
}

.service-couture .service-card a,
.service-couture .service-card--accent a {
  width: fit-content;
  margin-top: auto;
  padding: 23px 0 3px;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: var(--grand-gold-deep) !important;
  border-bottom: 1px solid rgba(168,121,64,.35);
  font-family: var(--lux-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .07em;
}

.service-couture .service-card a b {
  font-family: var(--lux-latin);
  font-size: 17px;
  font-weight: 500;
  transition: transform .25s ease;
}

.service-couture .service-card a:hover b {
  transform: translateX(4px);
}

.service-card__proof {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.service-card__proof span {
  padding: 6px 9px;
  color: var(--grand-gold-deep);
  border: 1px solid var(--grand-line);
  border-radius: 999px;
  background: #faf4eb;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .08em;
}

.service-concierge {
  position: relative;
  z-index: 2;
  margin-top: 23px;
  padding: 29px 31px;
  display: grid;
  grid-template-columns: minmax(260px, .92fr) minmax(480px, 1.55fr) auto;
  align-items: center;
  gap: 30px;
  overflow: hidden;
  border: 1px solid var(--grand-line);
  border-radius: 28px;
  background: rgba(255,254,250,.84);
  box-shadow: var(--grand-shadow-soft);
  backdrop-filter: blur(14px);
}

.service-concierge::after {
  content: "";
  position: absolute;
  right: -50px;
  top: -50px;
  width: 140px;
  aspect-ratio: 1;
  border: 1px solid rgba(168,121,64,.1);
  border-radius: 50%;
  pointer-events: none;
}

.service-concierge__title > span {
  display: block;
  margin-bottom: 7px;
  color: var(--grand-gold-deep);
  font: 600 8px/1.4 var(--lux-latin);
  letter-spacing: .25em;
}

.service-concierge__title h3 {
  color: var(--grand-ink);
  font-family: var(--lux-serif);
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: .06em;
}

.service-concierge ol {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
}

.service-concierge li {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-left: 1px solid var(--grand-line);
}

.service-concierge li b {
  color: var(--grand-gold-deep);
  font: 600 17px/1 var(--lux-latin);
}

.service-concierge li span {
  color: var(--grand-copy);
  font-family: var(--lux-serif);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .05em;
}

.service-concierge .button {
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

/* 全站細節再提升：更精緻的輪廓與轉換區 */
.grand-atelier-edition .flagship-standard__card,
.grand-atelier-edition .signature-item,
.grand-atelier-edition .need-card,
.grand-atelier-edition .urn-price-card,
.grand-atelier-edition .plan-card,
.grand-atelier-edition .boutique-card {
  box-shadow: var(--grand-shadow-soft) !important;
}

.grand-atelier-edition .flagship-standard__card:hover,
.grand-atelier-edition .signature-item:hover,
.grand-atelier-edition .need-card:hover,
.grand-atelier-edition .boutique-card:hover {
  box-shadow: var(--grand-shadow) !important;
}

.grand-atelier-edition .flagship-concierge__inner {
  position: relative;
  border-color: var(--grand-line-strong);
  box-shadow: var(--grand-shadow);
}

.grand-atelier-edition .flagship-concierge__inner::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION";
  position: absolute;
  left: 38px;
  top: 24px;
  color: rgba(117,82,45,.58);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .26em;
}

.grand-atelier-edition .flagship-concierge__subline {
  display: inline-block;
  font-size: .86em;
  letter-spacing: .025em;
  white-space: nowrap;
}

.grand-atelier-edition footer::before {
  content: "ETERNAL LIFE · GRAND ATELIER";
  letter-spacing: .02em;
}

@media (max-width: 1120px) {
  .service-couture__heading {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .74fr);
    gap: 56px;
  }

  .atelier-edition .service-couture .service-card,
  .atelier-edition .service-couture .service-card--lead,
  .atelier-edition .service-couture .service-card--wide {
    grid-column: span 6;
  }

  .service-concierge {
    grid-template-columns: 1fr 1.75fr;
  }

  .service-concierge .button {
    grid-column: 1 / -1;
    width: fit-content;
  }
}

@media (max-width: 900px) {
  .service-couture {
    padding: 104px 0 96px;
  }

  .service-couture__heading {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .service-couture__intro {
    max-width: 680px;
  }

  .service-couture::before {
    top: 38px;
    font-size: 210px;
  }

  .service-concierge {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .service-concierge ol {
    border-block: 1px solid var(--grand-line);
  }

  .service-concierge li:first-child {
    border-left: 0;
  }

  .service-concierge .button {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .service-couture {
    padding: 80px 0 74px;
  }

  .service-couture__heading {
    margin-bottom: 39px;
    gap: 25px;
  }

  .service-couture__heading h2 {
    font-size: clamp(34px, 10.4vw, 45px);
  }

  .service-couture__heading h2 em {
    font-size: .5em;
    line-height: 1.65;
  }

  .service-couture__intro {
    padding-left: 20px;
  }

  .service-catalog {
    gap: 13px;
  }

  .atelier-edition .service-couture .service-card,
  .atelier-edition .service-couture .service-card--lead,
  .atelier-edition .service-couture .service-card--wide {
    grid-column: 1 / -1;
    min-height: 0;
    border-radius: 25px !important;
  }

  .service-card__media,
  .service-card--lead .service-card__media {
    height: 220px;
  }

  .service-card__media::before {
    inset: 11px;
    border-radius: 17px;
  }

  .service-card__media > span {
    left: 18px;
    top: 17px;
  }

  .service-card__body,
  .service-card--lead .service-card__body {
    min-height: 265px;
    padding: 24px 22px 26px;
  }

  .service-couture .service-card h3,
  .service-couture .service-card--accent h3 {
    font-size: 21px;
  }

  .service-concierge {
    padding: 26px 21px;
    border-radius: 24px;
  }

  .service-concierge ol {
    grid-template-columns: 1fr;
    border-bottom: 0;
  }

  .service-concierge li,
  .service-concierge li:first-child {
    min-height: 54px;
    padding: 12px 7px;
    border-left: 0;
    border-bottom: 1px solid var(--grand-line);
  }

  .service-concierge .button {
    width: 100%;
  }

  .grand-atelier-edition .flagship-concierge__inner::before {
    left: 22px;
    top: 17px;
  }

  .grand-atelier-edition .flagship-concierge__subline {
    display: block;
    font-size: .82em;
    line-height: 1.6;
    white-space: normal;
    word-break: keep-all;
    text-wrap: balance;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-card__media img,
  .service-couture .service-card,
  .service-couture .service-card a b {
    transition: none !important;
  }
}

/* =========================================================
   V177 — Ultimate Collection Flagship
   收藏級選品、精品導覽、全站高訂細節與手機轉換體驗
   ========================================================= */

:root {
  --haute-paper: #f8f4ed;
  --haute-ivory: #fffdf9;
  --haute-porcelain: #fffefa;
  --haute-sand: #eee2d2;
  --haute-champagne: #c7a477;
  --haute-gold: #a77943;
  --haute-gold-deep: #74502d;
  --haute-ink: #29241e;
  --haute-copy: #62584d;
  --haute-muted: #8a7d70;
  --haute-line: rgba(116, 80, 45, .16);
  --haute-line-strong: rgba(116, 80, 45, .3);
  --haute-shadow: 0 34px 96px rgba(74, 50, 26, .13);
  --haute-shadow-soft: 0 18px 52px rgba(74, 50, 26, .085);
}

body.haute-collection-edition {
  color: var(--haute-ink);
  background: var(--haute-paper);
}

.haute-progress {
  --haute-progress: 0;
  position: fixed;
  z-index: 10050;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  overflow: hidden;
  background: rgba(255, 253, 249, .55);
  pointer-events: none;
}

.haute-progress i {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(var(--haute-progress));
  transform-origin: left center;
  background: linear-gradient(90deg, #d9bd96 0%, #9a6a36 48%, #e4cfad 100%);
}

.haute-collection-edition .scroll-progress {
  height: 3px;
  background: linear-gradient(90deg, #d9bd96 0%, #9a6a36 48%, #e4cfad 100%);
}

.haute-collection-edition .site-header,
.haute-collection-edition .nav.scrolled {
  border-bottom-color: rgba(116, 80, 45, .13);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 16px 46px rgba(70, 47, 25, .055);
  backdrop-filter: blur(20px) saturate(1.06);
}

.haute-collection-edition .wordmark__en {
  color: var(--haute-gold-deep);
  letter-spacing: .38em;
}

.haute-collection-edition .desktop-nav a {
  position: relative;
}

.haute-collection-edition .desktop-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -9px;
  height: 1px;
  background: var(--haute-gold);
  transition: left .28s ease, right .28s ease;
}

.haute-collection-edition .desktop-nav a:hover::after,
.haute-collection-edition .desktop-nav a:focus-visible::after {
  left: 0;
  right: 0;
}

/* 首屏：以實品為主角，維持暖白而非暗色精品感 */
.haute-collection-edition .hero {
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 255, 255, .97) 0 13%, transparent 34%),
    radial-gradient(circle at 15% 12%, rgba(233, 213, 186, .34), transparent 29%),
    linear-gradient(135deg, #fffefa 0%, #f8f1e7 57%, #eddfcc 100%);
}

.haute-collection-edition .hero::after {
  content: "MAISON";
  position: absolute;
  z-index: -1;
  right: -1.5vw;
  top: 10%;
  color: rgba(116, 80, 45, .033);
  font: 600 clamp(110px, 18vw, 280px)/.8 var(--lux-latin);
  letter-spacing: -.055em;
  pointer-events: none;
}

.haute-collection-edition .hero-grid::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
  color: rgba(116, 80, 45, .62);
}

.haute-collection-edition .hero-copy {
  padding-block: 20px;
}

.haute-collection-edition .hero-copy::after {
  content: "PRIVATE\A VIEWING";
  white-space: pre;
  color: rgba(116, 80, 45, .16);
}

.haute-collection-edition .hero-edition {
  color: var(--haute-gold-deep);
  letter-spacing: .31em;
}

.haute-collection-edition .hero h1 {
  max-width: 680px;
  color: var(--haute-ink);
  font-size: clamp(48px, 5.55vw, 78px);
  letter-spacing: .035em;
}

.haute-collection-edition .hero h1 strong {
  color: var(--haute-gold-deep);
  font-weight: 600;
}

.haute-collection-edition .hero-subtitle {
  color: var(--haute-gold-deep);
}

.haute-collection-edition .hero-lead {
  max-width: 620px;
  color: var(--haute-copy);
}

.haute-collection-edition .hero-product {
  border-color: rgba(116, 80, 45, .24);
  background:
    linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .05)),
    radial-gradient(circle at 52% 41%, #fff 0 22%, #f4e9da 58%, #e6d3b8 100%);
  box-shadow: 0 38px 110px rgba(70, 47, 25, .14);
}

.haute-collection-edition .hero-product::before {
  border-color: rgba(116, 80, 45, .17);
}

.haute-collection-edition .hero-product::after {
  content: "CURATED IN TAICHUNG";
  position: absolute;
  top: 27px;
  right: 31px;
  color: rgba(116, 80, 45, .56);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .25em;
}

.haute-collection-edition .hero-product > img {
  filter: drop-shadow(0 22px 22px rgba(76, 51, 27, .11));
}

.haute-collection-edition .hero-product figcaption {
  border-color: rgba(116, 80, 45, .13);
  background: rgba(255, 254, 250, .88);
  box-shadow: 0 16px 42px rgba(70, 47, 25, .07);
}

.haute-collection-edition .hero-product__seal {
  border-color: rgba(116, 80, 45, .28);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 18px 50px rgba(70, 47, 25, .12);
}

.haute-collection-edition .trust-row {
  border-color: rgba(116, 80, 45, .16);
  background: rgba(255, 254, 250, .79);
  box-shadow: 0 20px 52px rgba(70, 47, 25, .07);
  backdrop-filter: blur(16px);
}

/* 長首頁的精品章節導覽 */
.collection-index {
  position: sticky;
  z-index: 88;
  top: 72px;
  padding: 0;
  border-top: 1px solid var(--haute-line);
  border-bottom: 1px solid var(--haute-line);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 12px 34px rgba(70, 47, 25, .045);
  backdrop-filter: blur(18px) saturate(1.05);
}

.collection-index__inner {
  min-height: 57px;
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.collection-index__inner::-webkit-scrollbar {
  display: none;
}

.collection-index__inner > span {
  flex: 0 0 auto;
  margin-right: 12px;
  padding-right: 24px;
  color: var(--haute-gold-deep);
  border-right: 1px solid var(--haute-line-strong);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .25em;
  white-space: nowrap;
}

.collection-index__inner a {
  flex: 0 0 auto;
  min-height: 57px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  color: var(--haute-copy);
  border-bottom: 1px solid transparent;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .065em;
  white-space: nowrap;
  transition: color .25s ease, border-color .25s ease, background .25s ease;
}

.collection-index__inner a:hover,
.collection-index__inner a:focus-visible {
  color: var(--haute-gold-deep);
  border-bottom-color: var(--haute-gold);
  background: rgba(232, 214, 190, .18);
}

/* 收藏級選品標準 */
.masterpiece-guide {
  position: relative;
  padding: 158px 0 150px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 255, 255, .92), transparent 27%),
    radial-gradient(circle at 88% 86%, rgba(225, 204, 175, .24), transparent 26%),
    linear-gradient(135deg, #f1e6d8 0%, #fffdf9 48%, #f7f0e6 100%);
}

.masterpiece-guide::before {
  content: "04";
  position: absolute;
  right: -12px;
  top: 15px;
  color: rgba(116, 80, 45, .045);
  font: 600 clamp(150px, 23vw, 330px)/1 var(--lux-latin);
  letter-spacing: -.06em;
}

.masterpiece-guide::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -270px;
  bottom: -120px;
  border: 1px solid rgba(116, 80, 45, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(116, 80, 45, .025), 0 0 0 104px rgba(116, 80, 45, .018);
}

.masterpiece-guide__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: clamp(62px, 7vw, 104px);
}

.masterpiece-guide__stage {
  min-width: 0;
  margin: 0;
}

.masterpiece-guide__frame {
  position: relative;
  min-height: 660px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(116, 80, 45, .24);
  border-radius: 260px 260px 34px 34px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .56), transparent 42%),
    radial-gradient(circle at 50% 47%, #fff 0 24%, #f4e8d7 60%, #e4cfb3 100%);
  box-shadow: var(--haute-shadow);
}

.masterpiece-guide__frame::before,
.masterpiece-guide__frame::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  pointer-events: none;
}

.masterpiece-guide__frame::before {
  inset: 21px;
  border: 1px solid rgba(116, 80, 45, .15);
  border-radius: 240px 240px 23px 23px;
}

.masterpiece-guide__frame::after {
  width: 370px;
  height: 370px;
  border: 1px solid rgba(116, 80, 45, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 40px rgba(116, 80, 45, .035), 0 0 0 80px rgba(116, 80, 45, .025);
}

.masterpiece-guide__frame > img {
  position: relative;
  z-index: 2;
  width: 112%;
  max-width: none;
  height: auto;
  filter: drop-shadow(0 25px 25px rgba(75, 50, 27, .12));
}

.masterpiece-guide__edition,
.masterpiece-guide__chapter {
  position: absolute;
  z-index: 3;
  top: 38px;
  color: rgba(116, 80, 45, .67);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .23em;
}

.masterpiece-guide__edition {
  left: 46px;
}

.masterpiece-guide__chapter {
  right: 46px;
}

.masterpiece-guide__frame > i {
  position: absolute;
  z-index: 4;
  right: 32px;
  bottom: 31px;
  width: 116px;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  border: 1px solid rgba(116, 80, 45, .25);
  border-radius: 50%;
  color: var(--haute-gold-deep);
  background: rgba(255, 254, 250, .93);
  box-shadow: 0 18px 45px rgba(70, 47, 25, .11);
  text-align: center;
  font-style: normal;
}

.masterpiece-guide__frame > i::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(116, 80, 45, .13);
  border-radius: 50%;
}

.masterpiece-guide__frame > i b,
.masterpiece-guide__frame > i small {
  position: relative;
  z-index: 1;
  display: block;
}

.masterpiece-guide__frame > i b {
  font: 600 30px/1 var(--lux-latin);
}

.masterpiece-guide__frame > i b sup {
  font-size: .42em;
  vertical-align: super;
}

.masterpiece-guide__frame > i small {
  margin-top: 8px;
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .18em;
}

.masterpiece-guide__stage figcaption {
  margin-top: 17px;
  padding: 16px 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--haute-line);
  border-radius: 999px;
  background: rgba(255, 254, 250, .74);
}

.masterpiece-guide__stage figcaption span {
  color: var(--haute-muted);
  border-left: 1px solid var(--haute-line);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-align: center;
}

.masterpiece-guide__stage figcaption span:first-child {
  border-left: 0;
}

.masterpiece-guide__content {
  min-width: 0;
}

.masterpiece-guide__edition-copy {
  margin: 0 0 20px;
  color: var(--haute-gold-deep);
  font: 600 8px/1.4 var(--lux-latin);
  letter-spacing: .29em;
}

.masterpiece-guide__content h2 {
  max-width: 680px;
  color: var(--haute-ink);
  font-family: var(--lux-serif);
  font-size: clamp(37px, 3.55vw, 52px);
  font-weight: 600;
  line-height: 1.48;
  letter-spacing: .055em;
}

/* 章節導覽直接跳轉時也立即呈現，不讓高級內容先出現空白畫面。 */
.masterpiece-guide .reveal,
.masterpiece-guide .reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.masterpiece-guide__content h2 em {
  color: var(--haute-gold-deep);
  font-size: .58em;
  font-style: normal;
  letter-spacing: .09em;
}

.masterpiece-guide__lead {
  max-width: 680px;
  margin-top: 25px;
  color: var(--haute-copy);
  font-size: 14px;
  line-height: 2;
}

.masterpiece-guide__standards {
  margin: 35px 0 0;
  padding: 0;
  border-top: 1px solid var(--haute-line-strong);
  list-style: none;
}

.masterpiece-guide__standards li {
  padding: 21px 0;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  border-bottom: 1px solid var(--haute-line);
}

.masterpiece-guide__standards li > b {
  padding-top: 4px;
  color: var(--haute-gold-deep);
  font: 600 23px/1 var(--lux-latin);
}

.masterpiece-guide__standards li div {
  display: grid;
  grid-template-columns: 90px minmax(128px, .72fr) minmax(0, 1.45fr);
  align-items: baseline;
  gap: 14px;
}

.masterpiece-guide__standards span {
  color: var(--haute-muted);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .22em;
}

.masterpiece-guide__standards h3 {
  color: var(--haute-ink);
  font-family: var(--lux-serif);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .07em;
}

.masterpiece-guide__standards p {
  color: var(--haute-muted);
  font-size: 11px;
  line-height: 1.8;
}

.masterpiece-guide__actions {
  margin-top: 31px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 27px;
}

.masterpiece-guide__note {
  margin-top: 23px;
  padding: 13px 16px;
  color: var(--haute-muted);
  border-left: 2px solid var(--haute-champagne);
  background: rgba(255, 255, 255, .48);
  font-size: 10px;
  line-height: 1.75;
}

/* 全站高訂細節：內容頁與轉換區一致 */
.haute-collection-edition .page-hero::after {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
}

.haute-collection-edition .atelier-page-kicker {
  border-color: var(--haute-line-strong);
  color: var(--haute-gold-deep);
  background: rgba(255, 254, 250, .84);
  box-shadow: 0 9px 24px rgba(70, 47, 25, .05);
}

.haute-collection-edition .flagship-hero-mark {
  border-color: var(--haute-line-strong);
  box-shadow: 0 28px 75px rgba(70, 47, 25, .14);
}

.haute-collection-edition .flagship-proofbar__inner {
  background: rgba(255, 254, 250, .9);
  box-shadow: 0 18px 52px rgba(70, 47, 25, .06);
}

.haute-collection-edition .flagship-standard__card,
.haute-collection-edition .signature-item,
.haute-collection-edition .service-card,
.haute-collection-edition .need-card,
.haute-collection-edition .plan-card,
.haute-collection-edition .boutique-card,
.haute-collection-edition .urn-price-card {
  border-color: rgba(116, 80, 45, .16) !important;
  box-shadow: var(--haute-shadow-soft) !important;
}

.haute-collection-edition .flagship-standard__card:hover,
.haute-collection-edition .signature-item:hover,
.haute-collection-edition .service-card:hover,
.haute-collection-edition .need-card:hover,
.haute-collection-edition .boutique-card:hover {
  border-color: rgba(116, 80, 45, .28) !important;
  box-shadow: var(--haute-shadow) !important;
}

.haute-collection-edition .flagship-concierge__inner {
  border-color: var(--haute-line-strong);
  box-shadow: var(--haute-shadow);
}

.haute-collection-edition .flagship-concierge__inner::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION";
  color: rgba(116, 80, 45, .62);
}

.haute-collection-edition footer::before {
  content: "ETERNAL LIFE · HAUTE COLLECTION";
}

.haute-collection-edition :focus-visible {
  outline: 2px solid var(--haute-gold);
  outline-offset: 4px;
}

/* 只在沒有既有手機導覽時由 V177 建立；三種均套用同一精品樣式 */
.haute-mobile-dock {
  display: none;
}

@media (max-width: 1120px) {
  .collection-index {
    top: 68px;
  }

  .collection-index__inner > span {
    padding-left: 4px;
  }

  .masterpiece-guide {
    padding-block: 126px;
  }

  .masterpiece-guide__layout {
    grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr);
    gap: 54px;
  }

  .masterpiece-guide__frame {
    min-height: 590px;
  }

  .masterpiece-guide__standards li div {
    grid-template-columns: 76px 1fr;
  }

  .masterpiece-guide__standards li div p {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .collection-index {
    top: 64px;
  }

  .masterpiece-guide__layout {
    grid-template-columns: 1fr;
    gap: 68px;
  }

  .masterpiece-guide__stage {
    width: min(620px, 100%);
    margin-inline: auto;
  }

  .masterpiece-guide__frame {
    min-height: 640px;
  }

  .masterpiece-guide__content {
    max-width: 720px;
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  body.haute-collection-edition {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .haute-collection-edition .hero::after {
    top: 16%;
    right: -8%;
    font-size: 112px;
  }

  .haute-collection-edition .hero h1 {
    font-size: clamp(39px, 11.6vw, 54px);
    line-height: 1.24;
  }

  .haute-collection-edition .hero-product::after {
    top: 19px;
    right: 21px;
  }

  .collection-index {
    top: 61px;
  }

  .collection-index__inner {
    min-height: 51px;
    padding-inline: 0;
  }

  .collection-index__inner > span {
    display: none;
  }

  .collection-index__inner a {
    min-height: 51px;
    padding-inline: 15px;
    font-size: 11px;
  }

  .masterpiece-guide {
    padding: 88px 0 84px;
  }

  .masterpiece-guide::before {
    right: -5px;
    top: 25px;
    font-size: 140px;
  }

  .masterpiece-guide__layout {
    gap: 49px;
  }

  .masterpiece-guide__frame {
    min-height: 500px;
    border-radius: 190px 190px 25px 25px;
  }

  .masterpiece-guide__frame::before {
    inset: 14px;
    border-radius: 180px 180px 17px 17px;
  }

  .masterpiece-guide__frame::after {
    width: 270px;
    height: 270px;
  }

  .masterpiece-guide__frame > img {
    width: 121%;
  }

  .masterpiece-guide__edition,
  .masterpiece-guide__chapter {
    top: 28px;
    font-size: 6px;
  }

  .masterpiece-guide__edition {
    left: 28px;
  }

  .masterpiece-guide__chapter {
    right: 28px;
  }

  .masterpiece-guide__frame > i {
    right: 22px;
    bottom: 22px;
    width: 93px;
  }

  .masterpiece-guide__frame > i b {
    font-size: 25px;
  }

  .masterpiece-guide__stage figcaption {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 0;
    border-radius: 20px;
  }

  .masterpiece-guide__stage figcaption span:nth-child(3) {
    border-left: 0;
  }

  .masterpiece-guide__content h2 {
    font-size: clamp(34px, 9.7vw, 45px);
    line-height: 1.45;
  }

  .masterpiece-guide__content h2 em {
    display: inline-block;
    margin-top: 8px;
    font-size: .55em;
    line-height: 1.65;
  }

  .masterpiece-guide__standards li {
    grid-template-columns: 42px 1fr;
    gap: 11px;
  }

  .masterpiece-guide__standards li div {
    grid-template-columns: 78px 1fr;
  }

  .masterpiece-guide__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .masterpiece-guide__actions .button {
    width: 100%;
  }

  .haute-mobile-dock,
  .haute-collection-edition .mobile-action-bar,
  .haute-collection-edition .mobile-bottom-nav {
    position: fixed !important;
    z-index: 10030 !important;
    left: 9px !important;
    right: 9px !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-height: 61px;
    padding: 6px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    border: 1px solid rgba(116, 80, 45, .2) !important;
    border-radius: 19px !important;
    background: rgba(255, 254, 250, .95) !important;
    box-shadow: 0 18px 52px rgba(70, 47, 25, .18) !important;
    backdrop-filter: blur(20px) saturate(1.08);
  }

  .haute-mobile-dock {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .haute-mobile-dock a,
  .haute-collection-edition .mobile-action-bar > *,
  .haute-collection-edition .mobile-bottom-nav > * {
    min-width: 0;
    min-height: 49px;
    padding: 6px 4px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    color: var(--haute-copy) !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center;
  }

  .haute-mobile-dock small,
  .haute-collection-edition .mobile-action-bar small,
  .haute-collection-edition .mobile-bottom-nav small,
  .haute-collection-edition .mobile-bottom-nav .mbn-ico {
    color: var(--haute-muted) !important;
    font-size: 8px !important;
    line-height: 1.2;
    letter-spacing: .04em;
  }

  .haute-mobile-dock strong,
  .haute-collection-edition .mobile-action-bar span,
  .haute-collection-edition .mobile-action-bar button > span,
  .haute-collection-edition .mobile-bottom-nav .mbn-item {
    color: var(--haute-ink) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.35;
  }

  .haute-mobile-dock__primary,
  .haute-collection-edition .mobile-action-bar > :last-child,
  .haute-collection-edition .mobile-bottom-nav .mbn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #b18450, #7c552f) !important;
  }

  .haute-mobile-dock__primary small,
  .haute-mobile-dock__primary strong,
  .haute-collection-edition .mobile-action-bar > :last-child span,
  .haute-collection-edition .mobile-action-bar > :last-child small,
  .haute-collection-edition .mobile-bottom-nav .mbn-primary,
  .haute-collection-edition .mobile-bottom-nav .mbn-primary * {
    color: #fff !important;
  }

  .haute-collection-edition .back-to-top {
    right: 15px;
    bottom: calc(87px + env(safe-area-inset-bottom));
  }

  .haute-collection-edition .sticky-cta {
    bottom: calc(145px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 430px) {
  .masterpiece-guide__frame {
    min-height: 438px;
  }

  .masterpiece-guide__frame > img {
    width: 128%;
  }

  .masterpiece-guide__stage figcaption {
    padding-inline: 8px;
  }

  .masterpiece-guide__standards h3 {
    font-size: 15px;
  }

  .masterpiece-guide__standards p {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .haute-progress i,
  .haute-collection-edition .desktop-nav a::after {
    transition: none !important;
  }
}

/* =========================================================
   V177 — Ultimate Collection / Research-led Conversion Layer
   暖白、象牙白、香檳金；不改動實品色澤與透明去背內容
   ========================================================= */

.ultimate-collection-edition {
  --ultimate-ink: #2b251f;
  --ultimate-copy: #554a40;
  --ultimate-muted: #857668;
  --ultimate-gold: #a87740;
  --ultimate-gold-deep: #79532f;
  --ultimate-champagne: #d9bc94;
  --ultimate-ivory: #fbf7f0;
  --ultimate-paper: #fffefa;
  --ultimate-line: rgba(121, 83, 47, .15);
  --ultimate-line-strong: rgba(121, 83, 47, .28);
  --ultimate-shadow: 0 38px 100px rgba(79, 54, 30, .12);
  --ultimate-shadow-soft: 0 20px 58px rgba(79, 54, 30, .08);
  color: var(--ultimate-ink);
  background: var(--ultimate-paper);
}

.ultimate-collection-edition .hero-product > img,
.ultimate-collection-edition .masterpiece-guide__frame > img,
.ultimate-collection-edition .selection-record__arch > img,
.ultimate-collection-edition .flagship-concierge__visual img {
  filter: drop-shadow(0 24px 27px rgba(68, 47, 26, .15)) !important;
}

/* 首屏與可直接導覽的重點章節立即顯示，避免載入或錨點跳轉時短暫留白。 */
.ultimate-collection-edition .hero .reveal,
.ultimate-collection-edition .decision-atelier .reveal,
.ultimate-collection-edition .selection-record .reveal,
.ultimate-collection-edition .private-request .reveal,
.ultimate-collection-edition .hero .reveal.is-visible,
.ultimate-collection-edition .decision-atelier .reveal.is-visible,
.ultimate-collection-edition .selection-record .reveal.is-visible,
.ultimate-collection-edition .private-request .reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.ultimate-collection-edition .collection-index a {
  position: relative;
}

.ultimate-collection-edition .collection-index a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -9px;
  height: 1px;
  background: var(--ultimate-gold);
  transition: right .28s ease;
}

.ultimate-collection-edition .collection-index a:hover::after,
.ultimate-collection-edition .collection-index a.is-active::after {
  right: 0;
}

.ultimate-collection-edition .collection-index a.is-active {
  color: var(--ultimate-gold-deep);
}

.decision-atelier,
.selection-record,
.private-request {
  scroll-margin-top: 145px;
}

/* 選前三件事 */
.decision-atelier {
  position: relative;
  padding: 136px 0 124px;
  overflow: hidden;
  border-block: 1px solid var(--ultimate-line);
  background:
    radial-gradient(circle at 92% 12%, rgba(219, 193, 157, .24), transparent 25%),
    linear-gradient(145deg, #fffefa 0%, #f8f0e5 100%);
}

.decision-atelier::before {
  content: "03";
  position: absolute;
  right: -24px;
  top: 14px;
  color: rgba(121, 83, 47, .045);
  font: 600 clamp(170px, 25vw, 360px)/.9 var(--lux-latin);
  letter-spacing: -.08em;
  pointer-events: none;
}

.decision-atelier::after {
  content: "";
  position: absolute;
  left: -180px;
  bottom: -250px;
  width: 480px;
  aspect-ratio: 1;
  border: 1px solid rgba(121, 83, 47, .11);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(121, 83, 47, .025), 0 0 0 110px rgba(121, 83, 47, .018);
  pointer-events: none;
}

.decision-atelier > .shell {
  position: relative;
  z-index: 1;
}

.decision-atelier__head {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(330px, .7fr);
  align-items: end;
  gap: clamp(50px, 7vw, 108px);
}

.decision-atelier__edition,
.selection-record__edition,
.private-request__edition {
  margin: 0 0 19px;
  color: var(--ultimate-gold-deep);
  font: 600 8px/1.4 var(--lux-latin);
  letter-spacing: .3em;
}

.decision-atelier__head h2,
.selection-record__content h2,
.private-request__copy h2 {
  margin: 0;
  color: var(--ultimate-ink);
  font-family: var(--lux-serif);
  font-size: clamp(43px, 4.8vw, 68px);
  font-weight: 600;
  line-height: 1.34;
  letter-spacing: .045em;
}

.decision-atelier__head h2 em,
.selection-record__content h2 em,
.private-request__copy h2 em {
  color: var(--ultimate-gold-deep);
  font-size: .58em;
  font-style: normal;
  letter-spacing: .08em;
}

.private-request__copy h2 {
  font-size: clamp(41px, 3.55vw, 50px);
}

.decision-atelier__intro {
  padding: 0 0 8px 34px;
  border-left: 1px solid var(--ultimate-line-strong);
}

.decision-atelier__intro p {
  margin: 0 0 24px;
  color: var(--ultimate-copy);
  font-size: 13px;
  line-height: 1.95;
}

.decision-atelier__grid {
  margin-top: 67px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 33px;
  background: var(--ultimate-line-strong);
  box-shadow: var(--ultimate-shadow-soft);
}

.decision-card {
  position: relative;
  min-height: 322px;
  padding: 37px 38px 34px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .74), transparent 55%),
    var(--ultimate-paper);
  transition: transform .3s ease, background .3s ease;
}

.decision-card::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -75px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(121, 83, 47, .11);
  border-radius: 50%;
  box-shadow: inset 0 0 0 28px rgba(121, 83, 47, .025);
}

.decision-card:hover {
  z-index: 1;
  background: #fff;
  transform: translateY(-4px);
}

.decision-card__top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 22px;
}

.decision-card__top b {
  color: var(--ultimate-gold-deep);
  font: 600 38px/1 var(--lux-latin);
}

.decision-card__top span {
  color: var(--ultimate-muted);
  font: 600 8px/1.3 var(--lux-latin);
  letter-spacing: .24em;
}

.decision-card h3 {
  margin: 54px 0 17px;
  color: var(--ultimate-ink);
  font-family: var(--lux-serif);
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .07em;
}

.decision-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--ultimate-copy);
  font-size: 13px;
  line-height: 1.9;
}

.decision-card small {
  position: absolute;
  z-index: 1;
  left: 38px;
  right: 38px;
  bottom: 30px;
  padding-top: 14px;
  color: var(--ultimate-muted);
  border-top: 1px solid var(--ultimate-line);
  font-size: 10px;
  line-height: 1.55;
}

.decision-atelier__note {
  margin-top: 23px;
  min-height: 94px;
  padding: 18px 20px 18px 28px;
  display: grid;
  grid-template-columns: auto minmax(330px, .85fr) minmax(240px, 1fr) auto;
  align-items: center;
  gap: 28px;
  border: 1px solid var(--ultimate-line);
  border-radius: 23px;
  background: rgba(255, 254, 250, .82);
  box-shadow: 0 13px 38px rgba(79, 54, 30, .055);
  backdrop-filter: blur(16px);
}

.decision-atelier__note > div {
  display: flex;
  align-items: baseline;
  gap: 13px;
  white-space: nowrap;
}

.decision-atelier__note > div span {
  color: var(--ultimate-gold-deep);
  font: 600 23px/1 var(--lux-latin);
}

.decision-atelier__note > div strong {
  color: var(--ultimate-ink);
  font-family: var(--lux-serif);
  font-size: 15px;
  letter-spacing: .08em;
}

.decision-atelier__note ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px 22px;
  list-style: none;
}

.decision-atelier__note li {
  position: relative;
  padding-left: 13px;
  color: var(--ultimate-copy);
  font-size: 11px;
  white-space: nowrap;
}

.decision-atelier__note li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--ultimate-gold);
}

.decision-atelier__note > p {
  margin: 0;
  color: var(--ultimate-muted);
  font-size: 10px;
  line-height: 1.7;
}

.decision-atelier__note .button {
  white-space: nowrap;
}

/* 一物一檔 */
.selection-record {
  position: relative;
  padding: 150px 0 144px;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 90%, rgba(226, 205, 176, .32), transparent 27%),
    linear-gradient(155deg, #f7efe4 0%, #fffefa 52%, #f4e8d8 100%);
}

.selection-record::before {
  content: "RECORD";
  position: absolute;
  left: 50%;
  top: 28px;
  color: rgba(121, 83, 47, .035);
  font: 600 clamp(94px, 15vw, 220px)/1 var(--lux-latin);
  letter-spacing: .12em;
  transform: translateX(-50%);
  pointer-events: none;
}

.selection-record__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(410px, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(64px, 7vw, 112px);
}

.selection-record__visual {
  min-width: 0;
  margin: 0;
}

.selection-record__arch {
  position: relative;
  min-height: 650px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 260px 260px 32px 32px;
  background:
    radial-gradient(circle at 50% 45%, #fff 0 27%, rgba(255, 255, 255, .62) 45%, transparent 70%),
    linear-gradient(150deg, #fffefa, #e9d5b9);
  box-shadow: var(--ultimate-shadow);
}

.selection-record__arch::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(121, 83, 47, .15);
  border-radius: 242px 242px 22px 22px;
}

.selection-record__arch::after {
  content: "";
  position: absolute;
  width: 390px;
  aspect-ratio: 1;
  border: 1px solid rgba(121, 83, 47, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(121, 83, 47, .035), 0 0 0 84px rgba(121, 83, 47, .02);
}

.selection-record__arch > span {
  position: absolute;
  z-index: 4;
  top: 43px;
  left: 50%;
  color: var(--ultimate-gold-deep);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .28em;
  white-space: nowrap;
  transform: translateX(-50%);
}

.selection-record__arch > img {
  position: relative;
  z-index: 2;
  width: 119%;
  max-width: none;
  height: auto;
}

.selection-record__arch > i {
  position: absolute;
  z-index: 5;
  right: 31px;
  bottom: 30px;
  width: 112px;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 50%;
  color: var(--ultimate-gold-deep);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 17px 42px rgba(70, 47, 25, .11);
  text-align: center;
  font-style: normal;
}

.selection-record__arch > i::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid var(--ultimate-line);
  border-radius: 50%;
}

.selection-record__arch > i b,
.selection-record__arch > i small {
  position: relative;
  z-index: 1;
  display: block;
}

.selection-record__arch > i b {
  font: 600 29px/1 var(--lux-latin);
}

.selection-record__arch > i small {
  margin-top: 7px;
  font: 600 7px/1.35 var(--lux-latin);
  letter-spacing: .16em;
}

.selection-record__visual figcaption {
  margin-top: 16px;
  padding: 15px 16px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--ultimate-line);
  border-radius: 999px;
  background: rgba(255, 254, 250, .78);
}

.selection-record__visual figcaption span {
  color: var(--ultimate-muted);
  border-left: 1px solid var(--ultimate-line);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  text-align: center;
}

.selection-record__visual figcaption span:first-child {
  border-left: 0;
}

.selection-record__content {
  min-width: 0;
}

.selection-record__lead {
  margin: 25px 0 0;
  color: var(--ultimate-copy);
  font-size: 14px;
  line-height: 2;
}

.selection-record__ledger {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--ultimate-line-strong);
}

.selection-record__ledger article {
  min-height: 126px;
  padding: 22px 20px 20px 0;
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 13px;
  border-bottom: 1px solid var(--ultimate-line);
}

.selection-record__ledger article:nth-child(even) {
  padding-left: 22px;
  border-left: 1px solid var(--ultimate-line);
}

.selection-record__ledger article > b {
  padding-top: 5px;
  color: var(--ultimate-gold-deep);
  font: 600 20px/1 var(--lux-latin);
}

.selection-record__ledger span {
  color: var(--ultimate-muted);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .22em;
}

.selection-record__ledger h3 {
  margin: 7px 0 7px;
  color: var(--ultimate-ink);
  font-family: var(--lux-serif);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .08em;
}

.selection-record__ledger p {
  margin: 0;
  color: var(--ultimate-muted);
  font-size: 10px;
  line-height: 1.75;
}

.selection-record__assurance {
  margin-top: 26px;
  padding: 21px 24px;
  display: grid;
  grid-template-columns: auto 1fr auto auto 1fr;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 23px;
  background: rgba(255, 254, 250, .82);
  box-shadow: 0 12px 32px rgba(70, 47, 25, .055);
}

.selection-record__assurance strong {
  color: var(--ultimate-gold-deep);
  font: 600 31px/1 var(--lux-latin);
  white-space: nowrap;
}

.selection-record__assurance strong small {
  margin-left: 3px;
  font: 600 9px/1 var(--lux-serif);
  letter-spacing: .05em;
}

.selection-record__assurance span {
  color: var(--ultimate-copy);
  font-size: 10px;
  line-height: 1.6;
}

.selection-record__assurance i {
  color: var(--ultimate-champagne);
  font-family: var(--lux-serif);
  font-size: 22px;
  font-style: normal;
}

.selection-record__note {
  margin: 16px 0 0;
  padding-left: 15px;
  color: var(--ultimate-muted);
  border-left: 2px solid var(--ultimate-champagne);
  font-size: 9px;
  line-height: 1.75;
}

/* 30 秒私人鑑賞需求單 */
.private-request {
  position: relative;
  padding: 148px 0;
  overflow: hidden;
  border-block: 1px solid var(--ultimate-line);
  background:
    radial-gradient(circle at 7% 10%, rgba(255, 255, 255, .92), transparent 28%),
    radial-gradient(circle at 90% 88%, rgba(218, 189, 148, .26), transparent 28%),
    linear-gradient(135deg, #efe1cf 0%, #fffdf9 51%, #f4e9da 100%);
}

.private-request::before {
  content: "PRIVATE";
  position: absolute;
  right: -23px;
  top: 38px;
  color: rgba(121, 83, 47, .035);
  font: 600 clamp(100px, 16vw, 230px)/1 var(--lux-latin);
  letter-spacing: .09em;
}

.private-request__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(480px, 1.17fr);
  align-items: center;
  gap: clamp(62px, 8vw, 124px);
}

.private-request__copy > p:not(.eyebrow):not(.private-request__edition):not(.private-request__legal) {
  max-width: 580px;
  margin: 28px 0 0;
  color: var(--ultimate-copy);
  font-size: 14px;
  line-height: 2;
}

.private-request__copy > ul {
  margin: 32px 0 0;
  padding: 0;
  border-top: 1px solid var(--ultimate-line-strong);
  list-style: none;
}

.private-request__copy > ul li {
  padding: 17px 0;
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid var(--ultimate-line);
}

.private-request__copy > ul b {
  color: var(--ultimate-gold-deep);
  font: 600 17px/1 var(--lux-latin);
}

.private-request__copy > ul span {
  color: var(--ultimate-copy);
  font-size: 12px;
}

.private-request__contact {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.private-request__contact a {
  padding: 17px 18px;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 17px;
  background: rgba(255, 254, 250, .62);
}

.private-request__contact small,
.private-request__contact strong {
  display: block;
}

.private-request__contact small {
  color: var(--ultimate-muted);
  font: 600 7px/1 var(--lux-latin);
  letter-spacing: .2em;
}

.private-request__contact strong {
  margin-top: 7px;
  color: var(--ultimate-gold-deep);
  font: 600 18px/1.2 var(--lux-latin);
}

.private-request__legal {
  margin: 18px 0 0;
  color: var(--ultimate-muted);
  font-size: 8px;
  line-height: 1.6;
  letter-spacing: .08em;
}

.private-request__form {
  position: relative;
  margin: 0;
  padding: 42px 44px 38px;
  overflow: hidden;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 253, 248, .92));
  box-shadow: var(--ultimate-shadow);
}

.private-request__form::before {
  content: "";
  position: absolute;
  right: -92px;
  top: -106px;
  width: 250px;
  aspect-ratio: 1;
  border: 1px solid rgba(121, 83, 47, .12);
  border-radius: 50%;
  box-shadow: inset 0 0 0 38px rgba(121, 83, 47, .025), 0 0 0 34px rgba(121, 83, 47, .018);
}

.private-request__honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.private-request__form > header {
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--ultimate-line-strong);
}

.private-request__form > header span,
.private-request__form > header strong,
.private-request__form > header small {
  display: block;
}

.private-request__form > header span {
  color: var(--ultimate-gold-deep);
  font: 600 8px/1 var(--lux-latin);
  letter-spacing: .25em;
}

.private-request__form > header strong {
  margin-top: 11px;
  color: var(--ultimate-ink);
  font-family: var(--lux-serif);
  font-size: 29px;
  font-weight: 600;
  letter-spacing: .1em;
}

.private-request__form > header small {
  margin-top: 8px;
  color: var(--ultimate-muted);
  font-size: 10px;
}

.private-request__fields {
  position: relative;
  z-index: 1;
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px 16px;
}

.private-request__fields label,
.private-request__fields label > span {
  display: block;
}

.private-request__fields label > span {
  margin: 0 0 8px 2px;
  color: var(--ultimate-copy);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .05em;
}

.private-request__fields input,
.private-request__fields select,
.private-request__fields textarea {
  width: 100%;
  min-height: 52px;
  padding: 13px 15px;
  color: var(--ultimate-ink);
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 13px;
  outline: 0;
  background: rgba(255, 254, 250, .82);
  font: 500 13px/1.5 var(--lux-sans);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.private-request__fields textarea {
  min-height: 112px;
  resize: vertical;
}

.private-request__fields input:focus,
.private-request__fields select:focus,
.private-request__fields textarea:focus {
  border-color: var(--ultimate-gold);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(168, 119, 64, .1);
}

.private-request__field--wide {
  grid-column: 1 / -1;
}

.private-request__consent {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: start;
  gap: 9px;
  color: var(--ultimate-muted);
  font-size: 10px;
  line-height: 1.65;
}

.private-request__consent input {
  width: 16px;
  height: 16px;
  margin: 1px 0 0;
  accent-color: var(--ultimate-gold-deep);
}

.private-request__consent a {
  color: var(--ultimate-gold-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.private-request__submit {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: 22px;
  min-height: 57px;
  justify-content: center;
  border: 0;
  cursor: pointer;
}

.private-request__form-note {
  position: relative;
  z-index: 1;
  margin: 13px 0 0;
  color: var(--ultimate-muted);
  font-size: 8px;
  line-height: 1.65;
  text-align: center;
}

.private-request__success {
  position: relative;
  z-index: 2;
  margin-top: 20px;
  padding: 18px 20px;
  border: 1px solid var(--ultimate-line-strong);
  border-radius: 16px;
  background: #f7efe3;
}

.private-request__success b,
.private-request__success span {
  display: block;
}

.private-request__success b {
  color: var(--ultimate-gold-deep);
  font-family: var(--lux-serif);
  font-size: 17px;
}

.private-request__success span {
  margin-top: 5px;
  color: var(--ultimate-copy);
  font-size: 10px;
  line-height: 1.7;
}

.private-request__form.is-submitted {
  border-color: rgba(168, 119, 64, .42);
}

/* FAQ 與全站細節再精緻化 */
.ultimate-collection-edition .faq-list details {
  border-color: var(--ultimate-line-strong);
  background: rgba(255, 254, 250, .78);
  box-shadow: 0 12px 32px rgba(79, 54, 30, .045);
}

.ultimate-collection-edition .faq-list details[open] {
  border-color: rgba(168, 119, 64, .38);
  background: #fff;
}

.ultimate-collection-edition .faq-list summary {
  color: var(--ultimate-ink);
}

.ultimate-collection-edition .faq-list details p {
  color: var(--ultimate-copy);
}

.ultimate-collection-edition .flagship-standard__note,
.ultimate-collection-edition .private-viewing__note,
.ultimate-collection-edition .masterpiece-guide__note {
  border-radius: 0 12px 12px 0;
  background: rgba(255, 254, 250, .7);
}

.ultimate-collection-edition .reveal,
.ultimate-collection-edition .reveal.is-visible {
  transition-duration: .65s;
}

@media (max-width: 1120px) {
  .decision-atelier__head,
  .selection-record__layout,
  .private-request__layout {
    gap: 54px;
  }

  .decision-atelier__note {
    grid-template-columns: auto 1fr auto;
  }

  .decision-atelier__note > p {
    display: none;
  }

  .selection-record__layout {
    grid-template-columns: minmax(370px, .86fr) minmax(0, 1.14fr);
  }

  .private-request__layout {
    grid-template-columns: minmax(0, .8fr) minmax(450px, 1.2fr);
  }
}

@media (max-width: 900px) {
  .decision-atelier,
  .selection-record,
  .private-request {
    padding: 104px 0;
  }

  .decision-atelier__head,
  .selection-record__layout,
  .private-request__layout {
    grid-template-columns: 1fr;
  }

  .decision-atelier__intro {
    max-width: 620px;
  }

  .decision-atelier__grid {
    grid-template-columns: 1fr;
  }

  .decision-card {
    min-height: 270px;
  }

  .decision-atelier__note {
    grid-template-columns: 1fr auto;
  }

  .decision-atelier__note ul {
    grid-column: 1 / -1;
    grid-row: 2;
    padding-top: 15px;
    border-top: 1px solid var(--ultimate-line);
  }

  .decision-atelier__note .button {
    grid-column: 2;
    grid-row: 1;
  }

  .selection-record__visual {
    max-width: 620px;
    margin-inline: auto;
  }

  .selection-record__arch {
    min-height: 620px;
  }

  .private-request__copy {
    max-width: 680px;
  }

  .private-request__form {
    max-width: 760px;
  }
}

@media (max-width: 700px) {
  .decision-atelier,
  .selection-record,
  .private-request {
    padding: 82px 0;
  }

  .decision-atelier__head h2,
  .selection-record__content h2,
  .private-request__copy h2 {
    font-size: clamp(34px, 10.5vw, 47px);
    line-height: 1.42;
  }

  .decision-atelier__head h2 em,
  .selection-record__content h2 em,
  .private-request__copy h2 em {
    display: inline-block;
    margin-top: 7px;
    font-size: .57em;
    line-height: 1.6;
  }

  .decision-atelier__intro {
    padding: 21px 0 0;
    border-top: 1px solid var(--ultimate-line-strong);
    border-left: 0;
  }

  .decision-atelier__grid {
    margin-top: 43px;
    border-radius: 24px;
  }

  .decision-card {
    min-height: 285px;
    padding: 29px 25px 29px;
  }

  .decision-card h3 {
    margin-top: 38px;
  }

  .decision-card small {
    left: 25px;
    right: 25px;
    bottom: 25px;
  }

  .decision-atelier__note {
    padding: 20px;
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  .decision-atelier__note ul,
  .decision-atelier__note .button {
    grid-column: auto;
    grid-row: auto;
  }

  .decision-atelier__note ul {
    display: grid;
    grid-template-columns: 1fr;
  }

  .decision-atelier__note .button {
    width: 100%;
    justify-content: center;
  }

  .selection-record__arch {
    min-height: 490px;
    border-radius: 210px 210px 27px 27px;
  }

  .selection-record__arch > img {
    width: 130%;
  }

  .selection-record__arch > i {
    right: 20px;
    bottom: 20px;
    width: 94px;
  }

  .selection-record__visual figcaption {
    padding-inline: 8px;
  }

  .selection-record__ledger {
    grid-template-columns: 1fr;
  }

  .selection-record__ledger article:nth-child(even) {
    padding-left: 0;
    border-left: 0;
  }

  .selection-record__assurance {
    grid-template-columns: auto 1fr;
  }

  .selection-record__assurance i {
    grid-column: 1 / -1;
    height: 1px;
    overflow: hidden;
    background: var(--ultimate-line);
  }

  .private-request__contact,
  .private-request__fields {
    grid-template-columns: 1fr;
  }

  .private-request__field--wide {
    grid-column: auto;
  }

  .private-request__form {
    padding: 31px 24px 28px;
    border-radius: 27px;
  }
}

@media (max-width: 430px) {
  .selection-record__arch {
    min-height: 430px;
  }

  .selection-record__arch > span {
    font-size: 7px;
    letter-spacing: .2em;
  }

  .selection-record__visual figcaption span {
    font-size: 9px;
  }

  .private-request__contact strong {
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .decision-card,
  .ultimate-collection-edition .collection-index a::after {
    transition: none !important;
  }
}

/* =========================================================
   V178 — Museum Collection terminal layer
   Scoped, warm-white collection experience. This layer is
   intentionally compact and sits after all legacy editions.
   ========================================================= */

.collection-page,
.museum-collection-edition {
  --museum-paper: #fffefa;
  --museum-ivory: #faf5ed;
  --museum-ivory-deep: #f2e7d8;
  --museum-porcelain: #ffffff;
  --museum-champagne: #e6d1b4;
  --museum-champagne-soft: #f0e3d1;
  --museum-gold: #a17340;
  --museum-gold-deep: #75512f;
  --museum-ink: #2c261f;
  --museum-copy: #5d5248;
  --museum-muted: #807265;
  --museum-line: rgba(117, 81, 47, .16);
  --museum-line-strong: rgba(117, 81, 47, .29);
  --museum-shadow: 0 34px 96px rgba(77, 52, 29, .12);
  --museum-shadow-soft: 0 17px 52px rgba(77, 52, 29, .075);
  --museum-sticky-offset: 72px;
  color: var(--museum-ink);
  background: var(--museum-paper);
}

/* Remove legacy edition numbers from every generated museum label. */
.museum-collection-edition .hero .hero-grid::before,
.museum-collection-edition.grand-atelier-edition .hero .hero-grid::before,
.museum-collection-edition.haute-collection-edition .hero-grid::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
}

.museum-collection-edition .page-hero::after,
.museum-collection-edition.grand-atelier-edition .page-hero::after,
.museum-collection-edition.haute-collection-edition .page-hero::after {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
}

.museum-collection-edition .flagship-concierge__inner::before,
.museum-collection-edition.grand-atelier-edition .flagship-concierge__inner::before,
.museum-collection-edition.haute-collection-edition .flagship-concierge__inner::before,
.museum-collection-edition footer::before,
.museum-collection-edition.haute-collection-edition footer::before {
  content: "ETERNAL LIFE · MUSEUM COLLECTION" !important;
}

.museum-collection-edition .atelier-page-kicker {
  font-size: 0 !important;
}

.museum-collection-edition .atelier-page-kicker::after {
  content: "ETERNAL LIFE · MUSEUM COLLECTION";
  font: 600 10px/1.4 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .22em;
}

.museum-collection-edition .flagship-concierge__copy > p:first-child {
  font-size: 0 !important;
}

.museum-collection-edition .flagship-concierge__copy > p:first-child::after {
  content: "PRIVATE VIEWING · MUSEUM COLLECTION";
  font: 600 10px/1.4 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .2em;
}

.collection-page *,
.collection-page *::before,
.collection-page *::after,
.museum-collection-edition .home-curation *,
.museum-collection-edition .official-proof *,
.museum-collection-edition .quick-concierge * {
  box-sizing: border-box;
}

.collection-page main :where(p, li, summary, label, input, select, textarea, button, a),
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) :where(p, li, summary, label, input, select, textarea, button, a) {
  overflow-wrap: anywhere;
}

.collection-page main :where(img, picture, video, svg),
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) :where(img, picture, video, svg) {
  max-inline-size: 100%;
}

.collection-page .service-bar {
  color: var(--museum-copy) !important;
  border-bottom: 1px solid var(--museum-line);
  background: #f4ebdf !important;
}

.collection-page .service-bar a,
.collection-page .service-bar__toll-free {
  color: var(--museum-gold-deep) !important;
}

.collection-page .service-bar__address {
  color: var(--museum-muted) !important;
}

.collection-page .service-bar__divider {
  background: var(--museum-line-strong) !important;
}

.collection-page .site-header {
  border-bottom-color: var(--museum-line);
  background: rgba(255, 254, 250, .94);
  box-shadow: 0 10px 36px rgba(75, 50, 27, .05);
}

.collection-page .site-header.is-scrolled {
  background: rgba(255, 255, 255, .98);
}

.collection-page .wordmark__en,
.collection-page .header-call,
.collection-page .desktop-nav .is-current {
  color: var(--museum-gold-deep);
}

.collection-page .desktop-nav .is-current::after {
  right: 0;
  background: var(--museum-gold);
}

.collection-page .button,
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) .button {
  min-height: 48px;
  color: #fff;
  border-color: var(--museum-gold);
  background: linear-gradient(135deg, #ad8050, #8c6238);
  box-shadow: 0 13px 32px rgba(117, 81, 47, .18);
}

.collection-page .button--ghost,
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) .button--ghost {
  color: var(--museum-gold-deep);
  border-color: var(--museum-line-strong);
  background: rgba(255, 254, 250, .82);
  box-shadow: none;
}

.collection-page .button--ghost:hover,
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) .button--ghost:hover {
  color: var(--museum-gold-deep);
  border-color: var(--museum-gold);
  background: #fff;
}

.collection-page :focus-visible,
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) :focus-visible {
  outline: 2px solid var(--museum-gold);
  outline-offset: 4px;
}

.collection-page :where(#curated-collections, #profile-builder, #selection-passport, #collection-showroom, #collection-journey),
.museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) {
  scroll-margin-top: 142px;
}

/* Collection hero */
.collection-hero {
  position: relative;
  isolation: isolate;
  padding: 88px 0 0;
  overflow: clip;
  border-bottom: 1px solid var(--museum-line);
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 255, 255, .98) 0 13%, transparent 36%),
    radial-gradient(circle at 9% 11%, rgba(230, 209, 180, .35), transparent 30%),
    linear-gradient(138deg, #fffefa 0%, #faf4eb 55%, #ecdbc4 100%);
}

.collection-hero::before {
  content: "MUSEUM";
  position: absolute;
  z-index: -1;
  right: -2vw;
  top: 3%;
  color: rgba(117, 81, 47, .035);
  font: 600 clamp(120px, 19vw, 292px)/.82 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: -.045em;
  pointer-events: none;
}

.collection-hero__grid {
  position: relative;
  z-index: 2;
  min-height: 680px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
  align-items: center;
  gap: clamp(48px, 6vw, 92px);
  padding-bottom: 74px;
}

.collection-hero__copy,
.collection-hero__visual {
  min-width: 0;
}

.collection-hero__edition,
.profile-builder__edition,
.collection-closing__inner > div:first-child > p {
  margin: 0 0 18px;
  color: var(--museum-gold-deep);
  font: 600 10px/1.45 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .27em;
}

.collection-page .eyebrow {
  color: var(--museum-gold-deep);
  font-size: 11px;
}

.collection-page .eyebrow > span {
  width: 44px;
  height: 1px;
  background: var(--museum-gold);
}

.collection-hero h1 {
  max-width: 650px;
  margin: 0;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: clamp(53px, 5.7vw, 80px);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: .055em;
}

.collection-hero h1 strong,
.collection-hero__subtitle,
.museum-heading h2 em,
.profile-builder__intro h2 em,
.collection-showroom__copy h2 em,
.collection-faq__intro h2 em,
.collection-closing h2 em {
  color: var(--museum-gold-deep);
  font-style: normal;
}

.collection-hero__subtitle {
  margin: 24px 0 0;
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: clamp(18px, 1.7vw, 24px);
  font-weight: 600;
  letter-spacing: .075em;
}

.collection-hero__lead {
  max-width: 610px;
  margin: 21px 0 0;
  color: var(--museum-copy);
  font-size: 15px;
  line-height: 1.95;
}

.collection-hero__actions {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

.collection-hero__actions .button {
  min-height: 52px;
}

.collection-hero__checks {
  margin: 27px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  list-style: none;
}

.collection-hero__checks li {
  position: relative;
  padding-left: 14px;
  color: var(--museum-copy);
  font-size: 14px;
}

.collection-hero__checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .75em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--museum-gold);
}

.collection-hero__legal {
  margin: 19px 0 0;
  color: var(--museum-muted);
  font-size: 10px;
  line-height: 1.7;
  letter-spacing: .055em;
}

.collection-hero__visual {
  position: relative;
  min-height: 650px;
  margin: 0;
  padding: 78px 34px 112px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 310px 310px 36px 36px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .64), transparent 43%),
    radial-gradient(circle at 50% 47%, #fff 0 24%, #f4e8d7 59%, #e5cfb1 100%);
  box-shadow: var(--museum-shadow);
}

.collection-hero__visual::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(117, 81, 47, .14);
  border-radius: 292px 292px 24px 24px;
  pointer-events: none;
}

.collection-hero__visual > span {
  position: absolute;
  z-index: 3;
  top: 39px;
  left: 50%;
  color: var(--museum-gold-deep);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .25em;
  white-space: nowrap;
  transform: translateX(-50%);
}

.collection-hero__halo {
  position: absolute;
  z-index: 0;
  width: min(72%, 430px);
  aspect-ratio: 1;
  border: 1px solid rgba(117, 81, 47, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 46px rgba(117, 81, 47, .03), 0 0 0 92px rgba(117, 81, 47, .02);
}

.collection-hero__visual img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.collection-hero__visual figcaption {
  position: absolute;
  z-index: 4;
  left: 31px;
  right: 31px;
  bottom: 29px;
  min-height: 67px;
  padding: 14px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid var(--museum-line);
  border-radius: 18px;
  background: rgba(255, 254, 250, .91);
  box-shadow: 0 13px 35px rgba(77, 52, 29, .07);
  backdrop-filter: blur(14px);
}

.collection-hero__visual figcaption small {
  color: var(--museum-muted);
  font: 600 10px/1.3 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .18em;
}

.collection-hero__visual figcaption strong {
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 14px;
  letter-spacing: .07em;
}

.collection-hero__ring {
  position: absolute;
  z-index: 0;
  border: 1px solid rgba(117, 81, 47, .1);
  border-radius: 50%;
  pointer-events: none;
}

.collection-hero__ring--one {
  width: 360px;
  aspect-ratio: 1;
  left: -240px;
  top: 28%;
  box-shadow: 0 0 0 52px rgba(117, 81, 47, .02), 0 0 0 104px rgba(117, 81, 47, .012);
}

.collection-hero__ring--two {
  width: 210px;
  aspect-ratio: 1;
  right: 2%;
  bottom: 4%;
}

.collection-proof {
  position: relative;
  z-index: 4;
  margin-bottom: 38px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 24px;
  background: rgba(255, 254, 250, .91);
  box-shadow: var(--museum-shadow-soft);
  backdrop-filter: blur(16px);
}

.collection-proof > div {
  min-width: 0;
  min-height: 104px;
  padding: 22px 21px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  border-left: 1px solid var(--museum-line);
}

.collection-proof > div:first-child {
  border-left: 0;
}

.collection-proof b {
  color: var(--museum-gold-deep);
  font: 600 25px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
}

.collection-proof span {
  color: var(--museum-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.collection-proof small {
  color: var(--museum-muted);
  font-size: 10px;
  font-weight: 500;
}

/* Sticky chapter rail */
.collection-rail {
  position: sticky;
  z-index: 88;
  top: var(--museum-sticky-offset);
  border-bottom: 1px solid var(--museum-line);
  background: rgba(255, 254, 250, .95);
  box-shadow: 0 12px 34px rgba(75, 50, 27, .045);
  backdrop-filter: blur(18px) saturate(1.04);
}

.collection-rail__inner {
  min-height: 58px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.collection-rail__inner::-webkit-scrollbar {
  display: none;
}

.collection-rail__inner > span {
  flex: 0 0 auto;
  margin-right: 9px;
  padding-right: 22px;
  color: var(--museum-gold-deep);
  border-right: 1px solid var(--museum-line-strong);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .21em;
  white-space: nowrap;
}

.collection-rail__inner a {
  position: relative;
  flex: 0 0 auto;
  min-height: 58px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  color: var(--museum-copy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .055em;
  white-space: nowrap;
}

.collection-rail__inner a::after {
  content: "";
  position: absolute;
  left: 17px;
  right: 100%;
  bottom: 0;
  height: 1px;
  background: var(--museum-gold);
  transition: right .25s ease;
}

.collection-rail__inner a:hover,
.collection-rail__inner a.is-active,
.collection-rail__inner a[aria-current="location"] {
  color: var(--museum-gold-deep);
}

.collection-rail__inner a:hover::after,
.collection-rail__inner a.is-active::after,
.collection-rail__inner a[aria-current="location"]::after {
  right: 17px;
}

/* Shared museum headings */
.curated-collections,
.profile-builder,
.selection-passport,
.collection-showroom,
.collection-journey,
.collection-faq,
.collection-closing,
.home-curation,
.official-proof,
.quick-concierge {
  position: relative;
}

.curated-collections,
.selection-passport,
.collection-showroom,
.collection-journey,
.collection-faq,
.home-curation,
.official-proof,
.quick-concierge {
  padding: 132px 0;
}

.museum-heading {
  margin-bottom: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .72fr);
  align-items: end;
  gap: clamp(48px, 7vw, 104px);
}

.museum-heading > div,
.museum-heading > p {
  min-width: 0;
}

.museum-heading h2,
.profile-builder__intro h2,
.collection-showroom__copy h2,
.collection-faq__intro h2,
.collection-closing h2,
.home-curation h2,
.official-proof h2,
.quick-concierge h2 {
  margin: 0;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: clamp(40px, 4.4vw, 62px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .05em;
}

.museum-heading h2 em,
.profile-builder__intro h2 em,
.collection-showroom__copy h2 em,
.collection-faq__intro h2 em,
.collection-closing h2 em {
  display: inline-block;
  margin-top: 6px;
  font-size: .63em;
  line-height: 1.55;
}

.museum-heading > p,
.museum-heading > div + p {
  margin: 0;
  padding: 3px 0 4px 28px;
  color: var(--museum-copy);
  border-left: 1px solid var(--museum-line-strong);
  font-size: 14px;
  line-height: 1.95;
}

.museum-heading--center {
  max-width: 900px;
  margin-inline: auto;
  grid-template-columns: 1fr;
  gap: 25px;
  text-align: center;
}

.museum-heading--center > p,
.museum-heading--center > div + p {
  max-width: 700px;
  margin-inline: auto;
  padding: 20px 0 0;
  border-top: 1px solid var(--museum-line-strong);
  border-left: 0;
}

/* Curated tone collection */
.curated-collections {
  overflow: clip;
  background:
    radial-gradient(circle at 93% 8%, rgba(228, 205, 174, .25), transparent 26%),
    linear-gradient(180deg, #fffefa, #f7efe4);
}

.curated-collections::before {
  content: "04";
  position: absolute;
  right: -22px;
  top: 19px;
  color: rgba(117, 81, 47, .04);
  font: 600 clamp(170px, 25vw, 360px)/.9 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  pointer-events: none;
}

.curated-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.curated-card {
  grid-column: span 5;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--museum-line);
  border-radius: 30px;
  background: rgba(255, 254, 250, .9);
  box-shadow: var(--museum-shadow-soft);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.curated-card--wide {
  grid-column: span 7;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr);
}

.curated-card:hover {
  transform: translateY(-5px);
  border-color: var(--museum-line-strong);
  box-shadow: var(--museum-shadow);
}

.curated-card figure {
  position: relative;
  min-width: 0;
  min-height: 300px;
  margin: 0;
  overflow: hidden;
  background: var(--museum-ivory-deep);
}

.curated-card:not(.curated-card--wide) figure {
  aspect-ratio: 4 / 3;
  min-height: 0;
}

.curated-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.22, .8, .2, 1);
}

.curated-card:hover figure img {
  transform: scale(1.025);
}

.curated-card figure span {
  position: absolute;
  z-index: 2;
  left: 17px;
  bottom: 16px;
  padding: 8px 11px;
  color: var(--museum-gold-deep);
  border: 1px solid rgba(117, 81, 47, .2);
  border-radius: 999px;
  background: rgba(255, 254, 250, .91);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .16em;
  backdrop-filter: blur(12px);
}

.curated-card > div {
  min-width: 0;
  padding: 29px 28px 31px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.curated-card > div > p:first-child {
  margin: 0 0 8px;
  color: var(--museum-gold-deep);
  font: 600 10px/1.4 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .19em;
}

.curated-card h3 {
  margin: 0;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .07em;
}

.curated-card h3 + p {
  margin: 13px 0 24px;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.85;
}

.curated-card button {
  min-height: 44px;
  margin-top: auto;
  padding: 9px 0;
  color: var(--museum-gold-deep);
  border: 0;
  border-bottom: 1px solid rgba(161, 115, 64, .45);
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .055em;
  cursor: pointer;
}

/* Three-step preference builder */
.profile-builder {
  padding: 142px 0;
  overflow: clip;
  border-block: 1px solid var(--museum-line);
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .92), transparent 27%),
    linear-gradient(142deg, #ead8c0 0%, #f7eee3 44%, #fffefa 100%);
}

.profile-builder::before {
  content: "PROFILE";
  position: absolute;
  right: -28px;
  top: 20px;
  color: rgba(117, 81, 47, .035);
  font: 600 clamp(100px, 16vw, 236px)/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .08em;
}

.profile-builder__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .73fr) minmax(520px, 1.27fr);
  align-items: center;
  gap: clamp(54px, 8vw, 112px);
}

.profile-builder__intro,
.profile-builder__panel {
  min-width: 0;
}

.profile-builder__intro > p:not(.eyebrow):not(.profile-builder__edition) {
  margin: 24px 0 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.95;
}

.profile-builder__intro aside {
  margin-top: 27px;
  padding: 18px 20px;
  border: 1px solid var(--museum-line);
  border-radius: 17px;
  background: rgba(255, 254, 250, .69);
}

.profile-builder__intro aside b,
.profile-builder__intro aside span {
  display: block;
}

.profile-builder__intro aside b {
  color: var(--museum-gold-deep);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 15px;
}

.profile-builder__intro aside span {
  margin-top: 6px;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.7;
}

.profile-builder__panel {
  padding: 39px 41px 41px;
  border: 1px solid var(--museum-line-strong);
  border-radius: 36px;
  background: rgba(255, 254, 250, .95);
  box-shadow: var(--museum-shadow);
}

.profile-group {
  padding: 27px 0;
  border-bottom: 1px solid var(--museum-line);
}

.profile-group:first-child {
  padding-top: 0;
}

.profile-group__title {
  margin-bottom: 17px;
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
}

.profile-group__title > b {
  color: var(--museum-gold-deep);
  font: 600 24px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
}

.profile-group__title span {
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 16px;
  font-weight: 600;
}

.profile-group__title small {
  display: inline-block;
  min-width: 76px;
  color: var(--museum-muted);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .18em;
}

.profile-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.profile-options button {
  min-width: 0;
  min-height: 52px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--museum-copy);
  border: 1px solid var(--museum-line);
  border-radius: 14px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.profile-options button:hover,
.profile-options button[aria-pressed="true"] {
  color: var(--museum-gold-deep);
  border-color: var(--museum-gold);
  background: #fbf3e8;
  box-shadow: 0 7px 22px rgba(77, 52, 29, .07);
}

.tone-swatch {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(117, 81, 47, .2);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .62);
}

.tone-swatch--cloud { background: #f0ede4; }
.tone-swatch--amber { background: #d5aa69; }
.tone-swatch--jade { background: #c9c5a4; }
.tone-swatch--deep { background: #75685d; }

.profile-result {
  margin-top: 28px;
  padding: 22px 23px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  border: 1px solid var(--museum-line-strong);
  border-radius: 20px;
  background: linear-gradient(135deg, #f5e9d9, #fffefa);
}

.profile-result > div {
  min-width: 0;
}

.profile-result small,
.profile-result strong,
.profile-result p {
  display: block;
}

.profile-result small {
  color: var(--museum-gold-deep);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .18em;
}

.profile-result strong {
  margin-top: 9px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 16px;
}

.profile-result p {
  margin: 7px 0 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.65;
}

.profile-result .button {
  max-width: 230px;
  min-height: 48px;
  padding-inline: 19px;
  font-size: 13px;
  text-align: center;
}

/* Selection passport */
.selection-passport {
  padding: 132px 0;
  overflow: clip;
  background:
    radial-gradient(circle at 8% 88%, rgba(229, 208, 179, .27), transparent 26%),
    var(--museum-paper);
}

.passport-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.passport-card {
  position: relative;
  min-width: 0;
  min-height: 254px;
  padding: 30px 29px 28px;
  overflow: hidden;
  border: 1px solid var(--museum-line);
  border-radius: 24px;
  background: linear-gradient(145deg, #fff, #fbf6ee);
  box-shadow: 0 13px 38px rgba(77, 52, 29, .055);
}

.passport-card::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -66px;
  width: 164px;
  aspect-ratio: 1;
  border: 1px solid rgba(117, 81, 47, .1);
  border-radius: 50%;
  box-shadow: inset 0 0 0 27px rgba(117, 81, 47, .02);
}

.passport-card > b {
  color: var(--museum-gold-deep);
  font: 600 34px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
}

.passport-card > small {
  display: block;
  margin-top: 7px;
  color: var(--museum-muted);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .19em;
}

.passport-card h3 {
  margin: 38px 0 11px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .07em;
}

.passport-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.8;
}

.passport-note {
  margin-top: 19px;
  padding: 23px 28px;
  display: grid;
  grid-template-columns: minmax(180px, .38fr) minmax(0, 1.62fr);
  align-items: center;
  gap: 30px;
  border: 1px solid var(--museum-line-strong);
  border-radius: 20px;
  background: var(--museum-ivory);
}

.passport-note > span {
  color: var(--museum-gold-deep);
  font: 600 10px/1.5 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .19em;
}

.passport-note p {
  margin: 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.85;
}

.passport-note strong {
  color: var(--museum-ink);
}

/* Physical showroom */
.collection-showroom {
  overflow: clip;
  border-block: 1px solid var(--museum-line);
  background: linear-gradient(145deg, #f3e8da 0%, #fffefa 52%, #f7efe4 100%);
}

.collection-showroom__layout {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(520px, 1.24fr);
  align-items: center;
  gap: clamp(56px, 8vw, 116px);
}

.collection-showroom__copy,
.collection-showroom__mosaic {
  min-width: 0;
}

.collection-showroom__copy > p:not(.eyebrow) {
  margin: 25px 0 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.95;
}

.collection-showroom__copy ul {
  margin: 28px 0 0;
  padding: 0;
  border-top: 1px solid var(--museum-line-strong);
  list-style: none;
}

.collection-showroom__copy li {
  position: relative;
  padding: 15px 0 15px 17px;
  color: var(--museum-copy);
  border-bottom: 1px solid var(--museum-line);
  font-size: 14px;
}

.collection-showroom__copy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.7em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--museum-gold);
}

.collection-showroom__copy > div {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}

.collection-showroom__mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(190px, .72fr);
  grid-template-rows: repeat(2, 255px);
  gap: 12px;
}

.collection-showroom__mosaic figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 25px;
  background: var(--museum-ivory-deep);
  box-shadow: var(--museum-shadow-soft);
}

.collection-showroom__main {
  grid-row: 1 / -1;
}

.collection-showroom__mosaic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.collection-showroom__main figcaption {
  position: absolute;
  z-index: 2;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  border: 1px solid rgba(117, 81, 47, .2);
  border-radius: 15px;
  background: rgba(255, 254, 250, .91);
  backdrop-filter: blur(14px);
}

.collection-showroom__main figcaption span {
  color: var(--museum-gold-deep);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .16em;
}

.collection-showroom__main figcaption strong {
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 14px;
}

/* Purchase journey */
.collection-journey {
  overflow: clip;
  background: var(--museum-paper);
}

.journey-grid {
  position: relative;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 28px;
  background: var(--museum-line-strong);
  box-shadow: var(--museum-shadow-soft);
  list-style: none;
}

.journey-grid li {
  min-width: 0;
  min-height: 278px;
  padding: 32px 29px;
  background: linear-gradient(180deg, #fff, #fbf6ee);
}

.journey-grid li > b {
  color: var(--museum-gold-deep);
  font: 600 34px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
}

.journey-grid li > span {
  display: block;
  margin-top: 14px;
  color: var(--museum-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
}

.journey-grid h3 {
  margin: 43px 0 12px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .06em;
}

.journey-grid p {
  margin: 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.8;
}

/* FAQ and closing conversion */
.collection-faq {
  border-block: 1px solid var(--museum-line);
  background: linear-gradient(145deg, #f6ede2, #fffefa);
}

.collection-faq__layout {
  display: grid;
  grid-template-columns: minmax(290px, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: clamp(54px, 8vw, 112px);
}

.collection-faq__intro,
.collection-faq__list {
  min-width: 0;
}

.collection-faq__intro > p:not(.eyebrow) {
  margin: 24px 0 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.85;
}

.collection-faq__intro > a {
  min-height: 44px;
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  color: var(--museum-gold-deep);
  font: 600 25px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .04em;
}

.collection-faq__list {
  border-top: 1px solid var(--museum-line-strong);
}

.collection-faq__list details {
  border-bottom: 1px solid var(--museum-line);
  background: transparent;
}

.collection-faq__list details[open] {
  background: rgba(255, 255, 255, .55);
}

.collection-faq__list summary {
  min-height: 68px;
  padding: 21px 48px 21px 18px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.65;
  cursor: pointer;
}

.collection-faq__list details p {
  margin: 0;
  padding: 0 18px 24px;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.9;
}

.collection-closing {
  padding: 104px 0;
  overflow: clip;
  background:
    radial-gradient(circle at 90% 15%, rgba(255, 255, 255, .83), transparent 27%),
    linear-gradient(135deg, #ead7be, #fffefa 52%, #f1e4d2);
}

.collection-closing__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 58px;
}

.collection-closing__inner > div {
  min-width: 0;
}

.collection-closing h2 {
  font-size: clamp(38px, 4vw, 56px);
}

.collection-closing__inner > div:first-child > span {
  display: block;
  margin-top: 17px;
  color: var(--museum-copy);
  font-size: 14px;
}

.collection-closing__inner > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

/* Homepage V178 component contract */
.museum-collection-edition .home-curation {
  overflow: clip;
  border-block: 1px solid var(--museum-line);
  background:
    radial-gradient(circle at 91% 9%, rgba(231, 210, 181, .27), transparent 27%),
    linear-gradient(145deg, #fffefa, #f6ede2);
}

.museum-collection-edition .home-curation__head,
.museum-collection-edition .home-curation__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  align-items: center;
  gap: clamp(48px, 7vw, 104px);
}

.museum-collection-edition .home-curation__visual,
.museum-collection-edition .home-curation__content,
.museum-collection-edition .home-curation__copy {
  min-width: 0;
}

.museum-collection-edition .home-curation__visual {
  min-height: 540px;
  padding: 54px 24px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 260px 260px 30px 30px;
  background: radial-gradient(circle at 50% 46%, #fff 0 25%, #f1e4d3 61%, #e2c9a8 100%);
  box-shadow: var(--museum-shadow);
}

.museum-collection-edition .home-curation__visual img,
.museum-collection-edition .home-curation__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.museum-collection-edition .home-curation__stage {
  position: relative;
  min-width: 0;
  min-height: 590px;
  margin: 0;
  padding: 76px 27px 105px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 280px 280px 32px 32px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .68), transparent 43%),
    radial-gradient(circle at 50% 47%, #fff 0 24%, #f2e5d3 60%, #e2c8a7 100%);
  box-shadow: var(--museum-shadow);
}

.museum-collection-edition .home-curation__stage::before {
  content: "";
  position: absolute;
  inset: 19px;
  border: 1px solid rgba(117, 81, 47, .14);
  border-radius: 264px 264px 22px 22px;
  pointer-events: none;
}

.museum-collection-edition .home-curation__stage > img {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.museum-collection-edition .home-curation__chapter {
  position: absolute;
  z-index: 3;
  top: 36px;
  left: 50%;
  color: var(--museum-gold-deep);
  font: 600 10px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .23em;
  white-space: nowrap;
  transform: translateX(-50%);
}

.museum-collection-edition .home-curation__halo {
  position: absolute;
  z-index: 0;
  width: min(72%, 390px);
  aspect-ratio: 1;
  border: 1px solid rgba(117, 81, 47, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 42px rgba(117, 81, 47, .03), 0 0 0 84px rgba(117, 81, 47, .02);
}

.museum-collection-edition .home-curation__stage figcaption {
  position: absolute;
  z-index: 4;
  left: 27px;
  right: 27px;
  bottom: 25px;
  min-height: 65px;
  padding: 13px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--museum-line);
  border-radius: 17px;
  background: rgba(255, 254, 250, .91);
  box-shadow: 0 13px 34px rgba(77, 52, 29, .07);
  backdrop-filter: blur(14px);
}

.museum-collection-edition .home-curation__stage figcaption small {
  color: var(--museum-gold-deep);
  font: 600 10px/1.3 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .16em;
}

.museum-collection-edition .home-curation__stage figcaption strong {
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 14px;
  letter-spacing: .055em;
  text-align: right;
}

.museum-collection-edition .home-curation__content > p:not(.eyebrow) {
  margin: 23px 0 0;
}

.museum-collection-edition .home-curation__tones {
  margin-top: 27px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.museum-collection-edition .home-curation__tones a {
  min-width: 0;
  min-height: 58px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--museum-copy);
  border: 1px solid var(--museum-line);
  border-radius: 15px;
  background: rgba(255, 254, 250, .8);
}

.museum-collection-edition .home-curation__tones a:hover {
  color: var(--museum-gold-deep);
  border-color: var(--museum-gold);
  background: #fff;
}

.museum-collection-edition .home-curation__tones a > span,
.museum-collection-edition .home-curation__tones small {
  display: block;
}

.museum-collection-edition .home-curation__tones a > span {
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
}

.museum-collection-edition .home-curation__tones small {
  margin-top: 3px;
  color: var(--museum-muted);
  font-size: 10px;
  font-weight: 500;
}

.museum-collection-edition .home-curation__facts {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 17px;
  background: rgba(255, 254, 250, .82);
}

.museum-collection-edition .home-curation__facts > div {
  min-width: 0;
  min-height: 83px;
  padding: 15px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  border-left: 1px solid var(--museum-line);
}

.museum-collection-edition .home-curation__facts > div:first-child {
  border-left: 0;
}

.museum-collection-edition .home-curation__facts b {
  color: var(--museum-gold-deep);
  font: 600 18px/1 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
}

.museum-collection-edition .home-curation__facts span {
  color: var(--museum-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.museum-collection-edition .home-curation__facts small {
  color: var(--museum-muted);
  font-size: 10px;
  font-weight: 500;
}

.museum-collection-edition .home-curation__copy > p,
.museum-collection-edition .home-curation__content > p {
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.9;
}

.museum-collection-edition .home-curation__actions,
.museum-collection-edition .quick-concierge__actions {
  margin-top: 27px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.museum-collection-edition .official-proof {
  padding: 94px 0;
  border-block: 1px solid var(--museum-line);
  background: var(--museum-paper);
}

.museum-collection-edition .official-proof__layout {
  display: grid;
  grid-template-columns: minmax(390px, .84fr) minmax(0, 1.16fr);
  align-items: center;
  gap: clamp(50px, 7vw, 96px);
}

.museum-collection-edition .official-proof__media,
.museum-collection-edition .official-proof__content {
  min-width: 0;
}

.museum-collection-edition .official-proof__media {
  position: relative;
  min-height: 620px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 260px 260px 28px 28px;
  background: var(--museum-ivory-deep);
  box-shadow: var(--museum-shadow);
}

.museum-collection-edition .official-proof__media img {
  width: 100%;
  height: 100%;
  min-height: 620px;
  object-fit: cover;
}

.museum-collection-edition .official-proof__media figcaption {
  position: absolute;
  z-index: 2;
  left: 20px;
  right: 20px;
  bottom: 20px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  border: 1px solid var(--museum-line);
  border-radius: 16px;
  background: rgba(255, 254, 250, .92);
  backdrop-filter: blur(14px);
}

.museum-collection-edition .official-proof__media figcaption span {
  color: var(--museum-gold-deep);
  font: 600 10px/1.3 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .14em;
}

.museum-collection-edition .official-proof__media figcaption strong {
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 14px;
  text-align: right;
}

.museum-collection-edition .official-proof__content > p:not(.eyebrow) {
  margin: 23px 0 0;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.9;
}

.museum-collection-edition .official-proof__inner,
.museum-collection-edition .official-proof__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 24px;
  background: var(--museum-line-strong);
  box-shadow: var(--museum-shadow-soft);
}

.museum-collection-edition :where(.official-proof__inner, .official-proof__grid) > :where(article, div, a) {
  min-width: 0;
  min-height: 164px;
  padding: 25px 24px;
  background: #fff;
}

.museum-collection-edition .official-proof__grid {
  margin-top: 27px;
}

.museum-collection-edition .official-proof__grid > :where(a, div) {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

.museum-collection-edition .official-proof__grid small,
.museum-collection-edition .official-proof__grid b,
.museum-collection-edition .official-proof__grid span {
  display: block;
}

.museum-collection-edition .official-proof__grid small {
  color: var(--museum-gold-deep);
  font: 600 10px/1.35 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .15em;
}

.museum-collection-edition .official-proof__grid b {
  margin-top: 10px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 16px;
}

.museum-collection-edition .official-proof__grid span {
  margin-top: 7px;
}

.museum-collection-edition :where(.official-proof__inner, .official-proof__grid) :where(p, span) {
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.75;
}

.museum-collection-edition .quick-concierge {
  margin-top: 14px;
  padding: 19px 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  overflow: hidden;
  border: 1px solid var(--museum-line-strong);
  border-radius: 18px;
  background: linear-gradient(140deg, #f1e1cd, #fffefa 72%);
}

.museum-collection-edition .quick-concierge > div {
  min-width: 0;
}

.museum-collection-edition .quick-concierge small,
.museum-collection-edition .quick-concierge strong,
.museum-collection-edition .quick-concierge span {
  display: block;
}

.museum-collection-edition .quick-concierge small {
  color: var(--museum-gold-deep);
  font: 600 10px/1.3 var(--lux-latin, "Cormorant Garamond", Georgia, serif);
  letter-spacing: .16em;
}

.museum-collection-edition .quick-concierge strong {
  margin-top: 7px;
  color: var(--museum-ink);
  font-family: var(--lux-serif, "Noto Serif TC", serif);
  font-size: 15px;
}

.museum-collection-edition .quick-concierge span {
  margin-top: 5px;
  color: var(--museum-copy);
  font-size: 14px;
  line-height: 1.65;
}

.museum-collection-edition .quick-concierge > .button {
  min-width: 158px;
  padding-inline: 17px;
  font-size: 13px;
  text-align: center;
}

.museum-collection-edition .quick-concierge__layout,
.museum-collection-edition .quick-concierge > .shell {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(440px, 1.12fr);
  align-items: center;
  gap: clamp(52px, 8vw, 112px);
}

.museum-collection-edition .quick-concierge__copy,
.museum-collection-edition .quick-concierge__card,
.museum-collection-edition .quick-concierge__form {
  min-width: 0;
}

.museum-collection-edition :where(.quick-concierge__card, .quick-concierge__form) {
  padding: 36px;
  border: 1px solid var(--museum-line-strong);
  border-radius: 30px;
  background: rgba(255, 254, 250, .94);
  box-shadow: var(--museum-shadow);
}

.museum-collection-edition .quick-concierge :where(input, select, textarea) {
  width: 100%;
  min-height: 50px;
  color: var(--museum-ink);
  border: 1px solid var(--museum-line-strong);
  border-radius: 13px;
  background: #fff;
  font-size: 14px;
}

/* Ensure transparent product group images remain complete on small screens.
   No color, filter or non-proportional transformation is applied here. */
@media (max-width: 1120px) {
  .collection-hero__grid {
    grid-template-columns: minmax(0, .94fr) minmax(410px, 1.06fr);
    gap: 46px;
  }

  .collection-hero__visual {
    min-height: 590px;
  }

  .profile-builder__layout {
    grid-template-columns: minmax(0, .77fr) minmax(470px, 1.23fr);
    gap: 52px;
  }

  .collection-showroom__layout {
    grid-template-columns: minmax(0, .8fr) minmax(460px, 1.2fr);
    gap: 50px;
  }

  .curated-card--wide {
    grid-template-columns: minmax(0, 1fr) minmax(230px, .88fr);
  }

  .museum-collection-edition .home-curation__head,
  .museum-collection-edition .home-curation__layout {
    gap: 50px;
  }

  .museum-collection-edition .quick-concierge__layout,
  .museum-collection-edition .quick-concierge > .shell {
    grid-template-columns: minmax(0, .82fr) minmax(400px, 1.18fr);
    gap: 50px;
  }
}

@media (max-width: 900px) {
  .collection-page,
  .museum-collection-edition {
    --museum-sticky-offset: 72px;
  }

  .collection-page :where(#curated-collections, #profile-builder, #selection-passport, #collection-showroom, #collection-journey),
  .museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) {
    scroll-margin-top: 132px;
  }

  .collection-hero {
    padding-top: 72px;
  }

  .collection-hero__grid,
  .profile-builder__layout,
  .collection-showroom__layout,
  .collection-faq__layout,
  .museum-collection-edition .home-curation__head,
  .museum-collection-edition .home-curation__layout,
  .museum-collection-edition .official-proof__layout,
  .museum-collection-edition .quick-concierge__layout,
  .museum-collection-edition .quick-concierge > .shell {
    grid-template-columns: 1fr;
  }

  .collection-hero__grid {
    min-height: 0;
    gap: 60px;
  }

  .collection-hero__copy,
  .profile-builder__intro,
  .collection-showroom__copy,
  .collection-faq__intro,
  .museum-collection-edition .home-curation__copy,
  .museum-collection-edition .home-curation__content,
  .museum-collection-edition .quick-concierge__copy {
    max-width: 720px;
  }

  .collection-hero__visual,
  .museum-collection-edition .home-curation__visual,
  .museum-collection-edition .home-curation__stage,
  .museum-collection-edition .official-proof__media {
    width: min(720px, 100%);
    min-height: 620px;
    margin-inline: auto;
  }

  .museum-collection-edition .official-proof__media img {
    min-height: 620px;
  }

  .collection-proof {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-proof > div:nth-child(3) {
    border-left: 0;
  }

  .collection-proof > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--museum-line);
  }

  .museum-heading {
    grid-template-columns: 1fr;
    gap: 27px;
  }

  .museum-heading > p,
  .museum-heading > div + p {
    max-width: 680px;
  }

  .curated-grid {
    grid-template-columns: 1fr;
  }

  .curated-card,
  .curated-card--wide {
    grid-column: auto;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(270px, .92fr);
  }

  .profile-builder__intro {
    max-width: 680px;
  }

  .profile-builder__panel {
    max-width: 760px;
  }

  .passport-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-showroom__mosaic {
    width: min(760px, 100%);
  }

  .journey-grid,
  .museum-collection-edition .official-proof__inner,
  .museum-collection-edition .official-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-faq__layout {
    gap: 48px;
  }

  .collection-closing__inner {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .collection-closing__inner > div:last-child {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .collection-page :where(#curated-collections, #profile-builder, #selection-passport, #collection-showroom, #collection-journey),
  .museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) {
    scroll-margin-top: 124px;
  }

  .collection-hero {
    padding-top: 54px;
  }

  .collection-hero::before {
    top: 7%;
    right: -8%;
    font-size: 118px;
  }

  .collection-hero__grid {
    gap: 44px;
    padding-bottom: 50px;
  }

  .collection-hero h1 {
    font-size: clamp(42px, 12.5vw, 56px);
    line-height: 1.29;
  }

  .collection-hero__subtitle {
    font-size: 18px;
    line-height: 1.65;
  }

  .collection-hero__lead {
    font-size: 14px;
  }

  .collection-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .collection-hero__actions .button {
    width: 100%;
  }

  .collection-hero__checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 15px;
  }

  .collection-hero__visual,
  .museum-collection-edition .home-curation__visual,
  .museum-collection-edition .home-curation__stage {
    min-height: 490px;
    padding: 72px 17px 104px;
    border-radius: 220px 220px 27px 27px;
  }

  .museum-collection-edition .home-curation__stage::before {
    inset: 14px;
    border-radius: 208px 208px 18px 18px;
  }

  .museum-collection-edition .home-curation__chapter {
    top: 31px;
  }

  .museum-collection-edition .home-curation__stage figcaption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .collection-hero__visual::before {
    inset: 14px;
    border-radius: 208px 208px 18px 18px;
  }

  .collection-hero__visual > span {
    top: 31px;
  }

  .collection-hero__visual figcaption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .collection-proof > div {
    min-height: 98px;
    padding: 18px 16px;
    gap: 11px;
  }

  .collection-proof span {
    font-size: 14px;
  }

  .collection-rail__inner {
    min-height: 53px;
    scroll-snap-type: x proximity;
  }

  .collection-rail__inner > span {
    display: none;
  }

  .collection-rail__inner a {
    min-height: 53px;
    padding-inline: 15px;
    scroll-snap-align: start;
  }

  .curated-collections,
  .selection-passport,
  .collection-showroom,
  .collection-journey,
  .collection-faq,
  .home-curation,
  .official-proof,
  .quick-concierge {
    padding: 84px 0;
  }

  .profile-builder {
    padding: 88px 0;
  }

  .museum-heading {
    margin-bottom: 39px;
  }

  .museum-heading h2,
  .profile-builder__intro h2,
  .collection-showroom__copy h2,
  .collection-faq__intro h2,
  .collection-closing h2,
  .home-curation h2,
  .official-proof h2,
  .quick-concierge h2 {
    font-size: clamp(34px, 10.5vw, 46px);
    line-height: 1.43;
  }

  .museum-heading > p,
  .museum-heading > div + p {
    padding: 20px 0 0;
    border-top: 1px solid var(--museum-line-strong);
    border-left: 0;
  }

  .curated-card,
  .curated-card--wide {
    display: block;
    border-radius: 24px;
  }

  .curated-card figure,
  .curated-card:not(.curated-card--wide) figure {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .curated-card > div {
    padding: 25px 24px 27px;
  }

  .profile-builder__panel {
    padding: 31px 24px 28px;
    border-radius: 27px;
  }

  .profile-result {
    grid-template-columns: 1fr;
  }

  .profile-result .button {
    width: 100%;
    max-width: none;
  }

  .passport-grid,
  .journey-grid,
  .museum-collection-edition .official-proof__inner,
  .museum-collection-edition .official-proof__grid {
    grid-template-columns: 1fr;
  }

  .passport-card {
    min-height: 230px;
    padding: 27px 25px;
  }

  .passport-card h3 {
    margin-top: 31px;
  }

  .passport-note {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .collection-showroom__copy > div,
  .collection-closing__inner > div:last-child,
  .museum-collection-edition .home-curation__actions,
  .museum-collection-edition .quick-concierge__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .collection-showroom__copy .button,
  .collection-closing .button,
  .museum-collection-edition :where(.home-curation__actions, .quick-concierge__actions) .button {
    width: 100%;
  }

  .collection-showroom__mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 330px 180px;
  }

  .collection-showroom__main {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .journey-grid {
    gap: 1px;
  }

  .journey-grid li {
    min-height: 245px;
  }

  .collection-closing {
    padding: 78px 0;
  }

  .museum-collection-edition .quick-concierge__card,
  .museum-collection-edition .quick-concierge__form {
    padding: 28px 24px;
    border-radius: 24px;
  }

  .museum-collection-edition .home-curation__tones {
    grid-template-columns: 1fr;
  }

  .museum-collection-edition .home-curation__facts {
    grid-template-columns: 1fr;
  }

  .museum-collection-edition .home-curation__facts > div {
    min-height: 70px;
    border-top: 1px solid var(--museum-line);
    border-left: 0;
  }

  .museum-collection-edition .home-curation__facts > div:first-child {
    border-top: 0;
  }

  .museum-collection-edition .official-proof__media,
  .museum-collection-edition .official-proof__media img {
    min-height: 520px;
  }

  .museum-collection-edition .official-proof__media {
    border-radius: 220px 220px 25px 25px;
  }

  .museum-collection-edition .quick-concierge {
    padding: 20px;
    grid-template-columns: 1fr;
  }

  .museum-collection-edition .quick-concierge > .button {
    width: 100%;
    min-width: 0;
  }

  .museum-collection-edition .hero-product > img,
  .museum-collection-edition .selection-record__arch > img,
  .museum-collection-edition .masterpiece-guide__frame > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .museum-collection-edition .hero-product,
  .museum-collection-edition .selection-record__arch,
  .museum-collection-edition .masterpiece-guide__frame {
    padding-inline: 12px;
  }
}

@media (max-width: 430px) {
  .collection-page,
  .museum-collection-edition {
    --museum-sticky-offset: 72px;
  }

  .collection-hero__edition,
  .profile-builder__edition,
  .collection-closing__inner > div:first-child > p,
  .collection-hero__visual > span,
  .collection-page .eyebrow,
  .collection-rail__inner a,
  .profile-group__title small,
  .passport-card > small,
  .journey-grid li > span {
    font-size: 10px;
  }

  .collection-hero__visual,
  .museum-collection-edition .home-curation__visual,
  .museum-collection-edition .home-curation__stage {
    min-height: 410px;
    padding: 65px 12px 96px;
    border-radius: 188px 188px 22px 22px;
  }

  .museum-collection-edition .home-curation__stage::before {
    inset: 11px;
    border-radius: 179px 179px 15px 15px;
  }

  .museum-collection-edition .home-curation__stage figcaption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    align-items: flex-start;
    flex-direction: column;
  }

  .museum-collection-edition .home-curation__stage figcaption strong {
    text-align: left;
  }

  .collection-hero__visual::before {
    inset: 11px;
    border-radius: 179px 179px 15px 15px;
  }

  .collection-hero__visual figcaption {
    min-height: 61px;
    padding: 12px 13px;
    gap: 9px;
  }

  .collection-hero__visual figcaption small {
    max-width: 105px;
  }

  .collection-proof {
    border-radius: 19px;
  }

  .collection-proof > div {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 7px;
  }

  .collection-proof b {
    font-size: 22px;
  }

  .profile-options {
    grid-template-columns: 1fr;
  }

  .profile-options button {
    min-height: 50px;
  }

  .passport-note {
    padding: 20px;
  }

  .collection-showroom__mosaic {
    grid-template-rows: 270px 145px;
    gap: 9px;
  }

  .collection-showroom__mosaic figure {
    border-radius: 19px;
  }

  .collection-showroom__main figcaption {
    left: 11px;
    right: 11px;
    bottom: 11px;
    align-items: flex-start;
    flex-direction: column;
  }

  .collection-faq__list summary {
    padding-left: 13px;
    font-size: 16px;
  }

  .collection-faq__list details p {
    padding-left: 13px;
    padding-right: 13px;
  }

  .museum-collection-edition .official-proof {
    padding: 74px 0;
  }

  .museum-collection-edition .official-proof__media,
  .museum-collection-edition .official-proof__media img {
    min-height: 430px;
  }

  .museum-collection-edition .official-proof__media {
    border-radius: 185px 185px 21px 21px;
  }

  .museum-collection-edition .official-proof__media figcaption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    align-items: flex-start;
    flex-direction: column;
  }

  .museum-collection-edition .official-proof__media figcaption strong {
    text-align: left;
  }

  .museum-collection-edition :where(.official-proof__inner, .official-proof__grid) > :where(article, div) {
    min-height: 144px;
    padding: 23px 21px;
  }

  .museum-collection-edition .hero-product,
  .museum-collection-edition .selection-record__arch,
  .museum-collection-edition .masterpiece-guide__frame {
    min-height: 410px !important;
  }
}

/* Warm-white mobile dock: no dark or green interface controls. */
@media (max-width: 900px) {
  .collection-page .mobile-action-bar {
    border-color: var(--museum-line-strong) !important;
    background: rgba(255, 254, 250, .96) !important;
    box-shadow: 0 18px 52px rgba(77, 52, 29, .17) !important;
  }

  .collection-page .mobile-action-bar > * {
    min-height: 49px;
    color: var(--museum-copy) !important;
    border-color: var(--museum-line) !important;
    background: #fff !important;
  }

  .collection-page .mobile-action-bar > :last-child {
    color: #fff !important;
    border-color: var(--museum-gold) !important;
    background: linear-gradient(135deg, #ad8050, #8c6238) !important;
  }

  .collection-page .mobile-action-bar > :last-child * {
    color: #fff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .collection-page *,
  .collection-page *::before,
  .collection-page *::after,
  .museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) *,
  .museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) *::before,
  .museum-collection-edition :where(.home-curation, .official-proof, .quick-concierge) *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}