:root {
  --lumia-bg: #f5f2ed;
  --lumia-surface: #fbf8f4;
  --lumia-surface-deep: #efebe5;
  --lumia-line: rgba(52, 59, 53, 0.1);
  --lumia-ink: #232520;
  --lumia-muted: #666c67;
  --lumia-accent: #25473f;
  --lumia-accent-soft: #7a948d;
  --lumia-card: #f0ece7;
  --lumia-shadow: 0 18px 48px rgba(42, 47, 42, 0.08);
  --lumia-content-width: 1120px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Manrope", sans-serif;
  color: var(--lumia-ink);
  background:
    linear-gradient(90deg, #26292c 0 16px, transparent 16px calc(100% - 16px), #26292c calc(100% - 16px)),
    linear-gradient(180deg, #f8f5f1 0%, var(--lumia-bg) 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

.lumia-frame {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: linear-gradient(180deg, #fbf8f4, #f4efea);
  box-shadow: none;
}

.lumia-header,
.lumia-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.lumia-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px 6%;
  box-sizing: border-box;
  z-index: 20;
  background: linear-gradient(
    180deg,
    rgba(248, 244, 238, 0.96) 0%,
    rgba(248, 244, 238, 0.88) 58%,
    rgba(248, 244, 238, 0.46) 100%
  );
  border-bottom: 1px solid rgba(39, 42, 37, 0.08);
  box-shadow: 0 12px 28px rgba(20, 24, 22, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lumia-shell {
  width: min(var(--lumia-content-width), calc(100% - 72px));
  max-width: 100%;
  margin-inline: auto;
}

.lumia-brand {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1d211d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.36);
}

.lumia-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  color: rgba(45, 50, 46, 0.8);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lumia-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lumia-actions span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2b312d;
  opacity: 0.92;
}

.lumia-page {
  display: grid;
  gap: 44px;
}

.lumia-page > :not(.lumia-hero),
.lumia-footer {
  width: min(var(--lumia-content-width), calc(100% - 72px));
  margin-inline: auto;
}

.lumia-story {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 1.08fr);
  gap: 22px;
  align-items: stretch;
}

.lumia-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 6%;
  background-image: url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&q=80&w=2000");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-top: 0;
}

.lumia-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(248, 244, 238, 0.78) 0%,
      rgba(248, 244, 238, 0.62) 26%,
      rgba(248, 244, 238, 0.22) 48%,
      rgba(248, 244, 238, 0) 68%
    ),
    radial-gradient(
      circle at 24% 46%,
      rgba(247, 243, 236, 0.26) 0%,
      rgba(247, 243, 236, 0.12) 26%,
      rgba(247, 243, 236, 0) 52%
    );
  z-index: 1;
}

.section-mark {
  margin: 0 0 10px;
  color: #9aa5a0;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero-copy {
  position: relative;
  z-index: 2;
  max-width: 540px;
  text-align: left;
}

.hero-copy h1 {
  margin: 12px 0 24px 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3.5rem, 6vw, 5.5rem);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #171713;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}

.lumia-hero .section-mark {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: rgba(42, 44, 40, 0.74);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}

.hero-text {
  margin: 0 0 32px 0;
  font-size: 1.1rem;
  line-height: 1.6;
  color: rgba(39, 42, 37, 0.82);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24);
}

.story-copy p,
.lumia-join p {
  margin: 16px 0 0;
  max-width: 34ch;
  color: var(--lumia-muted);
  font-size: 0.94rem;
  line-height: 1.75;
}

.hero-actions-row {
  display: flex;
  gap: 16px;
}

.lumia-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  min-height: 40px;
  border-radius: 2px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}

.lumia-button-dark {
  background-color: #5d7563;
  color: #ffffff;
  border: 1px solid #5d7563;
}

.lumia-button-soft {
  background-color: #f7f6f2;
  color: #333333;
  border: 1px solid #e0ded6;
}

.lumia-button-dark:hover {
  background-color: #4b5e50;
}

.lumia-button-soft:hover {
  background-color: #ebeae4;
}

.story-panel,
.collection-card,
.lumia-join {
  border: 1px solid var(--lumia-line);
  background: var(--lumia-surface);
  box-shadow: var(--lumia-shadow);
}

.story-copy {
  padding: 8px 0;
}

.story-copy h2,
.lumia-curated h2,
.lumia-join h2 {
  font-size: clamp(2.05rem, 4vw, 2.8rem);
  line-height: 0.96;
}

.story-link,
.section-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--lumia-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.story-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.story-panel {
  position: relative;
  min-height: 210px;
  overflow: hidden;
}

.story-panel-object {
  background: linear-gradient(180deg, #14181b, #0f1112);
}

.object-plinth {
  position: absolute;
  left: 50%;
  bottom: 14%;
  width: 34%;
  height: 9%;
  transform: translateX(-50%);
  border-radius: 24px;
  background: linear-gradient(180deg, #8e6d45, #463423);
}

.object-body {
  position: absolute;
  left: 50%;
  bottom: 22%;
  width: 38%;
  height: 46%;
  transform: translateX(-50%);
  border-radius: 20px 20px 14px 14px;
  background:
    linear-gradient(180deg, rgba(255, 225, 170, 0.85), rgba(138, 106, 56, 0.88)),
    linear-gradient(180deg, #352618, #1d1714);
  box-shadow: inset 0 0 0 12px #0f1112, 0 20px 28px rgba(0, 0, 0, 0.36);
}

.object-cap {
  position: absolute;
  left: 50%;
  bottom: 68%;
  width: 16%;
  height: 10%;
  transform: translateX(-50%);
  border-radius: 10px 10px 4px 4px;
  background: linear-gradient(180deg, #b58952, #65492c);
}

.story-panel-ambient {
  background: linear-gradient(180deg, #e9e3dc, #d2c6b8);
}

.ambient-wall {
  position: absolute;
  inset: 0 0 28% 0;
  background: linear-gradient(180deg, #f2ede7, #e6ddd2);
}

.ambient-console {
  position: absolute;
  left: 18%;
  right: 14%;
  bottom: 18%;
  height: 16%;
  border-radius: 4px;
  background: linear-gradient(180deg, #846c55, #5b4637);
}

.ambient-lamp {
  position: absolute;
  right: 26%;
  bottom: 34%;
  width: 16%;
  aspect-ratio: 0.78;
  border-radius: 50% 50% 18% 18%;
  background: linear-gradient(180deg, #efddac, #c0915a);
}

.ambient-glow {
  position: absolute;
  right: 19%;
  top: 20%;
  width: 34%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(249, 233, 180, 0.6), transparent 66%);
}

.section-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 18px;
}

.curated-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr 0.78fr;
  gap: 16px;
}

.collection-card {
  overflow: hidden;
}

.collection-card-lounge {
  grid-row: span 2;
}

.collection-scene {
  position: relative;
  min-height: 250px;
  overflow: hidden;
}

.collection-scene-lounge {
  background:
    url("your-image-1.jpg"),
    linear-gradient(180deg, #39595c, #1c2c31);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-scene-lounge > div {
  display: none;
}

.lounge-backdrop {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(236, 244, 243, 0.12), rgba(13, 23, 25, 0.06));
}

.lounge-floor {
  position: absolute;
  inset: auto 0 0;
  height: 22%;
  background: linear-gradient(180deg, #b28f70, #8f6a4f);
}

.lounge-sofa {
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 18%;
  height: 34%;
  border-radius: 28px 28px 18px 18px;
  background: linear-gradient(180deg, #25544f, #173b3b);
}

.lounge-frame {
  position: absolute;
  left: 20%;
  top: 16%;
  width: 22%;
  aspect-ratio: 0.9;
  border: 6px solid rgba(231, 221, 207, 0.76);
}

.lounge-side-table {
  position: absolute;
  right: 18%;
  bottom: 16%;
  width: 12%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #d1bdab;
}

.collection-copy {
  display: grid;
  gap: 4px;
  padding: 14px 14px 16px;
}

.collection-copy strong {
  font-size: 1rem;
}

.collection-copy span,
.collection-card-editorial p,
.lamp-label {
  color: var(--lumia-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

.collection-card-editorial {
  padding: 18px;
  background:
    linear-gradient(160deg, rgba(12, 28, 25, 0.46), rgba(12, 28, 25, 0.18)),
    url("your-image-2.jpg"),
    linear-gradient(160deg, #2c7b74, #3aa08f 70%, #55b0a3);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #f7fbfa;
}

.editorial-mark {
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  opacity: 0.84;
}

.collection-card-editorial h3 {
  margin: 46px 0 10px;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.8rem;
  line-height: 0.92;
}

.collection-card-editorial p {
  max-width: 18ch;
  color: rgba(247, 251, 250, 0.86);
}

.collection-card-beauty,
.collection-card-lamp,
.collection-card-vase {
  display: grid;
}

.beauty-portrait {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  background: linear-gradient(180deg, #edd3c3, #b18570);
}

.portrait-shadow {
  position: absolute;
  inset: auto 0 0;
  height: 32%;
  background: rgba(43, 28, 26, 0.16);
}

.portrait-face {
  position: absolute;
  left: 50%;
  top: 24%;
  width: 34%;
  height: 38%;
  transform: translateX(-50%);
  border-radius: 48% 48% 44% 44%;
  background: linear-gradient(180deg, #e3b69d, #b97c64);
}

.portrait-neck {
  position: absolute;
  left: 50%;
  top: 56%;
  width: 16%;
  height: 14%;
  transform: translateX(-50%);
  border-radius: 0 0 20px 20px;
  background: linear-gradient(180deg, #d49b82, #bf7b62);
}

.portrait-shirt {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 80%;
  height: 34%;
  transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
  background: linear-gradient(180deg, #1d2f32, #081114);
}

.collection-card-lamp {
  background: linear-gradient(180deg, #152326, #081013);
}

.collection-card-vase {
  background: linear-gradient(180deg, #ebe3d8, #dcd0c1);
}

.lamp-label {
  padding: 14px 14px 0;
  color: rgba(244, 248, 247, 0.74);
}

.lamp-visual {
  position: relative;
  min-height: 156px;
  overflow: hidden;
}

.lamp-glass {
  position: absolute;
  right: 18%;
  bottom: 20%;
  width: 24%;
  height: 58%;
  border-radius: 18px 18px 12px 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(160, 211, 214, 0.14)),
    linear-gradient(180deg, #2e4f55, #15282d);
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.08);
}

.lamp-stand {
  position: absolute;
  left: 16%;
  right: 32%;
  bottom: 18%;
  height: 8px;
  border-radius: 999px;
  background: rgba(192, 224, 224, 0.26);
}

.vase-visual {
  position: relative;
  min-height: 180px;
  background:
    url("your-image-3.jpg"),
    linear-gradient(180deg, #ebe3d8, #dcd0c1);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-card-vase .vase-visual > div {
  display: none;
}

.vase-neck {
  position: absolute;
  left: 50%;
  top: 18%;
  width: 18%;
  height: 20%;
  transform: translateX(-50%);
  border-radius: 24px;
  background: linear-gradient(180deg, #d7bba4, #b18a6d);
}

.vase-body {
  position: absolute;
  left: 50%;
  top: 32%;
  width: 36%;
  height: 42%;
  transform: translateX(-50%);
  border-radius: 50% 50% 46% 46%;
  background: linear-gradient(180deg, #8da29d, #657871);
  box-shadow: inset -16px -16px 0 rgba(255, 255, 255, 0.18);
}

.lumia-join {
  padding: 30px 28px 32px;
  text-align: center;
  background: linear-gradient(180deg, #faf7f3, #efeae3);
}

.lumia-join p {
  max-width: 38ch;
  margin-left: auto;
  margin-right: auto;
}

.join-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.join-actions span,
.join-actions a {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lumia-line);
  background: rgba(255, 255, 255, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.join-actions a {
  background: var(--lumia-accent);
  border-color: transparent;
  color: #f7f7f2;
}

.lumia-gallery {
  display: grid;
  gap: 22px;
}

.gallery-row {
  margin-bottom: 0;
}

.gallery-intro {
  margin: 16px 0 0;
  max-width: 42ch;
  color: var(--lumia-muted);
  font-size: 0.95rem;
  line-height: 1.75;
}

.gallery-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.88fr 0.88fr;
  gap: 16px;
}

.gallery-card,
.gallery-note {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  border: 1px solid var(--lumia-line);
  background: var(--lumia-surface);
  box-shadow: var(--lumia-shadow);
}

.gallery-card {
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.gallery-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(19, 23, 22, 0.02), rgba(19, 23, 22, 0.72));
}

.gallery-card-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  padding: 18px 18px 20px;
  color: rgba(248, 248, 244, 0.96);
}

.gallery-kicker,
.gallery-note-mark {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.gallery-card h3,
.gallery-note blockquote {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
}

.gallery-card h3 {
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 0.95;
}

.gallery-card p {
  margin: 0;
  max-width: 24ch;
  color: rgba(248, 248, 244, 0.84);
  font-size: 0.84rem;
  line-height: 1.65;
}

.gallery-card-feature {
  grid-row: span 2;
  min-height: 520px;
  background-image:
    linear-gradient(180deg, rgba(24, 24, 22, 0.06), rgba(24, 24, 22, 0.24)),
    url("https://images.unsplash.com/photo-1484154218962-a197022b5858?auto=format&fit=crop&w=1600&q=80");
  background-position: center;
}

.gallery-card-stone {
  background-image:
    linear-gradient(180deg, rgba(22, 24, 22, 0.08), rgba(22, 24, 22, 0.28)),
    url("https://images.unsplash.com/photo-1600607687644-c7171b42498f?auto=format&fit=crop&w=1100&q=80");
  background-position: center;
}

.gallery-card-dining {
  background-image:
    linear-gradient(180deg, rgba(22, 24, 22, 0.08), rgba(22, 24, 22, 0.28)),
    url("https://images.unsplash.com/photo-1502005229762-cf1b2da7c5d6?auto=format&fit=crop&w=1100&q=80");
  background-position: center;
}

.gallery-card-detail {
  background-image:
    linear-gradient(180deg, rgba(22, 24, 22, 0.08), rgba(22, 24, 22, 0.28)),
    url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=80");
  background-position: center;
}

/* ===== Lumia full-page refinement ===== */

body {
  background:
    radial-gradient(circle at 16% 12%, rgba(223, 197, 153, 0.14), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(122, 148, 141, 0.12), transparent 22%),
    linear-gradient(180deg, #faf7f2 0%, #f3eee7 100%);
}

.lumia-frame {
  background:
    radial-gradient(circle at 20% 0%, rgba(223, 197, 153, 0.08), transparent 22%),
    linear-gradient(180deg, #fcfaf6, #f4efe8);
}

.lumia-page {
  gap: 54px;
  padding-bottom: 48px;
}

#story,
#curated,
#collection-edit,
#join {
  scroll-margin-top: 104px;
}

.lumia-hero {
  min-height: 96vh;
}

.lumia-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 26%;
  background: linear-gradient(180deg, rgba(244, 239, 232, 0), rgba(244, 239, 232, 0.88));
  pointer-events: none;
}

.hero-copy {
  max-width: 560px;
  padding: 28px 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(252, 248, 242, 0.72), rgba(252, 248, 242, 0.30));
  box-shadow:
    0 18px 38px rgba(27, 32, 28, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero-copy h1 {
  margin-bottom: 18px;
}

.hero-text {
  max-width: 30ch;
}

.hero-actions-row {
  gap: 12px;
}

.lumia-button {
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(32, 38, 34, 0.08);
}

.lumia-button-soft {
  background-color: rgba(250, 248, 244, 0.92);
}

.lumia-brand,
.lumia-nav a {
  transition: opacity 180ms ease, transform 180ms ease;
}

.lumia-nav a:hover,
.lumia-nav a:focus-visible,
.lumia-brand:hover {
  opacity: 0.72;
}

.lumia-story,
.lumia-curated,
.lumia-gallery,
.lumia-join {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(96, 91, 80, 0.08);
  border-radius: 36px;
  box-shadow:
    0 20px 50px rgba(32, 38, 34, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.lumia-story,
.lumia-curated,
.lumia-gallery {
  padding: 30px;
  background:
    radial-gradient(circle at top right, rgba(223, 197, 153, 0.16), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(246, 240, 232, 0.82));
}

.lumia-join {
  padding: 38px 34px 42px;
  background:
    radial-gradient(circle at 18% 18%, rgba(223, 197, 153, 0.12), transparent 22%),
    linear-gradient(180deg, #faf6f1, #efe8de);
}

.story-copy {
  padding: 10px 8px 10px 2px;
}

.story-copy h2,
.lumia-curated h2,
.lumia-gallery h2,
.lumia-join h2 {
  margin: 0;
  max-width: 14ch;
  letter-spacing: -0.03em;
}

.story-copy p,
.gallery-intro,
.lumia-join p {
  max-width: 36ch;
}

.story-panels,
.curated-grid,
.gallery-grid {
  gap: 18px;
}

.story-panel,
.collection-card,
.gallery-card,
.gallery-note {
  border-radius: 28px;
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease;
}

.story-panel:hover,
.collection-card:hover,
.gallery-card:hover,
.gallery-note:hover {
  transform: translateY(-4px);
  box-shadow:
    0 22px 42px rgba(32, 38, 34, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.collection-card,
.gallery-card,
.gallery-note {
  border-color: rgba(91, 87, 79, 0.10);
}

.collection-card::after,
.gallery-card::after,
.story-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.collection-copy,
.gallery-card-copy {
  padding: 18px 18px 20px;
}

.collection-copy strong,
.gallery-card h3 {
  letter-spacing: -0.02em;
}

.collection-card-editorial h3,
.gallery-card h3,
.gallery-note blockquote {
  text-wrap: balance;
}

.section-link,
.story-link {
  position: relative;
  padding-bottom: 2px;
}

.section-link::after,
.story-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px;
  background: currentColor;
  opacity: 0.24;
}

.gallery-note {
  min-height: 280px;
}

.gallery-note blockquote {
  max-width: 11ch;
  letter-spacing: -0.03em;
}

.join-actions {
  margin-top: 22px;
}

.join-actions span,
.join-actions a {
  min-height: 40px;
  padding: 0 18px;
  box-shadow: 0 8px 20px rgba(32, 38, 34, 0.05);
}

.lumia-footer {
  width: min(var(--lumia-content-width), calc(100% - 72px));
  margin: 10px auto 0;
  padding: 16px 0 32px;
  border-top: 1px solid rgba(91, 87, 79, 0.12);
}

@media (max-width: 920px) {
  .lumia-page {
    gap: 42px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery,
  .lumia-join {
    border-radius: 30px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery {
    padding: 24px;
  }

  .lumia-join {
    padding: 30px 24px 34px;
  }

  .hero-copy {
    padding: 24px 24px 26px;
  }
}

@media (max-width: 680px) {
  .lumia-page {
    gap: 28px;
    padding-bottom: 24px;
  }

  .lumia-header {
    padding: 16px 16px;
  }

  .hero-copy {
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery,
  .lumia-join {
    border-radius: 24px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery {
    padding: 18px;
  }

  .lumia-join {
    padding: 26px 18px 28px;
  }

  .story-panel,
  .collection-card,
  .gallery-card,
  .gallery-note {
    border-radius: 22px;
  }

  .gallery-card-feature {
    min-height: 340px;
  }
}

.gallery-note {
  display: grid;
  align-content: center;
  gap: 14px;
  padding: 24px 22px;
  background:
    radial-gradient(circle at top right, rgba(223, 197, 153, 0.22), transparent 30%),
    linear-gradient(180deg, #f8f4ee, #efe7dd);
}

.gallery-note blockquote {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1;
  color: #1f241f;
}

.gallery-note span {
  color: var(--lumia-muted);
  font-size: 0.84rem;
  line-height: 1.65;
}

.lumia-footer {
  margin-top: 22px;
  padding-top: 12px;
  border-top: 1px solid var(--lumia-line);
  color: var(--lumia-muted);
  font-size: 0.72rem;
}

.lumia-footer-links {
  display: flex;
  align-items: center;
  gap: 18px;
}

.lumia-catalog-body {
  background: linear-gradient(180deg, #faf7f2 0%, #f2ece5 100%);
}

.lumia-catalog-frame {
  background: linear-gradient(180deg, #fbf8f4, #f2ece5);
  padding-bottom: 34px;
}

.lumia-header-shop {
  position: relative;
  top: auto;
  left: auto;
  padding: 22px 0 18px;
  border-bottom: 1px solid var(--lumia-line);
}

.lumia-header-shop .lumia-nav a[aria-current="page"] {
  color: var(--lumia-ink);
}

.lumia-catalog-page {
  display: grid;
  gap: 28px;
  padding: 24px 0 34px;
}

.lumia-catalog-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.lumia-catalog-copy {
  max-width: 700px;
}

.lumia-catalog-copy h1 {
  margin: 8px 0 12px;
  font-size: clamp(2.9rem, 5.5vw, 4.7rem);
  line-height: 0.92;
  letter-spacing: -0.04em;
}

.lumia-catalog-copy p:last-child {
  max-width: 48ch;
  margin: 0;
  color: var(--lumia-muted);
  font-size: 0.95rem;
  line-height: 1.7;
}

.lumia-home-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 20px;
  border: 1px solid var(--lumia-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: var(--lumia-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lumia-catalog-layout {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.lumia-filter-rail {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 18px;
}

.lumia-filter-group {
  padding-top: 12px;
  border-top: 1px solid var(--lumia-line);
}

.lumia-filter-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--lumia-ink);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.lumia-filter-options {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.lumia-filter-options span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.lumia-filter-options strong,
.lumia-filter-options em {
  font-style: normal;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--lumia-muted);
}

.lumia-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 18px;
}

.lumia-product-card {
  display: grid;
  gap: 10px;
}

.lumia-product-visual {
  position: relative;
  aspect-ratio: 0.94;
  overflow: hidden;
  border: 1px solid rgba(50, 56, 51, 0.08);
  background-color: #ebe6df;
}

.lumia-product-visual-chair {
  background:
    linear-gradient(115deg, transparent 44%, #9db29a 44% 61%, transparent 61%) 42% 34% / 36% 38% no-repeat,
    linear-gradient(180deg, #c6d3c4, #9bb098) 42% 49% / 34% 13% no-repeat,
    linear-gradient(180deg, #b79873, #8d6f4f) 35% 59% / 2px 25% no-repeat,
    linear-gradient(180deg, #b79873, #8d6f4f) 54% 59% / 2px 25% no-repeat,
    linear-gradient(180deg, #f4f0ea, #e9e2d8);
}

.lumia-product-visual-stool {
  background:
    linear-gradient(180deg, #3a3b39, #171717) 50% 31% / 22% 34% no-repeat,
    linear-gradient(180deg, #323331, #171717) 50% 56% / 30% 8% no-repeat,
    linear-gradient(180deg, #323331, #171717) 41% 64% / 2px 20% no-repeat,
    linear-gradient(180deg, #323331, #171717) 59% 64% / 2px 20% no-repeat,
    linear-gradient(180deg, #323331, #171717) 46% 64% / 2px 20% no-repeat,
    linear-gradient(180deg, #323331, #171717) 54% 64% / 2px 20% no-repeat,
    linear-gradient(180deg, #f3efe8, #e7dfd5);
}

.lumia-product-visual-sofa {
  background:
    linear-gradient(180deg, #fbf7f1, #eee7dd) 50% 58% / 72% 18% no-repeat,
    linear-gradient(180deg, #fbf7f1, #eee7dd) 26% 46% / 18% 24% no-repeat,
    linear-gradient(180deg, #fbf7f1, #eee7dd) 74% 46% / 18% 24% no-repeat,
    linear-gradient(180deg, #fbf7f1, #eee7dd) 50% 46% / 44% 22% no-repeat,
    linear-gradient(180deg, rgba(132, 114, 88, 0.12), rgba(132, 114, 88, 0.12)) 50% 78% / 56% 4% no-repeat,
    linear-gradient(180deg, #f5f1ea, #ebe4da);
}

.lumia-product-visual-table {
  background:
    radial-gradient(circle at 52% 50%, rgba(255, 243, 208, 0.92), rgba(255, 243, 208, 0.12) 28%, transparent 48%),
    linear-gradient(180deg, #806854, #5f4d3e) 50% 54% / 34% 8% no-repeat,
    linear-gradient(180deg, #806854, #5f4d3e) 50% 60% / 6% 18% no-repeat,
    linear-gradient(180deg, #f6f2ea, #e4ddd2);
}

.lumia-product-visual-lamp {
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 227, 172, 0.72), rgba(255, 227, 172, 0.08) 32%, transparent 52%),
    linear-gradient(180deg, #faf1d2, #ccb07d) 50% 38% / 26% 24% no-repeat,
    linear-gradient(180deg, #85694d, #644d3a) 50% 64% / 6% 22% no-repeat,
    linear-gradient(180deg, #9b7d5d, #7f654b) 50% 74% / 28% 3% no-repeat,
    linear-gradient(180deg, #544333, #2f2620) 0 100% / 100% 22% no-repeat,
    linear-gradient(180deg, #b79b79, #7c624b);
}

.lumia-product-visual-rug {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0 6%, transparent 6% 14%, rgba(255, 255, 255, 0.14) 14% 20%, transparent 20% 28%, rgba(255, 255, 255, 0.22) 28% 34%, transparent 34% 42%, rgba(255, 255, 255, 0.12) 42% 48%, transparent 48% 56%, rgba(255, 255, 255, 0.2) 56% 62%, transparent 62% 70%, rgba(255, 255, 255, 0.1) 70% 76%, transparent 76% 84%, rgba(255, 255, 255, 0.2) 84% 90%, transparent 90% 100%),
    linear-gradient(180deg, #d8ccb7, #cabca8);
}

.lumia-product-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.lumia-product-copy {
  display: grid;
  gap: 4px;
}

.lumia-product-copy strong {
  font-size: 0.88rem;
  font-weight: 700;
}

.lumia-product-copy span,
.lumia-product-price {
  color: var(--lumia-muted);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.lumia-product-price {
  white-space: nowrap;
}

.lumia-catalog-cta {
  display: flex;
  justify-content: center;
  padding-top: 6px;
}

@media (max-width: 920px) {
  .lumia-story {
    grid-template-columns: 1fr;
  }

  .lumia-hero {
    min-height: 100vh;
    padding: 0 5%;
    background-position: center center;
  }

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

  .section-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .curated-grid {
    grid-template-columns: 1fr 1fr;
  }

  .collection-card-lounge {
    grid-row: auto;
    grid-column: span 2;
  }

  .gallery-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-card-feature,
  .gallery-note {
    grid-column: span 2;
  }

  .gallery-card-feature {
    min-height: 420px;
  }
}

@media (max-width: 680px) {
  body {
    background: linear-gradient(180deg, #f8f5f1 0%, var(--lumia-bg) 100%);
  }

  .lumia-frame {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .lumia-shell,
  .lumia-header-shop {
    width: min(100%, calc(100% - 24px));
  }

  .lumia-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .lumia-page > :not(.lumia-hero),
  .lumia-footer {
    width: min(100%, calc(100% - 24px));
  }

  .lumia-nav,
  .hero-actions-row,
  .join-actions,
  .lumia-footer-links {
    flex-wrap: wrap;
  }

  .hero-copy {
    max-width: 100%;
  }

  .hero-copy h1 {
    font-size: clamp(3rem, 15vw, 4.5rem);
  }

  .lumia-hero {
    min-height: 100vh;
    padding: 32px 16px;
    align-items: flex-start;
  }

  .story-panels,
  .curated-grid,
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .collection-card-lounge {
    grid-column: auto;
  }

  .gallery-card-feature,
  .gallery-note {
    grid-column: auto;
  }

  .hero-text {
    font-size: 1rem;
    margin-bottom: 24px;
  }

  .lumia-header-shop {
    padding: 16px 0 18px;
  }

  .lumia-catalog-page {
    padding-top: 18px;
  }

  .lumia-filter-rail,
  .lumia-product-grid {
    grid-template-columns: 1fr;
  }

  .lumia-product-row {
    flex-direction: column;
    gap: 6px;
  }
}

/* ===== photo-style Lumia story + collection visuals ===== */

.story-panel {
  min-height: 348px;
  border-radius: 28px;
}

.story-panel-object {
  background:
    linear-gradient(180deg, rgba(12, 14, 16, 0.22), rgba(12, 14, 16, 0.56)),
    url("https://images.unsplash.com/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=1200&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.story-panel-ambient {
  background:
    linear-gradient(180deg, rgba(245, 241, 235, 0.06), rgba(245, 241, 235, 0.22)),
    url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1200&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.object-plinth,
.object-body,
.object-cap,
.ambient-wall,
.ambient-console,
.ambient-lamp,
.ambient-glow,
.lounge-backdrop,
.lounge-floor,
.lounge-sofa,
.lounge-frame,
.lounge-side-table,
.portrait-shadow,
.portrait-face,
.portrait-neck,
.portrait-shirt,
.lamp-visual,
.vase-visual {
  display: none;
}

.collection-scene {
  min-height: 320px;
}

.collection-scene-lounge {
  background:
    linear-gradient(180deg, rgba(20, 26, 24, 0.12), rgba(20, 26, 24, 0.36)),
    url("https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-card-lounge .collection-copy {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 241, 233, 0.98));
}

.collection-card-beauty,
.collection-card-lamp,
.collection-card-vase {
  position: relative;
  min-height: 286px;
  align-content: end;
}

.beauty-portrait {
  min-height: 220px;
  background:
    linear-gradient(180deg, rgba(24, 20, 18, 0.08), rgba(24, 20, 18, 0.18)),
    url("https://images.unsplash.com/photo-1484101403633-562f891dc89a?auto=format&fit=crop&w=900&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-card-beauty .collection-copy,
.collection-card-vase .collection-copy {
  position: relative;
  margin-top: auto;
  padding: 16px 16px 18px;
  background: linear-gradient(180deg, rgba(21, 24, 22, 0), rgba(21, 24, 22, 0.88));
}

.collection-card-beauty .collection-copy strong,
.collection-card-beauty .collection-copy span,
.collection-card-vase .collection-copy strong,
.collection-card-vase .collection-copy span {
  color: rgba(247, 248, 244, 0.96);
}

.collection-card-lamp {
  background:
    linear-gradient(180deg, rgba(18, 23, 24, 0.12), rgba(18, 23, 24, 0.72)),
    url("https://images.unsplash.com/photo-1600121848594-d8644e57abab?auto=format&fit=crop&w=900&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.lamp-label {
  position: relative;
  z-index: 1;
  margin-top: auto;
  padding: 18px 16px;
  color: rgba(247, 248, 244, 0.92);
  background: linear-gradient(180deg, rgba(14, 18, 19, 0), rgba(14, 18, 19, 0.84));
}

.collection-card-vase {
  background:
    linear-gradient(180deg, rgba(28, 24, 20, 0.04), rgba(28, 24, 20, 0.28)),
    url("https://images.unsplash.com/photo-1517705008128-361805f42e86?auto=format&fit=crop&w=900&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 920px) {
  .story-panel {
    min-height: 300px;
  }

  .collection-scene {
    min-height: 280px;
  }
}

@media (max-width: 680px) {
  .story-panel,
  .collection-card-beauty,
  .collection-card-lamp,
  .collection-card-vase {
    min-height: 240px;
  }

  .collection-scene {
    min-height: 240px;
  }
}

/* ===== make all curated cards feel photo-based ===== */

.collection-card-lounge {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    linear-gradient(180deg, rgba(18, 24, 22, 0.04), rgba(18, 24, 22, 0.40)),
    url("https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1400&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-card-lounge .collection-scene {
  display: none;
}

.collection-card-lounge .collection-copy {
  margin-top: auto;
  padding: 18px 16px 20px;
  background: linear-gradient(180deg, rgba(18, 24, 22, 0), rgba(18, 24, 22, 0.74));
}

.collection-card-lounge .collection-copy strong,
.collection-card-lounge .collection-copy span {
  color: rgba(248, 248, 244, 0.96);
}

.collection-card-editorial {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 286px;
  background:
    linear-gradient(180deg, rgba(22, 26, 24, 0.10), rgba(22, 26, 24, 0.68)),
    url("https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?auto=format&fit=crop&w=1000&q=80");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.collection-card-editorial::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(248, 244, 238, 0.04), rgba(248, 244, 238, 0.08)),
    radial-gradient(circle at 72% 22%, rgba(244, 226, 172, 0.16), transparent 18%);
}

.collection-card-editorial > * {
  position: relative;
  z-index: 1;
}

.editorial-mark,
.collection-card-editorial h3,
.collection-card-editorial p {
  color: rgba(248, 248, 244, 0.96);
}

.collection-card-editorial p {
  max-width: 20ch;
  color: rgba(248, 248, 244, 0.84);
}

/* ===== Lumia final winning layer ===== */

body {
  background:
    radial-gradient(circle at 16% 12%, rgba(223, 197, 153, 0.14), transparent 24%),
    radial-gradient(circle at 84% 10%, rgba(122, 148, 141, 0.12), transparent 22%),
    linear-gradient(180deg, #faf7f2 0%, #f3eee7 100%);
}

.lumia-frame {
  background:
    radial-gradient(circle at 20% 0%, rgba(223, 197, 153, 0.08), transparent 22%),
    linear-gradient(180deg, #fcfaf6, #f4efe8);
}

.lumia-page {
  gap: 54px;
  padding-bottom: 48px;
}

#story,
#curated,
#collection-edit,
#join {
  scroll-margin-top: 104px;
}

.lumia-hero {
  min-height: 96vh;
}

.lumia-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 26%;
  background: linear-gradient(180deg, rgba(244, 239, 232, 0), rgba(244, 239, 232, 0.88));
  pointer-events: none;
}

.hero-copy {
  max-width: 560px;
  padding: 28px 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(252, 248, 242, 0.72), rgba(252, 248, 242, 0.30));
  box-shadow:
    0 18px 38px rgba(27, 32, 28, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero-copy h1 {
  margin-bottom: 18px;
}

.hero-text {
  max-width: 30ch;
}

.hero-actions-row {
  gap: 12px;
}

.lumia-button {
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(32, 38, 34, 0.08);
}

.lumia-button-soft {
  background-color: rgba(250, 248, 244, 0.92);
}

.lumia-story,
.lumia-curated,
.lumia-gallery,
.lumia-join {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(96, 91, 80, 0.08);
  border-radius: 36px;
  box-shadow:
    0 20px 50px rgba(32, 38, 34, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.lumia-story,
.lumia-curated,
.lumia-gallery {
  padding: 30px;
  background:
    radial-gradient(circle at top right, rgba(223, 197, 153, 0.16), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(246, 240, 232, 0.82));
}

.lumia-join {
  padding: 38px 34px 42px;
  background:
    radial-gradient(circle at 18% 18%, rgba(223, 197, 153, 0.12), transparent 22%),
    linear-gradient(180deg, #faf6f1, #efe8de);
}

.story-copy h2,
.lumia-curated h2,
.lumia-gallery h2,
.lumia-join h2 {
  margin: 0;
  max-width: 14ch;
  letter-spacing: -0.03em;
}

.story-panels,
.curated-grid,
.gallery-grid {
  gap: 18px;
}

.story-panel,
.collection-card,
.gallery-card,
.gallery-note {
  border-radius: 28px;
  transition:
    transform 260ms ease,
    box-shadow 260ms ease,
    border-color 260ms ease;
}

.story-panel:hover,
.collection-card:hover,
.gallery-card:hover,
.gallery-note:hover {
  transform: translateY(-4px);
  box-shadow:
    0 22px 42px rgba(32, 38, 34, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.collection-card,
.gallery-card,
.gallery-note {
  border-color: rgba(91, 87, 79, 0.10);
}

.collection-card::after,
.gallery-card::after,
.story-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.collection-copy,
.gallery-card-copy {
  padding: 18px 18px 20px;
}

.collection-card-editorial h3,
.gallery-card h3,
.gallery-note blockquote {
  text-wrap: balance;
}

.section-link,
.story-link {
  position: relative;
  padding-bottom: 2px;
}

.section-link::after,
.story-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 1px;
  background: currentColor;
  opacity: 0.24;
}

.gallery-note {
  min-height: 280px;
}

.gallery-note blockquote {
  max-width: 11ch;
  letter-spacing: -0.03em;
}

.join-actions {
  margin-top: 22px;
}

.join-actions span,
.join-actions a {
  min-height: 40px;
  padding: 0 18px;
  box-shadow: 0 8px 20px rgba(32, 38, 34, 0.05);
}

.lumia-footer {
  width: min(var(--lumia-content-width), calc(100% - 72px));
  margin: 10px auto 0;
  padding: 16px 0 32px;
  border-top: 1px solid rgba(91, 87, 79, 0.12);
}

@media (max-width: 920px) {
  .lumia-page {
    gap: 42px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery,
  .lumia-join {
    border-radius: 30px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery {
    padding: 24px;
  }

  .lumia-join {
    padding: 30px 24px 34px;
  }

  .hero-copy {
    padding: 24px 24px 26px;
  }
}

@media (max-width: 680px) {
  .lumia-page {
    gap: 28px;
    padding-bottom: 24px;
  }

  .lumia-header {
    padding: 16px 16px;
  }

  .hero-copy {
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery,
  .lumia-join {
    border-radius: 24px;
  }

  .lumia-story,
  .lumia-curated,
  .lumia-gallery {
    padding: 18px;
  }

  .lumia-join {
    padding: 26px 18px 28px;
  }

  .story-panel,
  .collection-card,
  .gallery-card,
  .gallery-note {
    border-radius: 22px;
  }

  .gallery-card-feature {
    min-height: 340px;
  }
}