:root {
  color-scheme: light;
  --picker-bg: rgba(20, 25, 22, .92);
  --picker-ink: #f8f5ee;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: #ece8df; color: #152019; }
body, button, a { -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }

.concept-picker {
  position: fixed;
  z-index: 1000;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: min(650px, calc(100vw - 28px));
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 8px 10px 8px 18px;
  color: var(--picker-ink);
  background: var(--picker-bg);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  box-shadow: 0 16px 45px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}
.picker-intro { min-width: 120px; font: 500 11px/1.2 "DM Sans", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.picker-intro span { display: block; opacity: .6; }
.picker-intro strong { display: block; margin-top: 4px; font-size: 13px; letter-spacing: .04em; }
.picker-options { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.picker-options button {
  min-height: 38px;
  padding: 8px 7px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: rgba(255,255,255,.72);
  background: transparent;
  cursor: pointer;
  font: 500 12px/1 "DM Sans", sans-serif;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.picker-options button span { margin-right: 5px; opacity: .5; font-variant-numeric: tabular-nums; }
.picker-options button:hover { color: #fff; background: rgba(255,255,255,.08); }
.picker-options button:active { transform: scale(.98); }
.picker-options button[aria-selected="true"] { color: #142019; background: #f6f1e7; }
.picker-options button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.concept-shell {
  min-height: 100vh;
  padding-top: 84px;
  animation: concept-in .48s ease both;
}
@keyframes concept-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.brand .brand-logo { width: 68px; height: 68px; object-fit: contain; border-radius: 9px; }
.brand-word { font-size: 26px; letter-spacing: -.04em; }
.nav-links { display: flex; align-items: center; gap: 30px; }
.nav-links a { text-decoration: none; }
.nav-book { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; opacity: .55; }
.btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.btn-main, .btn-line {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  text-decoration: none;
  transition: transform .22s ease, background .22s ease, color .22s ease;
}
.btn-main:hover, .btn-line:hover { transform: translateY(-2px); }
.mobile-logo-backdrop { display:none; }
.arrow { font-size: 20px; line-height: 1; }
.reel-link { text-decoration: none; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* 01 — Editorial luxury */
.c1 {
  --ink: #193127;
  --paper: #f0eadf;
  --sage: #6f866f;
  --rust: #a45c3f;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", sans-serif;
}
.c1 .c1-header {
  width: min(1360px, calc(100% - 56px));
  height: 82px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(25,49,39,.2);
}
.c1 .brand { justify-self: start; font-family: "Fraunces", serif; }
.c1 .nav-links { justify-content: center; font-size: 14px; }
.c1 .nav-links a { position: relative; }
.c1 .nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--ink); transition: right .2s; }
.c1 .nav-links a:hover::after { right: 0; }
.c1 .nav-book { justify-self: end; min-height: 42px; padding: 0 18px; border: 1px solid var(--ink); text-decoration: none; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.c1 .editorial-hero {
  width: min(1360px, calc(100% - 56px));
  min-height: 720px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
  border-bottom: 1px solid rgba(25,49,39,.2);
}
.c1 .editorial-copy {
  padding: 90px 7vw 72px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c1 .edition { margin: 0 0 38px; color: var(--rust); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; }
.c1 h1 {
  max-width: 820px;
  margin: 0;
  font: 500 clamp(62px, 7.4vw, 118px)/.88 "Fraunces", serif;
  letter-spacing: -.065em;
}
.c1 h1 em { display: block; color: var(--sage); font-weight: 400; }
.c1 .hero-deck { max-width: 610px; margin: 34px 0 30px; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; color: rgba(25,49,39,.76); }
.c1 .btn-main { color: var(--paper); background: var(--ink); }
.c1 .btn-line { border-bottom: 1px solid var(--ink); padding-inline: 5px; }
.c1 .editorial-art {
  position: relative;
  min-height: 720px;
  overflow: hidden;
  background: var(--sand);
  border-left: 1px solid rgba(25,49,39,.2);
}
.c1 .editorial-art img { width: 100%; height: 100%; padding: 24px; object-fit: contain; mix-blend-mode: normal; }
.c1 .art-caption {
  position: absolute;
  left: 22px; right: 22px; bottom: 22px;
  display: flex; justify-content: space-between; gap: 20px;
  padding: 14px 16px;
  background: rgba(240,234,223,.9);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.c1 .editorial-note {
  width: min(1360px, calc(100% - 56px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  border-bottom: 1px solid rgba(25,49,39,.2);
}
.c1 .note-title { padding: 72px 4vw 72px 0; border-right: 1px solid rgba(25,49,39,.2); }
.c1 .note-title h2 { margin: 14px 0 0; font: 500 clamp(40px, 5vw, 76px)/.98 "Fraunces", serif; letter-spacing: -.04em; }
.c1 .steps { display: grid; grid-template-columns: repeat(3, 1fr); }
.c1 .step { padding: 72px 30px; border-right: 1px solid rgba(25,49,39,.15); }
.c1 .step:last-child { border-right: 0; }
.c1 .step span { color: var(--rust); font: 500 13px/1 "DM Sans", sans-serif; }
.c1 .step h3 { margin: 52px 0 12px; font: 500 27px/1.1 "Fraunces", serif; }
.c1 .step p { margin: 0; line-height: 1.65; color: rgba(25,49,39,.7); }
.c1 .editorial-reels { width: min(1360px, calc(100% - 56px)); margin: 0 auto; padding: 86px 0 100px; }
.c1 .reels-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 35px; }
.c1 .reels-head h2 { max-width: 650px; margin: 10px 0 0; font: 500 clamp(42px, 5vw, 72px)/.95 "Fraunces", serif; letter-spacing: -.045em; }
.c1 .reel-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 18px; }
.c1 .reel-card { min-height: 320px; padding: 26px; display: flex; flex-direction: column; justify-content: space-between; background: #d9d2c3; transition: transform .25s; }
.c1 .reel-card:hover { transform: translateY(-5px); }
.c1 .reel-card:first-child { min-height: 430px; color: #f4efe6; background: var(--ink); }
.c1 .reel-card:nth-child(2) { background: #b66f50; }
.c1 .reel-card:nth-child(3) { background: #a8b49e; }
.c1 .reel-card small { letter-spacing: .12em; text-transform: uppercase; }
.c1 .reel-card strong { max-width: 290px; font: 500 clamp(28px, 3vw, 45px)/1 "Fraunces", serif; }
.c1 .editorial-cta { padding: 90px 28px; text-align: center; color: var(--paper); background: var(--ink); }
.c1 .editorial-cta h2 { margin: 0 auto 26px; max-width: 900px; font: 500 clamp(44px, 6vw, 84px)/.96 "Fraunces", serif; }
.c1 .editorial-cta .btn-main { color: var(--ink); background: var(--paper); }

/* 02 — Forest nocturne */
.c2 {
  min-height: 100vh;
  color: #eef2e8;
  background:
    radial-gradient(circle at 78% 17%, rgba(170,205,118,.16), transparent 28%),
    radial-gradient(circle at 8% 52%, rgba(163,104,57,.13), transparent 25%),
    #06120e;
  font-family: "Manrope", sans-serif;
}
.c2 .night-header {
  width: min(1440px, calc(100% - 54px));
  min-height: 84px;
  margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
  border-bottom: 1px solid rgba(226,238,216,.18);
}
.c2 .brand { font-family: "Marcellus", serif; }
.c2 .brand .brand-logo { filter: none; opacity: 1; }
.c2 .nav-links { font-size: 14px; color: rgba(238,242,232,.75); }
.c2 .nav-links a:hover { color: #c5e78e; }
.c2 .nav-book { min-height: 44px; padding: 0 20px; color: #102117; background: #c5e78e; border-radius: 999px; text-decoration: none; font-weight: 700; }
.c2 .night-hero {
  position: relative;
  width: min(1440px, calc(100% - 54px));
  min-height: 730px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
  overflow: hidden;
}
.c2 .night-copy { position: relative; z-index: 2; padding: 105px 5vw 92px 0; }
.c2 .night-copy .eyebrow { color: #c5e78e; }
.c2 h1 { max-width: 840px; margin: 32px 0 28px; font: 400 clamp(62px, 7vw, 108px)/.91 "Marcellus", serif; letter-spacing: -.055em; }
.c2 h1 span { color: #c5e78e; }
.c2 .night-copy > p { max-width: 630px; margin: 0 0 34px; color: rgba(238,242,232,.69); font-size: 19px; line-height: 1.65; }
.c2 .btn-main { color: #06120e; background: #c5e78e; border-radius: 999px; font-weight: 700; }
.c2 .btn-line { color: #eef2e8; border: 1px solid rgba(238,242,232,.35); border-radius: 999px; }
.c2 .night-art { position: relative; display: grid; place-items: center; }
.c2 .night-orbit { position: relative; width: min(540px, 95%); aspect-ratio: 1; border: 1px solid rgba(197,231,142,.35); border-radius: 50%; padding: 42px; animation: night-float 7s ease-in-out infinite; }
@keyframes night-float { 50% { transform: translateY(-10px); } }
.c2 .night-orbit::before, .c2 .night-orbit::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(197,231,142,.15); }
.c2 .night-orbit::before { inset: 8%; }
.c2 .night-orbit::after { inset: 22%; }
.c2 .night-orbit img { width: 100%; height: 100%; object-fit: contain; border-radius: 50%; filter: none; }
.c2 .pulse-card {
  position: absolute; right: 1vw; bottom: 72px; width: 270px;
  padding: 20px; border: 1px solid rgba(238,242,232,.22); border-radius: 20px;
  background: rgba(11,29,22,.72); backdrop-filter: blur(14px);
}
.c2 .pulse-card small { color: #c5e78e; letter-spacing: .12em; text-transform: uppercase; }
.c2 .pulse-card strong { display: block; margin: 14px 0 6px; font: 400 28px/1.05 "Marcellus", serif; }
.c2 .pulse-card span { color: rgba(238,242,232,.58); font-size: 13px; }
.c2 .night-band {
  border-top: 1px solid rgba(238,242,232,.16);
  border-bottom: 1px solid rgba(238,242,232,.16);
  background: rgba(255,255,255,.025);
}
.c2 .night-band-inner { width: min(1440px, calc(100% - 54px)); margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; }
.c2 .night-band-copy { padding: 88px 8vw 88px 0; border-right: 1px solid rgba(238,242,232,.16); }
.c2 .night-band-copy h2 { margin: 14px 0 18px; font: 400 clamp(40px, 5vw, 70px)/1 "Marcellus", serif; }
.c2 .night-band-copy p { max-width: 540px; color: rgba(238,242,232,.63); line-height: 1.7; }
.c2 .night-services { padding: 55px 0 55px 7vw; display: grid; gap: 12px; }
.c2 .night-service { padding: 20px 24px; display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 16px; border: 1px solid rgba(238,242,232,.15); border-radius: 16px; }
.c2 .night-service b { color: #c5e78e; }
.c2 .night-service span { color: rgba(238,242,232,.48); font-size: 13px; }
.c2 .night-reels { width: min(1440px, calc(100% - 54px)); margin: auto; padding: 90px 0 110px; }
.c2 .night-reels h2 { margin: 12px 0 34px; font: 400 clamp(44px, 5vw, 72px)/1 "Marcellus", serif; }
.c2 .night-reel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.c2 .night-reel { min-height: 380px; position: relative; overflow: hidden; padding: 24px; border: 1px solid rgba(238,242,232,.18); border-radius: 24px; background: linear-gradient(155deg, rgba(197,231,142,.12), rgba(255,255,255,.02)); }
.c2 .night-reel:nth-child(2) { background: linear-gradient(155deg, rgba(188,112,65,.24), rgba(255,255,255,.02)); }
.c2 .night-reel:nth-child(3) { background: linear-gradient(155deg, rgba(121,155,143,.22), rgba(255,255,255,.02)); }
.c2 .night-reel .play { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: #06120e; background: #c5e78e; }
.c2 .night-reel strong { position: absolute; left: 24px; right: 24px; bottom: 24px; font: 400 32px/1.08 "Marcellus", serif; }

/* 03 — Clinical modern */
.c3 { color: #10251e; background: #f4f8f6; font-family: "Manrope", sans-serif; }
.c3 .clinical-layout { min-height: calc(100vh - 84px); display: grid; grid-template-columns: 250px minmax(0,1fr); }
.c3 .clinical-sidebar {
  position: sticky; top: 84px; height: calc(100vh - 84px);
  padding: 35px 28px; display: flex; flex-direction: column;
  border-right: 1px solid #cddbd5; background: #e9f1ed;
}
.c3 .brand { font-weight: 700; letter-spacing: -.04em; }
.c3 .clinical-sidebar nav { margin-top: 70px; display: grid; gap: 10px; }
.c3 .clinical-sidebar nav a { padding: 13px 14px; border-radius: 10px; text-decoration: none; font-size: 14px; }
.c3 .clinical-sidebar nav a:hover, .c3 .clinical-sidebar nav a.active { background: #fff; box-shadow: 0 5px 18px rgba(21,55,43,.06); }
.c3 .clinical-sidebar .side-note { margin-top: auto; padding-top: 24px; border-top: 1px solid #cddbd5; color: #557067; font-size: 13px; line-height: 1.55; }
.c3 .clinical-sidebar .side-note b { display: block; color: #10251e; margin-bottom: 5px; }
.c3 .clinical-main { min-width: 0; }
.c3 .clinical-top {
  min-height: 70px; padding: 0 4vw;
  display: flex; align-items: center; justify-content: space-between; gap: 25px;
  border-bottom: 1px solid #d4dfda; background: rgba(244,248,246,.88); backdrop-filter: blur(12px);
}
.c3 .clinical-top p { margin: 0; color: #5a746b; font-size: 13px; }
.c3 .nav-book { min-height: 42px; padding: 0 18px; color: #fff; background: #126b4a; border-radius: 9px; text-decoration: none; font-size: 14px; font-weight: 700; }
.c3 .clinical-hero { padding: clamp(45px, 7vw, 100px) 4vw 64px; }
.c3 .clinical-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 4vw; align-items: center; }
.c3 .clinical-hero h1 { max-width: 800px; margin: 22px 0; font: 600 clamp(54px, 6.8vw, 104px)/.93 "Manrope", sans-serif; letter-spacing: -.075em; }
.c3 .clinical-hero h1 span { color: #13805a; }
.c3 .clinical-hero-copy > p { max-width: 650px; margin: 0 0 30px; color: #547067; font-size: 18px; line-height: 1.65; }
.c3 .btn-main { color: #fff; background: #126b4a; border-radius: 9px; font-weight: 700; }
.c3 .btn-line { border: 1px solid #b9cbc3; border-radius: 9px; }
.c3 .assessment-card { padding: 26px; border: 1px solid #c9d8d1; border-radius: 20px; background: #fff; box-shadow: 0 24px 65px rgba(22,75,56,.09); }
.c3 .assessment-card .card-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #e0e9e5; }
.c3 .assessment-card .card-top b { font-size: 14px; }
.c3 .status-pill { padding: 7px 10px; color: #126b4a; background: #dff3e9; border-radius: 999px; font-size: 12px; font-weight: 700; }
.c3 .assessment-score { padding: 28px 0; display: grid; grid-template-columns: 1fr auto; align-items: end; }
.c3 .assessment-score strong { font-size: 48px; letter-spacing: -.06em; }
.c3 .assessment-score span { color: #668077; font-size: 13px; }
.c3 .metric-list { display: grid; gap: 16px; }
.c3 .metric { display: grid; grid-template-columns: 110px 1fr 30px; align-items: center; gap: 12px; font-size: 13px; }
.c3 .bar { height: 8px; overflow: hidden; background: #e6efeb; border-radius: 99px; }
.c3 .bar i { display: block; height: 100%; background: #13805a; border-radius: inherit; }
.c3 .assessment-card .card-foot { margin-top: 28px; padding: 17px; border-radius: 12px; background: #f2f7f5; font-size: 13px; line-height: 1.5; }
.c3 .care-grid { padding: 0 4vw 80px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.c3 .care-card { padding: 28px; border: 1px solid #ccd9d3; border-radius: 16px; background: rgba(255,255,255,.72); }
.c3 .care-card span { display: inline-grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; color: #126b4a; background: #dff0e8; font-weight: 700; }
.c3 .care-card h3 { margin: 38px 0 10px; font-size: 21px; letter-spacing: -.03em; }
.c3 .care-card p { margin: 0; color: #5c756c; line-height: 1.6; }
.c3 .clinical-reels { padding: 78px 4vw; color: #eef8f3; background: #0d2d22; }
.c3 .clinical-reels-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.c3 .clinical-reels h2 { margin: 10px 0 0; font-size: clamp(40px,5vw,70px); line-height: .98; letter-spacing: -.06em; }
.c3 .clinical-reel-row { margin-top: 35px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.c3 .clinical-reel { min-height: 260px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(238,248,243,.18); border-radius: 16px; background: rgba(255,255,255,.045); }
.c3 .clinical-reel b { width: 42px; height: 42px; display: grid; place-items: center; color: #0d2d22; background: #aee6c9; border-radius: 50%; }
.c3 .clinical-reel strong { max-width: 260px; font-size: 24px; line-height: 1.2; }

/* 04 — Indian heritage atelier */
.c4 {
  --indigo: #263458;
  --clay: #a8442d;
  --saffron: #d9a237;
  --sand: #efe0c2;
  color: #34271d;
  background-color: var(--sand);
  background-image: linear-gradient(rgba(72,50,34,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(72,50,34,.045) 1px, transparent 1px);
  background-size: 34px 34px;
  font-family: "DM Sans", sans-serif;
}
.c4 .heritage-ribbon { padding: 9px 20px; text-align: center; color: #f7ead0; background: var(--indigo); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.c4 .heritage-header {
  width: min(1280px, calc(100% - 54px)); min-height: 96px; margin: auto;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  border-bottom: 1px solid rgba(52,39,29,.35);
}
.c4 .nav-links { justify-self: start; font-size: 14px; }
.c4 .heritage-header .brand { justify-self: center; flex-direction: column; gap: 3px; font-family: "Bodoni Moda", serif; }
.c4 .brand .brand-logo { width: 70px; height: 70px; }
.c4 .heritage-header .brand-word { font-size: 29px; }
.c4 .nav-book { justify-self: end; min-height: 44px; padding: 0 19px; color: #f8ecd5; background: var(--clay); text-decoration: none; }
.c4 .heritage-hero {
  width: min(1280px, calc(100% - 54px)); margin: auto; padding: 76px 0 92px;
  display: grid; grid-template-columns: .85fr 1.15fr .7fr; align-items: center; gap: 4vw;
}
.c4 .heritage-kicker { color: var(--clay); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.c4 .heritage-side h1 { margin: 22px 0 28px; font: 500 clamp(50px, 6vw, 90px)/.92 "Bodoni Moda", serif; letter-spacing: -.055em; color: var(--indigo); }
.c4 .heritage-side h1 em { color: var(--clay); font-weight: 400; }
.c4 .heritage-side p { line-height: 1.7; color: rgba(52,39,29,.72); }
.c4 .heritage-side .btn-main { margin-top: 18px; color: #f8ecd5; background: var(--indigo); }
.c4 .heritage-arch {
  position: relative; min-height: 620px; padding: 22px; overflow: hidden;
  border: 1px solid rgba(52,39,29,.42); border-radius: 240px 240px 12px 12px;
  background: #0a0808;
}
.c4 .heritage-arch::before { content: ""; position: absolute; inset: 13px; border: 1px solid rgba(52,39,29,.4); border-radius: 220px 220px 8px 8px; pointer-events: none; z-index: 2; }
.c4 .heritage-arch img { width: 100%; height: 100%; min-height: 574px; padding: 18px; object-fit: contain; mix-blend-mode: normal; transform-origin:50% 58%; animation:heritage-logo-breathe 6.8s ease-in-out infinite; will-change:transform,filter; }
@keyframes heritage-logo-breathe {
  0%,100% { transform:translateY(4px) scale(.985); filter:drop-shadow(0 0 0 rgba(217,162,55,0)); }
  50% { transform:translateY(-7px) scale(1.012); filter:drop-shadow(0 0 18px rgba(217,162,55,.42)); }
}
.c4 .heritage-quote { padding-left: 28px; border-left: 3px solid var(--clay); }
.c4 .heritage-quote p { margin: 0 0 18px; font: 500 clamp(25px,3vw,40px)/1.18 "Bodoni Moda", serif; color: var(--indigo); }
.c4 .heritage-quote span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.c4 .ritual-section { color: #f6ead4; background: var(--indigo); }
.c4 .ritual-inner { width: min(1280px, calc(100% - 54px)); margin: auto; padding: 88px 0; }
.c4 .ritual-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; }
.c4 .ritual-head h2 { max-width: 700px; margin: 12px 0 0; font: 500 clamp(43px,5vw,72px)/.98 "Bodoni Moda", serif; }
.c4 .ritual-grid { margin-top: 45px; display: grid; grid-template-columns: repeat(3,1fr); }
.c4 .ritual-card { min-height: 310px; padding: 30px; border: 1px solid rgba(246,234,212,.24); }
.c4 .ritual-card:nth-child(2) { background: var(--clay); }
.c4 .ritual-card b { color: var(--saffron); }
.c4 .ritual-card h3 { margin: 95px 0 12px; font: 500 30px/1.05 "Bodoni Moda", serif; }
.c4 .ritual-card p { color: rgba(246,234,212,.7); line-height: 1.6; }
.c4 .heritage-reels { width: min(1280px, calc(100% - 54px)); margin: auto; padding: 90px 0 105px; }
.c4 .heritage-reels h2 { margin: 12px 0 38px; color: var(--indigo); font: 500 clamp(44px,5vw,76px)/.95 "Bodoni Moda", serif; }
.c4 .heritage-reel-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.c4 .heritage-reel { min-height: 360px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(52,39,29,.4); background: rgba(239,224,194,.72); box-shadow: 9px 9px 0 var(--clay); }
.c4 .heritage-reel:nth-child(2) { box-shadow: 9px 9px 0 var(--indigo); }
.c4 .heritage-reel:nth-child(3) { box-shadow: 9px 9px 0 var(--saffron); }
.c4 .heritage-reel small { letter-spacing: .12em; text-transform: uppercase; }
.c4 .heritage-reel strong { font: 500 31px/1.08 "Bodoni Moda", serif; color: var(--indigo); }
.c4 .heritage-final { padding: 84px 25px; text-align: center; border-top: 1px solid rgba(52,39,29,.3); }
.c4 .heritage-final h2 { max-width: 850px; margin: 0 auto 26px; font: 500 clamp(42px,5vw,74px)/.97 "Bodoni Moda", serif; color: var(--indigo); }
.c4 .heritage-final .btn-main { color: #f8ecd5; background: var(--clay); }

/* 05 — Botanical brutalism */
.c5 { --acid: #b8ff51; --black: #10110f; --cream: #f3efdf; color: var(--black); background: var(--cream); font-family: "Space Grotesk", sans-serif; }
.c5 .brutal-header { min-height: 86px; display: grid; grid-template-columns: 1fr auto auto; align-items: stretch; border: 3px solid var(--black); border-left: 0; border-right: 0; background: var(--cream); }
.c5 .brand { padding: 0 30px; font-family: "Syne", sans-serif; font-weight: 800; text-transform: uppercase; border-right: 3px solid var(--black); }
.c5 .brand-word { font-size: 25px; letter-spacing: -.055em; }
.c5 .nav-links { padding: 0 30px; font-weight: 700; text-transform: uppercase; font-size: 13px; }
.c5 .nav-links a:hover { text-decoration: underline 3px; text-underline-offset: 6px; }
.c5 .nav-book { min-width: 210px; padding: 0 25px; color: var(--black); background: var(--acid); border-left: 3px solid var(--black); text-decoration: none; font-weight: 800; text-transform: uppercase; }
.c5 .brutal-hero { min-height: 690px; display: grid; grid-template-columns: 1.22fr .78fr; border-bottom: 3px solid var(--black); }
.c5 .brutal-copy { padding: clamp(55px,7vw,108px) 4vw 70px; position: relative; }
.c5 .brutal-copy .stamp { display: inline-block; padding: 8px 11px; border: 2px solid var(--black); background: var(--acid); font-size: 12px; font-weight: 700; text-transform: uppercase; transform: rotate(-2deg); }
.c5 h1 { max-width: 940px; margin: 35px 0 28px; font: 800 clamp(62px,8.5vw,138px)/.78 "Syne", sans-serif; letter-spacing: -.085em; text-transform: uppercase; }
.c5 h1 span { color: transparent; -webkit-text-stroke: 2px var(--black); }
.c5 .brutal-copy > p { max-width: 650px; font-size: 18px; line-height: 1.55; }
.c5 .btn-main { color: var(--cream); background: var(--black); border: 3px solid var(--black); font-weight: 800; text-transform: uppercase; }
.c5 .btn-line { border: 3px solid var(--black); font-weight: 800; text-transform: uppercase; }
.c5 .brutal-art { position: relative; min-width: 0; overflow: hidden; border-left: 3px solid var(--black); background: var(--cream); }
.c5 .brutal-art img { width: 100%; height: 100%; padding: 20px; object-fit: contain; filter:none; mix-blend-mode:normal; transform-origin:50% 54%; animation:brutal-logo-drift 7.4s cubic-bezier(.45,0,.55,1) infinite; will-change:transform,filter; }
@keyframes brutal-logo-drift {
  0%,100% { transform:translate3d(-5px,5px,0) rotate(-.35deg) scale(.975); filter:drop-shadow(9px 10px 0 rgba(184,255,81,0)); }
  50% { transform:translate3d(5px,-7px,0) rotate(.35deg) scale(.995); filter:drop-shadow(9px 10px 0 rgba(184,255,81,.72)); }
}
.c5 .brutal-art-tag { position: absolute; right: -54px; bottom: 100px; padding: 12px 70px; color: var(--cream); background: var(--black); font-weight: 800; text-transform: uppercase; transform: rotate(-90deg); }
.c5 .brutal-marquee { overflow: hidden; padding: 14px 0; border-bottom: 3px solid var(--black); background: var(--acid); white-space: nowrap; font: 800 17px/1 "Syne", sans-serif; text-transform: uppercase; }
.c5 .brutal-marquee span { display: inline-block; padding-left: 100%; animation: brutal-scroll 18s linear infinite; }
@keyframes brutal-scroll { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion:reduce) {
  .c4 .heritage-arch img,
  .c5 .brutal-art img { animation:none; transform:none; filter:none; }
}
.c5 .brutal-services { display: grid; grid-template-columns: .8fr 1.2fr; border-bottom: 3px solid var(--black); }
.c5 .brutal-services-title { padding: 65px 4vw; background: var(--black); color: var(--cream); }
.c5 .brutal-services-title h2 { margin: 12px 0 0; font: 800 clamp(48px,6vw,90px)/.85 "Syne", sans-serif; letter-spacing: -.07em; text-transform: uppercase; }
.c5 .brutal-list { display: grid; grid-template-columns: repeat(2,1fr); }
.c5 .brutal-item { min-height: 240px; padding: 28px; border-left: 3px solid var(--black); border-bottom: 3px solid var(--black); }
.c5 .brutal-item:nth-child(3), .c5 .brutal-item:nth-child(4) { border-bottom: 0; }
.c5 .brutal-item b { font: 800 46px/1 "Syne", sans-serif; }
.c5 .brutal-item h3 { margin: 54px 0 8px; font-size: 23px; text-transform: uppercase; }
.c5 .brutal-item p { margin: 0; line-height: 1.55; }
.c5 .brutal-reels { padding: 82px 4vw 100px; }
.c5 .brutal-reels h2 { margin: 0 0 38px; font: 800 clamp(52px,7vw,108px)/.82 "Syne", sans-serif; letter-spacing: -.08em; text-transform: uppercase; }
.c5 .brutal-reel-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; border: 3px solid var(--black); }
.c5 .brutal-reel { min-height: 380px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; border-right: 3px solid var(--black); background: #fff7db; }
.c5 .brutal-reel:last-child { border-right: 0; }
.c5 .brutal-reel:nth-child(2) { color: var(--cream); background: var(--black); }
.c5 .brutal-reel:nth-child(3) { background: var(--acid); }
.c5 .brutal-reel span { width: 52px; height: 52px; display: grid; place-items: center; border: 3px solid currentColor; border-radius: 50%; font-weight: 800; }
.c5 .brutal-reel strong { font: 700 clamp(28px,3vw,43px)/1 "Syne", sans-serif; text-transform: uppercase; }
.c5 .brutal-final { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 30px; padding: 50px 4vw; border-top: 3px solid var(--black); background: var(--acid); }
.c5 .brutal-final h2 { margin: 0; font: 800 clamp(38px,5vw,76px)/.86 "Syne", sans-serif; letter-spacing: -.065em; text-transform: uppercase; }
.c5 .brutal-final .btn-main { min-height: 64px; font-size: 17px; }

/* 06 — Soft sculptural */
.c6 { color: #292635; background: #e9e7f3; font-family: "DM Sans", sans-serif; }
.c6 .sculpt-header {
  width: min(1320px, calc(100% - 52px)); min-height: 84px; margin: auto;
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  border-bottom: 1px solid rgba(41,38,53,.16);
}
.c6 .nav-links { font-size: 14px; color: rgba(41,38,53,.72); }
.c6 .nav-book { min-height: 45px; padding: 0 20px; border-radius: 999px; color: #f5f2ff; background: #51456f; text-decoration: none; font-weight: 600; }
.c6 .sculpt-hero {
  width: min(1320px, calc(100% - 52px)); min-height: 720px; margin: auto; padding: 60px 0 78px;
  display: grid; grid-template-columns: 1fr .9fr; gap: 5vw; align-items: center;
}
.c6 .sculpt-copy h1 { max-width: 780px; margin: 24px 0; font: 500 clamp(62px,7vw,108px)/.9 "Fraunces", serif; letter-spacing: -.065em; }
.c6 .sculpt-copy h1 em { color: #75679e; font-weight: 400; }
.c6 .sculpt-copy > p { max-width: 600px; color: rgba(41,38,53,.68); font-size: 19px; line-height: 1.68; }
.c6 .sculpt-copy .btn-row { margin-top: 32px; }
.c6 .btn-main { color: #fff; background: #51456f; border-radius: 999px; }
.c6 .btn-line { border: 1px solid rgba(41,38,53,.24); border-radius: 999px; }
.c6 .sculpt-visual { position: relative; min-height: 580px; }
.c6 .sculpt-visual::before {
  content: ""; position: absolute; inset: 3% 7% 17% 1%; border-radius: 47% 53% 59% 41% / 39% 44% 56% 61%;
  background: linear-gradient(145deg,#b7c9e9,#d1b8ce 58%,#f0d6ba); box-shadow: inset -30px -25px 70px rgba(87,72,110,.14);
  animation: sculpt-aura-drift 12s ease-in-out infinite;
  will-change: transform, border-radius;
}
.c6 .sculpt-logo {
  position: absolute; z-index: 2; width: 57%; aspect-ratio: 1; left: 23%; top: 12%;
  padding: 16px; border-radius: 42% 58% 46% 54%; background: #e9e7f3; box-shadow: 0 40px 90px rgba(64,52,84,.24);
  animation: sculpt-logo-float 5.8s cubic-bezier(.45,0,.55,1) infinite;
  will-change: transform, box-shadow;
}
.c6 .sculpt-logo::after { content:""; position:absolute; inset:9%; border-radius:inherit; border:1px solid rgba(117,103,158,.26); opacity:0; pointer-events:none; animation:sculpt-soft-ripple 5.8s ease-out infinite; }
.c6 .sculpt-logo img { position:relative; z-index:1; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; animation:sculpt-logo-breathe 5.8s ease-in-out infinite; will-change:filter,transform; }
@keyframes sculpt-aura-drift {
  0%,100% { transform:rotate(-2deg) scale(.985); border-radius:47% 53% 59% 41% / 39% 44% 56% 61%; }
  50% { transform:rotate(4deg) scale(1.025); border-radius:55% 45% 43% 57% / 52% 39% 61% 48%; }
}
@keyframes sculpt-logo-float {
  0%,100% { transform:translateY(7px) rotate(2deg); box-shadow:0 30px 70px rgba(64,52,84,.2); }
  50% { transform:translateY(-10px) rotate(4deg); box-shadow:0 52px 105px rgba(64,52,84,.3); }
}
@keyframes sculpt-logo-breathe {
  0%,100% { transform:scale(.985); filter:brightness(.98) saturate(.96); }
  50% { transform:scale(1.018); filter:brightness(1.08) saturate(1.06) drop-shadow(0 8px 12px rgba(117,103,158,.12)); }
}
@keyframes sculpt-soft-ripple {
  0% { transform:scale(.82); opacity:0; }
  24% { opacity:.5; }
  76%,100% { transform:scale(1.13); opacity:0; }
}
.c6 .sculpt-caption {
  position: absolute; z-index: 3; right: 0; bottom: 8%; width: 245px; padding: 22px;
  border-radius: 28px; background: rgba(255,255,255,.68); backdrop-filter: blur(18px); box-shadow: 0 20px 55px rgba(58,50,77,.13);
}
.c6 .sculpt-caption span { color: #75679e; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.c6 .sculpt-caption strong { display: block; margin-top: 11px; font: 500 25px/1.12 "Fraunces", serif; }
.c6 .sculpt-path { padding: 95px max(26px,calc((100vw - 1320px)/2)); display: grid; grid-template-columns: .8fr 1.2fr; gap: 7vw; background: #d9e6e2; }
.c6 .sculpt-path-title h2 { margin: 15px 0 0; font: 500 clamp(45px,5vw,76px)/.95 "Fraunces", serif; letter-spacing: -.05em; }
.c6 .sculpt-step-list { display: grid; }
.c6 .sculpt-step-list article { padding: 24px 0; display: grid; grid-template-columns: 54px 1fr; gap: 20px; border-bottom: 1px solid rgba(41,38,53,.18); }
.c6 .sculpt-step-list article b { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #75679e; }
.c6 .sculpt-step-list h3 { margin: 0 0 6px; font: 500 27px/1.15 "Fraunces", serif; }
.c6 .sculpt-step-list p { margin: 0; color: rgba(41,38,53,.65); line-height: 1.6; }
.c6 .sculpt-reels { padding: 90px max(26px,calc((100vw - 1320px)/2)); display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 18px; }
.c6 .sculpt-reel-title { padding: 20px 5vw 20px 0; }
.c6 .sculpt-reel-title small { color: #75679e; text-transform: uppercase; letter-spacing: .13em; }
.c6 .sculpt-reel-title h2 { margin: 18px 0 30px; font: 500 clamp(42px,4.6vw,69px)/.98 "Fraunces", serif; }
.c6 .sculpt-reel-title a { text-decoration: none; border-bottom: 1px solid; padding-bottom: 4px; }
.c6 .sculpt-reel { min-height: 390px; padding: 25px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 38px; }
.c6 .sculpt-reel.one { background: #c2b5d6; }
.c6 .sculpt-reel.two { background: #efc7af; }
.c6 .sculpt-reel span { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.55); }
.c6 .sculpt-reel strong { font: 500 32px/1.08 "Fraunces", serif; }

/* 07 — Solar modern */
.c7 { --sun:#f5ad24; --wine:#6f1f22; --brown:#371c11; --cream:#fff2d5; color: var(--brown); background: var(--sun); font-family: "Manrope", sans-serif; }
.c7 .solar-header { min-height: 86px; padding: 0 3.5vw; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 2px solid var(--brown); }
.c7 .nav-links { font-weight: 600; font-size: 13px; text-transform: uppercase; }
.c7 .nav-book { min-height: 46px; padding: 0 20px; color: var(--cream); background: var(--wine); text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: 700; }
.c7 .solar-hero { min-height: 720px; display: grid; grid-template-columns: 1.13fr .87fr; border-bottom: 2px solid var(--brown); }
.c7 .solar-copy { padding: 90px 5vw 75px; display: flex; flex-direction: column; justify-content: center; }
.c7 .solar-label { margin: 0 0 28px; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.c7 .solar-copy h1 { margin: 0; font: 700 clamp(68px,8.4vw,132px)/.78 "Syne", sans-serif; letter-spacing: -.085em; text-transform: uppercase; }
.c7 .solar-copy h1 span { color: var(--wine); }
.c7 .solar-intro { max-width: 650px; margin: 32px 0; font-size: 18px; line-height: 1.62; }
.c7 .solar-action { width: fit-content; display: inline-flex; align-items: center; gap: 50px; padding: 16px 18px; color: var(--cream); background: var(--brown); text-decoration: none; font-weight: 700; text-transform: uppercase; }
.c7 .solar-action b { color: var(--sun); font-size: 22px; }
.c7 .solar-disc { position: relative; overflow: hidden; display: grid; place-items: center; border-left: 2px solid var(--brown); background: var(--wine); }
.c7 .solar-disc::before { content:""; position:absolute; width: 75%; aspect-ratio:1; border-radius:50%; background:var(--sun); box-shadow: 0 0 0 32px rgba(245,173,36,.13),0 0 0 64px rgba(245,173,36,.08); }
.c7 .solar-disc img { position: relative; z-index: 2; width: min(62%,440px); border-radius: 50%; transform-origin:50% 58%; animation:solar-logo-rise 7s ease-in-out infinite; will-change:transform,filter; }
@keyframes solar-logo-rise {
  0%,100% { transform:translateY(7px) scale(.985); filter:drop-shadow(0 8px 8px rgba(64,31,21,.12)); }
  50% { transform:translateY(-9px) scale(1.018); filter:drop-shadow(0 0 22px rgba(255,212,91,.62)); }
}
.c7 .solar-disc span { position: absolute; z-index: 3; bottom: 25px; color: var(--cream); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.c7 .solar-flow { padding: 90px 3.5vw; color: var(--cream); background: var(--brown); }
.c7 .solar-flow-head { display: grid; grid-template-columns: .35fr 1.65fr; align-items: end; border-bottom: 1px solid rgba(255,242,213,.35); padding-bottom: 35px; }
.c7 .solar-flow-head span { color: var(--sun); }
.c7 .solar-flow-head h2 { margin: 0; font: 600 clamp(48px,6vw,90px)/.9 "Syne", sans-serif; letter-spacing: -.07em; text-transform: uppercase; }
.c7 .solar-steps { display: grid; grid-template-columns: repeat(3,1fr); }
.c7 .solar-steps article { min-height: 310px; padding: 34px; border-right: 1px solid rgba(255,242,213,.28); }
.c7 .solar-steps article:last-child { border-right: 0; }
.c7 .solar-steps b { color: var(--sun); }
.c7 .solar-steps h3 { margin: 90px 0 12px; font: 600 27px/1.1 "Syne",sans-serif; text-transform: uppercase; }
.c7 .solar-steps p { color: rgba(255,242,213,.65); line-height: 1.6; }
.c7 .solar-reels { padding: 90px 3.5vw; display: grid; grid-template-columns: .75fr 1.25fr; gap: 6vw; background: var(--cream); }
.c7 .solar-reels > div:first-child p { font-size: 12px; letter-spacing: .15em; font-weight: 800; }
.c7 .solar-reels h2 { margin: 20px 0 0; color: var(--wine); font: 700 clamp(48px,6vw,88px)/.85 "Syne",sans-serif; letter-spacing: -.075em; text-transform: uppercase; }
.c7 .solar-reel-stack { border-top: 2px solid var(--brown); }
.c7 .solar-reel-stack a { padding: 25px 0; display: grid; grid-template-columns: 75px 1fr 38px; gap: 20px; align-items: center; border-bottom: 2px solid var(--brown); }
.c7 .solar-reel-stack span { font-size: 12px; }
.c7 .solar-reel-stack strong { font-size: 22px; }
.c7 .solar-reel-stack b { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: var(--cream); background: var(--wine); }
.c7 .solar-final { padding: 80px 3.5vw; display: grid; grid-template-columns: .35fr 1.2fr auto; gap: 30px; align-items: center; color: var(--cream); background: var(--wine); }
.c7 .solar-final h2 { margin: 0; font: 600 clamp(36px,4.5vw,68px)/.95 "Syne",sans-serif; letter-spacing: -.055em; text-transform: uppercase; }
.c7 .solar-final a { padding: 18px 22px; color: var(--brown); background: var(--sun); text-decoration:none; font-weight:800; text-transform:uppercase; }

/* 08 — Digital aura */
.c8 { color:#f4f6ff; background: radial-gradient(circle at 20% 15%,rgba(137,95,255,.28),transparent 28%),radial-gradient(circle at 85% 42%,rgba(56,235,212,.18),transparent 30%),#101234; font-family:"Space Grotesk",sans-serif; }
.c8 .aura-header { width:min(1380px,calc(100% - 44px)); min-height:84px; margin:auto; padding:0 15px; display:flex; align-items:center; justify-content:space-between; gap:28px; border:1px solid rgba(255,255,255,.12); border-top:0; border-radius:0 0 18px 18px; background:rgba(255,255,255,.045); backdrop-filter:blur(18px); }
.c8 .nav-links { color:rgba(244,246,255,.68); font-size:14px; }
.c8 .nav-book { min-height:44px; padding:0 19px; color:#111334; background:#75f5d7; border-radius:12px; text-decoration:none; font-weight:700; }
.c8 .aura-hero { width:min(1380px,calc(100% - 44px)); min-height:730px; margin:auto; padding:85px 3vw; display:grid; grid-template-columns:1.02fr .98fr; gap:4vw; align-items:center; }
.c8 .aura-status { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid rgba(117,245,215,.3); border-radius:999px; color:#75f5d7; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.c8 .aura-status i { width:7px; height:7px; border-radius:50%; background:#75f5d7; box-shadow:0 0 15px #75f5d7; }
.c8 .aura-copy h1 { max-width:800px; margin:28px 0; font:600 clamp(62px,7vw,110px)/.88 "Space Grotesk",sans-serif; letter-spacing:-.075em; }
.c8 .aura-copy h1 span { color:#a890ff; }
.c8 .aura-copy > p { max-width:630px; color:rgba(244,246,255,.62); font-size:18px; line-height:1.67; }
.c8 .aura-copy .btn-row { margin-top:32px; }
.c8 .btn-main { color:#111334; background:#75f5d7; border-radius:12px; font-weight:700; }
.c8 .btn-line { border:1px solid rgba(255,255,255,.25); border-radius:12px; }
.c8 .aura-console { position:relative; min-height:590px; border:1px solid rgba(255,255,255,.12); border-radius:34px; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.015)); box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 40px 90px rgba(0,0,0,.22); }
.c8 .aura-motion-switch { position:absolute; z-index:7; top:18px; left:50%; width:max-content; max-width:calc(100% - 28px); padding:5px; display:flex; align-items:center; gap:3px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:rgba(9,11,38,.78); box-shadow:0 16px 34px rgba(0,0,0,.2); backdrop-filter:blur(18px); transform:translateX(-50%); }
.c8 .aura-motion-switch span { padding:0 8px; color:rgba(244,246,255,.46); font-size:10px; line-height:1; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.c8 .aura-motion-switch button { min-height:34px; padding:0 10px; border:0; border-radius:9px; color:rgba(244,246,255,.66); background:transparent; font:600 11px/1 "Space Grotesk",sans-serif; letter-spacing:.02em; cursor:pointer; transition:color .2s ease,background .2s ease,box-shadow .2s ease; }
.c8 .aura-motion-switch button:hover { color:#fff; background:rgba(255,255,255,.08); }
.c8 .aura-motion-switch button.active { color:#111334; background:#75f5d7; box-shadow:0 0 18px rgba(117,245,215,.24); }
.c8 .aura-motion-switch button:focus-visible { outline:2px solid #a890ff; outline-offset:2px; }
.c8 .aura-orb { position:absolute; width:58%; aspect-ratio:1; left:21%; top:17%; padding:12px; overflow:hidden; border-radius:50%; background:#101234; box-shadow:0 0 70px rgba(137,95,255,.42),0 0 0 28px rgba(117,245,215,.05); transform-origin:center; }
.c8 .aura-orb::before,.c8 .aura-orb::after { content:none; position:absolute; pointer-events:none; }
.c8 .aura-orb img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; border-radius:50%; transform-origin:center; will-change:transform,filter,opacity; }

.c8 .aura-orb[data-motion="scan"]::after { content:""; z-index:3; top:-28%; left:6%; width:88%; height:24%; border-radius:50%; background:linear-gradient(180deg,transparent,rgba(117,245,215,.12) 28%,rgba(117,245,215,.78) 52%,rgba(168,144,255,.18) 70%,transparent); filter:blur(1px); mix-blend-mode:screen; animation:aura-logo-scan 5.2s cubic-bezier(.45,0,.55,1) infinite; }
.c8 .aura-orb[data-motion="scan"] img { animation:aura-logo-signal 5.2s linear infinite; }
@keyframes aura-logo-scan {
  0%,14% { transform:translateY(0); opacity:0; }
  20% { opacity:.9; }
  70% { transform:translateY(535%); opacity:.9; }
  78%,100% { transform:translateY(535%); opacity:0; }
}
@keyframes aura-logo-signal {
  0%,46%,54%,100% { filter:brightness(1) saturate(1); }
  49% { filter:brightness(1.16) saturate(1.18) drop-shadow(0 0 10px rgba(117,245,215,.35)); }
  51% { filter:brightness(.94) saturate(.9); }
}

.c8 .aura-orb[data-motion="pulse"] { animation:aura-orb-pulse 3.8s ease-in-out infinite; }
.c8 .aura-orb[data-motion="pulse"]::after { content:""; inset:9%; z-index:0; border:1px solid rgba(117,245,215,.5); border-radius:50%; animation:aura-pulse-ring 3.8s ease-out infinite; }
.c8 .aura-orb[data-motion="pulse"] img { animation:aura-logo-breathe 3.8s ease-in-out infinite; }
@keyframes aura-orb-pulse { 0%,100% { box-shadow:0 0 54px rgba(137,95,255,.32),0 0 0 22px rgba(117,245,215,.04); } 50% { box-shadow:0 0 92px rgba(137,95,255,.62),0 0 0 34px rgba(117,245,215,.09); } }
@keyframes aura-pulse-ring { 0% { transform:scale(.78); opacity:0; } 25% { opacity:.75; } 80%,100% { transform:scale(1.16); opacity:0; } }
@keyframes aura-logo-breathe { 0%,100% { transform:scale(.97); filter:brightness(.94) saturate(.92); } 50% { transform:scale(1.035); filter:brightness(1.14) saturate(1.18) drop-shadow(0 0 12px rgba(117,245,215,.26)); } }

.c8 .aura-orb[data-motion="float"]::after { content:""; z-index:0; inset:17%; border-radius:50%; background:radial-gradient(circle,rgba(117,245,215,.16),transparent 65%); animation:aura-float-halo 5s ease-in-out infinite; }
.c8 .aura-orb[data-motion="float"] img { animation:aura-logo-float 5s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes aura-logo-float { 0%,100% { transform:translateY(7px) rotate(-.6deg) scale(.98); filter:drop-shadow(0 12px 13px rgba(0,0,0,.18)); } 50% { transform:translateY(-9px) rotate(.6deg) scale(1.015); filter:drop-shadow(0 26px 20px rgba(0,0,0,.27)) brightness(1.05); } }
@keyframes aura-float-halo { 0%,100% { transform:translateY(10px) scale(.92); opacity:.35; } 50% { transform:translateY(-5px) scale(1.08); opacity:.8; } }

.c8 .aura-orb[data-motion="glitch"]::before { content:""; z-index:3; inset:10%; border-radius:50%; opacity:0; background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(117,245,215,.22) 13px 14px); mix-blend-mode:screen; animation:aura-glitch-lines 4.2s steps(1,end) infinite; }
.c8 .aura-orb[data-motion="glitch"]::after { content:""; z-index:2; left:10%; right:10%; top:43%; height:14%; border-radius:4px; opacity:0; background:linear-gradient(90deg,rgba(168,144,255,.7),rgba(117,245,215,.14),rgba(168,144,255,.55)); mix-blend-mode:screen; animation:aura-glitch-slice 4.2s steps(1,end) infinite; }
.c8 .aura-orb[data-motion="glitch"] img { animation:aura-logo-glitch 4.2s steps(1,end) infinite; }
@keyframes aura-logo-glitch { 0%,78%,84%,90%,100% { transform:translate(0); filter:none; opacity:1; } 79% { transform:translate(-7px,2px); filter:hue-rotate(18deg) saturate(1.45); } 80% { transform:translate(6px,-2px); opacity:.82; } 81% { transform:translate(-2px,1px); filter:brightness(1.32); } 86% { transform:translate(4px,0); filter:hue-rotate(-18deg); } 88% { transform:translate(-4px,1px); } }
@keyframes aura-glitch-lines { 0%,78%,82%,87%,100% { opacity:0; transform:translateX(0); } 79%,80% { opacity:.8; transform:translateX(5px); } 85%,86% { opacity:.45; transform:translateX(-4px); } }
@keyframes aura-glitch-slice { 0%,78%,82%,87%,100% { opacity:0; transform:translateX(0) scaleX(1); } 79%,80% { opacity:.7; transform:translateX(-16px) scaleX(1.08); } 85%,86% { opacity:.5; transform:translateX(13px) scaleX(.94); } }

.c8 .aura-orb[data-motion="focus"]::after { content:""; z-index:3; inset:8%; border:1px solid rgba(117,245,215,.72); border-radius:50%; animation:aura-focus-ring 5s cubic-bezier(.32,.7,.32,1) infinite; }
.c8 .aura-orb[data-motion="focus"] img { animation:aura-logo-focus 5s cubic-bezier(.32,.7,.32,1) infinite; }
@keyframes aura-logo-focus { 0%,12% { transform:scale(1.12); filter:blur(12px) brightness(.65); opacity:.35; } 34%,78% { transform:scale(1); filter:blur(0) brightness(1.12) saturate(1.12); opacity:1; } 100% { transform:scale(1.035); filter:blur(3px) brightness(.84); opacity:.72; } }
@keyframes aura-focus-ring { 0%,12% { transform:scale(.66); opacity:0; } 30% { opacity:.82; } 48%,78% { transform:scale(1.02); opacity:.18; } 100% { transform:scale(1.12); opacity:0; } }
.c8 .aura-chip { position:absolute; min-width:180px; padding:16px; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(16,18,52,.78); backdrop-filter:blur(18px); }
.c8 .aura-chip small { display:block; color:#75f5d7; margin-bottom:7px; text-transform:uppercase; letter-spacing:.1em; }
.c8 .chip-a { left:-3%; top:16%; }.c8 .chip-b { right:-2%; top:43%; }.c8 .chip-c { left:6%; bottom:7%; }
.c8 .aura-system { padding:95px max(22px,calc((100vw - 1380px)/2)); background:#0b0d2a; }
.c8 .aura-system-head { display:grid; grid-template-columns:.4fr 1.6fr; align-items:end; padding-bottom:35px; border-bottom:1px solid rgba(255,255,255,.14); }
.c8 .aura-system-head span { color:#75f5d7; font-size:12px; letter-spacing:.12em; }
.c8 .aura-system-head h2 { margin:0; font-size:clamp(46px,6vw,82px); line-height:.95; letter-spacing:-.065em; }
.c8 .aura-panels { margin-top:24px; display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:14px; }
.c8 .aura-panel { min-height:320px; padding:26px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(255,255,255,.04); }
.c8 .aura-panel.wide { background:linear-gradient(145deg,rgba(137,95,255,.22),rgba(255,255,255,.03)); }
.c8 .aura-panel small { color:#75f5d7; letter-spacing:.1em; text-transform:uppercase; }
.c8 .aura-panel h3 { margin:auto 0 12px; font-size:30px; letter-spacing:-.04em; }
.c8 .aura-panel p { color:rgba(244,246,255,.58); line-height:1.6; }
.c8 .aura-panel i { height:5px; width:var(--level); margin-top:15px; background:linear-gradient(90deg,#75f5d7,#a890ff); border-radius:99px; }
.c8 .aura-reels { padding:95px max(22px,calc((100vw - 1380px)/2)); }
.c8 .aura-reels-head { display:flex; justify-content:space-between; align-items:end; gap:25px; }
.c8 .aura-reels-head span { color:#75f5d7; font-size:12px; letter-spacing:.12em; }
.c8 .aura-reels-head h2 { margin:12px 0 0; font-size:clamp(50px,6vw,90px); letter-spacing:-.07em; }
.c8 .aura-reels-head a { color:#75f5d7; text-decoration:none; }
.c8 .aura-reel-grid { margin-top:35px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.c8 .aura-reel-grid a { min-height:350px; padding:24px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:linear-gradient(155deg,rgba(117,245,215,.12),rgba(137,95,255,.08)); }
.c8 .aura-reel-grid b { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; color:#111334; background:#75f5d7; }
.c8 .aura-reel-grid strong { font-size:27px; line-height:1.18; }
.c8 .aura-reel-grid span { color:#a890ff; font-size:11px; letter-spacing:.12em; }

/* 09 — Herbarium notes */
.c9 {
  --paper:#efe8d5; --ink:#302d25; --grid:rgba(75,98,79,.09); --line:rgba(48,45,37,.45);
  --accent:#55715b; --mark:#8b3e2f; --button-ink:#302d25; --surface:#f9f6ed; --surface-ink:#302d25;
  --note-1:#f3d978; --note-2:#a8c7cf; --note-3:#a8bd9a; --note-ink:#302d25;
  --reels-bg:#55715b; --reels-text:#f5efd9; --reel-1:#f4e8bf; --reel-2:#d9aa94; --reel-3:#b8ccd0; --reel-ink:#302d25; --reel-shadow:#273b2b;
  --tape:rgba(208,191,143,.62); --soft-shadow:rgba(65,56,39,.2); --note-shadow:rgba(61,53,38,.14);
  color:var(--ink); background-color:var(--paper); background-image:linear-gradient(var(--grid) 1px,transparent 1px); background-size:100% 32px; font-family:"Libre Franklin",sans-serif;
}
.c9[data-palette="forest"] { --paper:#edf0e6; --ink:#18372d; --grid:rgba(35,87,66,.1); --line:rgba(24,55,45,.42); --accent:#245f49; --mark:#9a673b; --button-ink:#18372d; --surface:#f8f7ef; --surface-ink:#18372d; --note-1:#d9c77e; --note-2:#b8d4c5; --note-3:#91b19a; --note-ink:#18372d; --reels-bg:#184737; --reels-text:#f3efdf; --reel-1:#e8ddae; --reel-2:#c99b78; --reel-3:#a8c8b5; --reel-ink:#18372d; --reel-shadow:#0f3025; --tape:rgba(181,163,106,.58); --soft-shadow:rgba(25,57,45,.2); --note-shadow:rgba(28,62,49,.14); }
.c9[data-palette="terracotta"] { --paper:#f2e1d1; --ink:#482a21; --grid:rgba(142,77,54,.1); --line:rgba(72,42,33,.4); --accent:#aa5c43; --mark:#7b3d30; --button-ink:#482a21; --surface:#fff7ec; --surface-ink:#482a21; --note-1:#e7b866; --note-2:#d6aaa0; --note-3:#b7bf92; --note-ink:#482a21; --reels-bg:#8f4938; --reels-text:#fff0df; --reel-1:#efd59e; --reel-2:#d88e72; --reel-3:#b8c49a; --reel-ink:#482a21; --reel-shadow:#633328; --tape:rgba(190,142,102,.55); --soft-shadow:rgba(104,58,40,.2); --note-shadow:rgba(101,55,39,.14); }
.c9[data-palette="midnight"] { --paper:#142c29; --ink:#f1ead9; --grid:rgba(218,190,125,.08); --line:rgba(241,234,217,.35); --accent:#d0a75d; --mark:#e1bd76; --button-ink:#142c29; --surface:#eee6d6; --surface-ink:#20332d; --note-1:#d9b568; --note-2:#86abb0; --note-3:#89a47f; --note-ink:#182c28; --reels-bg:#0b1d1b; --reels-text:#f1ead9; --reel-1:#d9c58d; --reel-2:#bc806b; --reel-3:#8fb3b2; --reel-ink:#182c28; --reel-shadow:#050f0e; --tape:rgba(205,179,119,.5); --soft-shadow:rgba(0,0,0,.34); --note-shadow:rgba(0,0,0,.22); }
.c9[data-palette="rosewood"] { --paper:#f1e7eb; --ink:#3d2938; --grid:rgba(119,76,104,.09); --line:rgba(61,41,56,.4); --accent:#75546f; --mark:#a24f5d; --button-ink:#3d2938; --surface:#fbf6f4; --surface-ink:#3d2938; --note-1:#e8cd83; --note-2:#b8cadb; --note-3:#b6c4a4; --note-ink:#3d2938; --reels-bg:#69465f; --reels-text:#fbf0f2; --reel-1:#eadcaf; --reel-2:#d9a2aa; --reel-3:#b7cbd5; --reel-ink:#3d2938; --reel-shadow:#452d40; --tape:rgba(188,153,165,.5); --soft-shadow:rgba(76,49,68,.2); --note-shadow:rgba(77,50,69,.14); }
.c9 .paper-header { width:min(1320px,calc(100% - 48px)); min-height:84px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px dashed var(--line); }
.c9 .nav-links { font-family:"Caveat",cursive; font-size:21px; }
.c9 .nav-book { min-height:44px; padding:0 18px; border:1px solid var(--ink); color:var(--button-ink); background:var(--note-1); text-decoration:none; font-weight:700; transform:rotate(-1deg); box-shadow:4px 4px 0 color-mix(in srgb,var(--ink) 25%,transparent); }
.c9 .paper-hero { width:min(1320px,calc(100% - 48px)); min-height:690px; margin:auto; padding:75px 3vw 80px; display:grid; grid-template-columns:1.05fr .95fr; gap:6vw; align-items:center; }
.c9 .paper-stamp { display:inline-block; padding:8px 12px; border:1px solid var(--mark); color:var(--mark); font-size:11px; letter-spacing:.15em; transform:rotate(-2deg); }
.c9 .paper-copy h1 { max-width:760px; margin:28px 0; font:400 clamp(58px,6.7vw,100px)/.9 "Marcellus",serif; letter-spacing:-.05em; }
.c9 .paper-copy h1 em { color:var(--accent); font-weight:400; }
.c9 .paper-copy > p:not(.hand-note) { max-width:610px; font-size:18px; line-height:1.7; }
.c9 .paper-copy .btn-row { margin-top:28px; }
.c9 .btn-main { color:var(--paper); background:var(--accent); box-shadow:5px 5px 0 var(--ink); }
.c9 .btn-line { border-bottom:2px solid var(--ink); }
.c9 .hand-note { font:600 27px/1.15 "Caveat",cursive; color:var(--mark); transform:rotate(-2deg); }
.c9 .paper-polaroid { position:relative; margin:0; padding:20px 20px 70px; color:var(--surface-ink); background:var(--surface); box-shadow:10px 16px 35px var(--soft-shadow); transform-origin:50% -13px; animation:paper-card-swing 5.8s ease-in-out infinite; will-change:transform; }
.c9 .paper-polaroid::before { content:""; position:absolute; width:110px; height:28px; left:50%; top:-13px; transform:translateX(-50%) rotate(-3deg); background:var(--tape); }
.c9 .paper-polaroid img { width:100%; aspect-ratio:1; object-fit:contain; background:var(--surface); }
.c9 .paper-polaroid figcaption { position:absolute; left:26px; bottom:24px; color:var(--surface-ink); font:600 24px/1 "Caveat",cursive; }
@keyframes paper-card-swing {
  0%,100% { transform:rotate(var(--swing-from,3deg)); }
  50% { transform:rotate(var(--swing-to,-2deg)); }
}
@media (prefers-reduced-motion:reduce) {
  .c9 .paper-polaroid { animation:none; transform:rotate(3deg); }
}
.c9 .paper-notes { width:min(1320px,calc(100% - 48px)); margin:auto; padding:30px 0 100px; display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.c9 .paper-note { --swing-from:-1deg; --swing-to:4deg; min-height:330px; padding:28px; color:var(--note-ink); box-shadow:9px 11px 20px var(--note-shadow); transform:rotate(var(--swing-from)); transform-origin:50% -13px; animation:paper-card-swing 10.8s ease-in-out infinite; will-change:transform; }
.c9 .paper-note:nth-child(2) { --swing-from:1.5deg; --swing-to:-3.5deg; animation-delay:-2.2s; }.c9 .paper-note:nth-child(3) { --swing-from:-.7deg; --swing-to:4.3deg; animation-delay:-4.4s; }
.c9 .paper-note.yellow { background:var(--note-1); }.c9 .paper-note.blue { background:var(--note-2); }.c9 .paper-note.green { background:var(--note-3); }
.c9 .paper-note span { font:700 25px/1 "Caveat",cursive; }
.c9 .paper-note h2 { margin:70px 0 12px; font:400 34px/1.05 "Marcellus",serif; }
.c9 .paper-note p { line-height:1.6; }.c9 .paper-note small { display:block; margin-top:20px; letter-spacing:.1em; }
@media (prefers-reduced-motion:reduce) {
  .c9 .paper-note { animation:none; transform:rotate(var(--swing-from)); }
}
.c9 .paper-skincare { padding:95px max(24px,calc((100vw - 1320px)/2)); display:grid; grid-template-columns:.88fr 1.12fr; gap:7vw; border-top:1px dashed var(--line); background:color-mix(in srgb,var(--paper) 82%,var(--note-3)); }
.c9 .paper-skincare-intro > span { color:var(--mark); font-size:11px; letter-spacing:.15em; }
.c9 .paper-skincare-intro h2 { margin:18px 0 24px; font:400 clamp(45px,5.2vw,76px)/.94 "Marcellus",serif; letter-spacing:-.04em; }
.c9 .paper-skincare-intro h2 em { color:var(--accent); font-weight:400; }
.c9 .paper-skincare-intro p { max-width:560px; font-size:17px; line-height:1.7; }
.c9 .paper-skincare-intro a { min-height:54px; display:inline-flex; align-items:center; justify-content:center; margin-top:28px; padding:0 22px; color:var(--paper); background:var(--mark); border:1px solid var(--ink); text-decoration:none; font-weight:700; box-shadow:5px 5px 0 var(--ink); transition:transform .2s ease,box-shadow .2s ease; }
.c9 .paper-skincare-intro a:hover { transform:translate(-2px,-2px); box-shadow:7px 7px 0 var(--ink); }
.c9 .paper-skincare-intro a:active { transform:translate(2px,2px); box-shadow:2px 2px 0 var(--ink); }
.c9 .paper-routine-list { border-top:1px solid var(--line); }
.c9 .paper-routine-list article { min-height:150px; padding:24px 0; display:grid; grid-template-columns:92px 1fr auto; gap:22px; align-items:start; border-bottom:1px solid var(--line); }
.c9 .paper-routine-list b { color:var(--mark); font:700 18px/1.1 "Caveat",cursive; }
.c9 .paper-routine-list h3 { margin:0 0 8px; font:400 31px/1.05 "Marcellus",serif; }
.c9 .paper-routine-list p { max-width:530px; margin:0; line-height:1.58; }
.c9 .paper-routine-list small { padding-top:6px; letter-spacing:.11em; white-space:nowrap; }
.c9 .paper-reels { padding:90px max(24px,calc((100vw - 1320px)/2)); background:var(--reels-bg); color:var(--reels-text); }
.c9 .paper-reels-title { max-width:760px; }
.c9 .paper-reels-title small { letter-spacing:.14em; }
.c9 .paper-reels-title h2 { margin:16px 0 38px; font:400 clamp(46px,6vw,84px)/.92 "Marcellus",serif; }
.c9 .paper-reel-board { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.c9 .paper-reel { --swing-from:-1deg; --swing-to:4deg; min-height:320px; padding:25px; display:flex; flex-direction:column; justify-content:space-between; color:var(--reel-ink); background:var(--reel-1); box-shadow:8px 8px 0 var(--reel-shadow); transform:rotate(var(--swing-from)); transform-origin:50% -13px; animation:paper-card-swing 10.8s ease-in-out infinite; will-change:transform; }
.c9 .paper-reel:nth-child(2){--swing-from:1deg;--swing-to:-4deg;background:var(--reel-2);animation-delay:-2.2s}.c9 .paper-reel:nth-child(3){--swing-from:-.5deg;--swing-to:4.5deg;background:var(--reel-3);animation-delay:-4.4s}
.c9 .paper-reel span { font-size:11px; letter-spacing:.14em; }.c9 .paper-reel strong { font:400 31px/1.08 "Marcellus",serif; }.c9 .paper-reel em { font:600 20px/1 "Caveat",cursive; }
@media (prefers-reduced-motion:reduce) {
  .c9 .paper-reel { animation:none; transform:rotate(var(--swing-from)); }
}
.c9 .paper-final { padding:95px 24px; text-align:center; }
.c9 .paper-final h2 { max-width:880px; margin:15px auto 28px; font:400 clamp(45px,6vw,82px)/.95 "Marcellus",serif; }
.c9 .paper-final a { display:inline-flex; padding:16px 22px; color:var(--paper); background:var(--mark); text-decoration:none; box-shadow:5px 5px 0 var(--ink); font-weight:700; }

/* 10 — Swiss vitality */
.c10 { --red:#ef4934; --blue:#2348dc; --yellow:#ffd43c; --ink:#151515; --paper:#f2f0e7; color:var(--ink); background:var(--paper); font-family:"Libre Franklin",sans-serif; }
.c10 .swiss-header { min-height:88px; display:grid; grid-template-columns:220px 1fr auto; align-items:stretch; border-bottom:2px solid var(--ink); }
.c10 .brand { padding:8px 24px; border-right:2px solid var(--ink); }
.c10 .swiss-index { padding:0 24px; display:flex; align-items:center; font-size:11px; letter-spacing:.12em; }
.c10 .swiss-header nav { display:flex; align-items:stretch; }
.c10 .swiss-header nav > a { min-width:105px; display:grid; place-items:center; border-left:2px solid var(--ink); text-decoration:none; font-size:12px; font-weight:800; text-transform:uppercase; }
.c10 .swiss-header .nav-book { min-width:190px; color:#fff; background:var(--red); }
.c10 .swiss-hero { min-height:720px; display:grid; grid-template-columns:.32fr 1fr .75fr; grid-template-rows:1fr 175px; border-bottom:2px solid var(--ink); }
.c10 .swiss-number { grid-row:1 / span 2; padding:25px; display:flex; align-items:flex-end; border-right:2px solid var(--ink); color:var(--blue); font-size:clamp(100px,15vw,250px); font-weight:800; line-height:.72; letter-spacing:-.1em; writing-mode:vertical-rl; transform:rotate(180deg); }
.c10 .swiss-copy { padding:70px 4vw 45px; border-right:2px solid var(--ink); }
.c10 .swiss-copy > span { font-size:11px; letter-spacing:.14em; font-weight:700; }
.c10 .swiss-copy h1 { margin:35px 0 25px; font-size:clamp(62px,7vw,110px); line-height:.78; letter-spacing:-.09em; text-transform:uppercase; }
.c10 .swiss-copy h1 em { color:var(--red); font-style:normal; }
.c10 .swiss-copy p { max-width:540px; font-size:18px; line-height:1.6; }
.c10 .swiss-logo { min-width:0; padding:25px; background:var(--yellow); }
.c10 .swiss-logo img { width:100%; height:100%; object-fit:contain; background:var(--yellow); }
.c10 .swiss-action { grid-column:2 / span 2; display:grid; grid-template-columns:1fr auto 65px; align-items:center; gap:30px; padding:25px 3vw; color:#fff; background:var(--blue); text-decoration:none; }
.c10 .swiss-action span { font-size:12px; letter-spacing:.14em; }.c10 .swiss-action b { font-size:30px; line-height:.9; text-align:right; }.c10 .swiss-action i { font-size:40px; font-style:normal; }
.c10 .swiss-method { border-bottom:2px solid var(--ink); }
.c10 .swiss-method-title { padding:80px 4vw 45px; display:grid; grid-template-columns:.35fr 1.65fr; align-items:end; border-bottom:2px solid var(--ink); }
.c10 .swiss-method-title span { font-size:11px; letter-spacing:.13em; }.c10 .swiss-method-title h2 { margin:0; font-size:clamp(50px,6vw,88px); line-height:.9; letter-spacing:-.075em; text-transform:uppercase; }
.c10 .swiss-row { min-height:145px; display:grid; grid-template-columns:110px .75fr 1.25fr 110px; align-items:center; border-bottom:2px solid var(--ink); }
.c10 .swiss-row:last-child { border-bottom:0; }
.c10 .swiss-row > * { height:100%; padding:28px; display:flex; align-items:center; border-right:2px solid var(--ink); }
.c10 .swiss-row > *:last-child { border-right:0; }
.c10 .swiss-row b { color:var(--red); font-size:35px; }.c10 .swiss-row h3 { margin:0; font-size:27px; text-transform:uppercase; }.c10 .swiss-row p { margin:0; line-height:1.55; }.c10 .swiss-row span { font-size:11px; font-weight:800; }
.c10 .swiss-reels { display:grid; grid-template-columns:.7fr 1.3fr; border-bottom:2px solid var(--ink); }
.c10 .swiss-reels-title { padding:75px 4vw; border-right:2px solid var(--ink); }
.c10 .swiss-reels-title span { font-size:11px; letter-spacing:.13em; }.c10 .swiss-reels-title h2 { margin:35px 0; font-size:clamp(52px,6vw,90px); line-height:.82; letter-spacing:-.08em; text-transform:uppercase; }.c10 .swiss-reels-title a { text-decoration:none; font-weight:800; border-bottom:3px solid; }
.c10 .swiss-reel-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.c10 .swiss-reel { min-height:520px; padding:25px; display:flex; flex-direction:column; justify-content:space-between; border-right:2px solid var(--ink); }
.c10 .swiss-reel:last-child { border-right:0; }.c10 .swiss-reel.red { background:var(--red); }.c10 .swiss-reel.blue { color:#fff;background:var(--blue); }.c10 .swiss-reel.yellow { background:var(--yellow); }
.c10 .swiss-reel b { font-size:18px; }.c10 .swiss-reel strong { font-size:28px; line-height:1.05; }.c10 .swiss-reel i { width:54px;height:54px;display:grid;place-items:center;border:2px solid;border-radius:50%;font-style:normal; }
.c10 .swiss-final { padding:75px 4vw; display:grid; grid-template-columns:.3fr 1fr auto; gap:30px; align-items:end; }
.c10 .swiss-final h2 { margin:0; font-size:clamp(44px,5vw,75px); line-height:.9; letter-spacing:-.07em; text-transform:uppercase; }.c10 .swiss-final a { padding:18px 22px; color:#fff;background:var(--ink);text-decoration:none;font-weight:800;text-transform:uppercase; }

/* 11 — Moss minimal */
.c11 { --pine:#22372a; --moss:#687c62; --leaf:#9bae8e; --paper:#dbe4d5; --fog:#f2f6ed; color:var(--pine); background:var(--paper); font-family:"Manrope",sans-serif; }
.c11 .moss-header { width:min(1380px,calc(100% - 56px)); min-height:88px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid rgba(34,55,42,.22); }
.c11 .nav-links { font-size:14px; }.c11 .nav-book { min-height:46px; padding:0 20px; border:1px solid var(--pine); color:var(--fog); background:var(--pine); text-decoration:none; }
.c11 .moss-hero { width:min(1380px,calc(100% - 56px)); min-height:720px; margin:auto; padding:65px 0 80px; display:grid; grid-template-columns:.25fr 1.15fr .7fr; gap:4vw; align-items:center; }
.c11 .moss-index { align-self:start; margin:20px 0 0; font-size:12px; letter-spacing:.14em; writing-mode:vertical-rl; transform:rotate(180deg); }
.c11 .moss-copy h1 { max-width:800px; margin:0 0 30px; font:500 clamp(68px,7.5vw,120px)/.88 "Fraunces",serif; letter-spacing:-.07em; }
.c11 .moss-copy h1 em { color:var(--moss); font-weight:400; }.c11 .moss-copy > p { max-width:620px; font-size:18px; line-height:1.7; color:rgba(34,55,42,.72); }
.c11 .moss-copy .btn-row { margin-top:32px; }.c11 .btn-main { color:var(--fog); background:var(--pine); }.c11 .btn-line { border-bottom:1px solid var(--pine); }
.c11 .moss-seal { margin:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.c11 .moss-seal > div { padding:28px; aspect-ratio:1/1.18; display:grid; place-items:center; border-radius:48% 48% 8px 8px; background:var(--moss); }
.c11 .moss-seal img { width:84%; border-radius:50%; }.c11 .moss-seal figcaption { padding:18px 0 0; font:500 14px/1.6 "Manrope",sans-serif; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.c11 .moss-path { padding:105px max(28px,calc((100vw - 1380px)/2)); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; color:var(--fog); background:var(--pine); }
.c11 .moss-title small { color:var(--leaf); letter-spacing:.15em; }.c11 .moss-title h2 { margin:22px 0 0; font:500 clamp(48px,5vw,78px)/.94 "Fraunces",serif; letter-spacing:-.055em; }
.c11 .moss-list article { min-height:155px; display:grid; grid-template-columns:75px .8fr 1.2fr; gap:22px; align-items:center; border-top:1px solid rgba(242,246,237,.2); }
.c11 .moss-list b { color:var(--leaf); font-weight:500; }.c11 .moss-list h3 { font:500 26px/1.1 "Fraunces",serif; }.c11 .moss-list p { color:rgba(242,246,237,.65); line-height:1.65; }
.c11 .moss-reels { padding:100px max(28px,calc((100vw - 1380px)/2)); display:grid; grid-template-columns:.9fr 1.05fr 1.05fr; gap:18px; background:var(--fog); }
.c11 .moss-reels-head { padding-right:5vw; }.c11 .moss-reels-head > span { color:var(--moss); font-size:12px; letter-spacing:.14em; }.c11 .moss-reels-head h2 { margin:18px 0 32px; font:500 clamp(46px,5vw,76px)/.94 "Fraunces",serif; }.c11 .moss-reels-head a { text-decoration:none; border-bottom:1px solid; }
.c11 .moss-reel-grid { grid-column:2 / span 2; display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.c11 .moss-reel-grid a { min-height:390px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; background:var(--paper); border:1px solid rgba(34,55,42,.17); }
.c11 .moss-reel-grid a:nth-child(2) { background:var(--leaf); }.c11 .moss-reel-grid span { font-size:12px; letter-spacing:.12em; }.c11 .moss-reel-grid strong { max-width:380px; font:500 33px/1.08 "Fraunces",serif; }.c11 .moss-reel-grid i { width:54px;height:54px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-style:normal; }

/* 12 — Emerald deco */
.c12 { --emerald:#063c2f; --jade:#0e684a; --mint:#cce5c6; --gold:#c8a65a; --cream:#eff4df; color:var(--cream); background:var(--emerald); font-family:"Marcellus",serif; }
.c12 .deco-header { min-height:92px; padding:0 3.5vw; display:grid; grid-template-columns:1fr 130px 1fr; align-items:center; border-bottom:1px solid rgba(200,166,90,.55); }
.c12 .deco-header nav { display:flex; gap:28px; font:500 12px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }.c12 .deco-header nav:last-child { justify-content:flex-end; }.c12 .deco-header a { text-decoration:none; }
.c12 .deco-brand { align-self:stretch; display:grid; place-items:center; border-inline:1px solid rgba(200,166,90,.55); }.c12 .deco-brand img { width:76px;height:76px;object-fit:contain;border-radius:50%; }
.c12 .deco-hero { min-height:760px; display:grid; grid-template-columns:.82fr 1.18fr; border-bottom:1px solid rgba(200,166,90,.55); }
.c12 .deco-arch { position:relative; min-height:720px; display:grid; place-items:center; overflow:hidden; border-right:1px solid rgba(200,166,90,.55); background:var(--jade); }
.c12 .deco-arch::before,.c12 .deco-arch::after { content:""; position:absolute; inset:9% 12%; border:1px solid var(--gold); border-radius:50% 50% 0 0; }.c12 .deco-arch::after { inset:15% 19% 9%; }
.c12 .deco-arch img { position:relative; z-index:2; width:min(55%,390px); border-radius:50%; box-shadow:0 0 0 18px var(--jade),0 0 0 19px var(--gold); transform-origin:50% 55%; animation:deco-logo-poise 7.6s ease-in-out infinite; will-change:transform,filter; }.c12 .deco-arch span { position:absolute; z-index:3; bottom:30px; font:500 11px/1 "Manrope",sans-serif; letter-spacing:.2em; }
@keyframes deco-logo-poise {
  0%,100% { transform:translateY(3px) rotate(-.55deg) scale(.988); filter:brightness(.98) drop-shadow(0 0 0 rgba(200,166,90,0)); }
  50% { transform:translateY(-6px) rotate(.55deg) scale(1.012); filter:brightness(1.08) drop-shadow(0 0 14px rgba(200,166,90,.48)); }
}
.c12 .deco-copy { padding:90px 6vw; display:flex; flex-direction:column; justify-content:center; }.c12 .deco-copy > p:first-child { color:var(--gold); font:600 11px/1 "Manrope",sans-serif; letter-spacing:.18em; }
.c12 .deco-copy h1 { margin:32px 0; font:400 clamp(66px,7.5vw,118px)/.86 "Bodoni Moda",serif; letter-spacing:-.065em; }.c12 .deco-copy h1 em { color:var(--mint); }
.c12 .deco-intro { max-width:650px; color:rgba(239,244,223,.7); font:400 18px/1.75 "Manrope",sans-serif; }
.c12 .deco-action { width:min(100%,520px); margin-top:35px; padding:20px 0; display:flex; justify-content:space-between; border-block:1px solid var(--gold); color:var(--cream); text-decoration:none; font:500 13px/1 "Manrope",sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.c12 .deco-ritual { padding:105px max(28px,calc((100vw - 1380px)/2)); color:var(--emerald); background:var(--cream); }
.c12 .deco-ritual-head { display:grid; grid-template-columns:.45fr 1.55fr; align-items:end; padding-bottom:45px; border-bottom:1px solid rgba(6,60,47,.3); }.c12 .deco-ritual-head span { font:600 11px/1 "Manrope",sans-serif; letter-spacing:.16em; }.c12 .deco-ritual-head h2 { margin:0; font:400 clamp(50px,6vw,88px)/.92 "Bodoni Moda",serif; }
.c12 .deco-cards { display:grid; grid-template-columns:repeat(3,1fr); }.c12 .deco-cards article { min-height:350px; padding:32px; border-right:1px solid rgba(6,60,47,.3); }.c12 .deco-cards article:last-child { border-right:0; }.c12 .deco-cards b { color:var(--gold); font:500 34px/1 "Bodoni Moda",serif; }.c12 .deco-cards h3 { margin:130px 0 12px; font:400 34px/1 "Bodoni Moda",serif; }.c12 .deco-cards p { font:400 16px/1.7 "Manrope",sans-serif; }
.c12 .deco-reels { padding:95px max(28px,calc((100vw - 1380px)/2)); display:grid; grid-template-columns:1fr .8fr .8fr; gap:18px; background:var(--jade); }.c12 .deco-reels small { color:var(--gold); font:600 11px/1 "Manrope",sans-serif; letter-spacing:.18em; }.c12 .deco-reels h2 { margin:22px 0 30px; font:400 clamp(48px,5vw,76px)/.92 "Bodoni Moda",serif; }.c12 .deco-reels > div > a { text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px; }
.c12 .deco-reel { min-height:390px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid rgba(200,166,90,.62); }.c12 .deco-reel span { color:var(--gold); font:600 11px/1 "Manrope",sans-serif;letter-spacing:.16em; }.c12 .deco-reel strong { font:400 30px/1.12 "Bodoni Moda",serif; }.c12 .deco-reel i { font-style:normal;color:var(--gold);font-size:24px; }

/* 13 — Pistachio pop */
.c13 { --pine:#123a2d; --pistachio:#d8ee78; --lime:#a8db57; --cream:#f7ffd8; --mint:#a9dfbd; color:var(--pine); background:var(--pistachio); font-family:"Space Grotesk",sans-serif; }
.c13 .pop-header { width:min(1380px,calc(100% - 36px)); min-height:82px; margin:12px auto 0; padding:0 12px 0 20px; display:flex;align-items:center;justify-content:space-between;gap:25px;border:2px solid var(--pine);border-radius:999px;background:var(--cream); }
.c13 .nav-links { font-weight:600;font-size:14px; }.c13 .nav-book { min-height:54px;padding:0 22px;border-radius:999px;color:var(--cream);background:var(--pine);text-decoration:none;font-weight:700; }
.c13 .pop-hero { width:min(1380px,calc(100% - 36px)); min-height:700px;margin:auto;padding:55px 0 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center; }
.c13 .pop-pill { display:inline-flex;padding:10px 14px;border:2px solid var(--pine);border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;background:var(--mint); }
.c13 .pop-copy h1 { margin:28px 0 24px;font-size:clamp(72px,8.6vw,136px);line-height:.78;letter-spacing:-.09em; }.c13 .pop-copy h1 em { color:#417a3f;font-family:"Fraunces",serif;font-weight:500; }
.c13 .pop-copy > p { max-width:620px;font-size:19px;line-height:1.65; }.c13 .pop-copy .btn-row { margin-top:30px; }.c13 .btn-main { border:2px solid var(--pine);border-radius:999px;color:var(--cream);background:var(--pine);font-weight:700; }.c13 .btn-line { border:2px solid var(--pine);border-radius:999px;font-weight:700; }
.c13 .pop-stage { position:relative;min-height:570px; }.c13 .pop-logo { position:absolute;width:72%;aspect-ratio:1;left:12%;top:8%;padding:15px;border:3px solid var(--pine);border-radius:42% 58% 49% 51% / 55% 44% 56% 45%;background:var(--pine);transform-origin:50% 60%;animation:pop-logo-bob 5.5s cubic-bezier(.45,0,.55,1) infinite;will-change:transform,box-shadow; }.c13 .pop-logo img { width:100%;height:100%;object-fit:contain;border-radius:inherit; }
@keyframes pop-logo-bob {
  0%,100% { transform:translateY(5px) rotate(-5deg) scale(.985); box-shadow:0 0 0 var(--pine); }
  50% { transform:translateY(-9px) rotate(-1.5deg) scale(1.015); box-shadow:8px 10px 0 var(--pine); }
}
.c13 .pop-bubble { position:absolute;z-index:3;padding:13px 18px;border:2px solid var(--pine);border-radius:999px;background:var(--cream);font-size:14px;font-weight:700;box-shadow:5px 6px 0 var(--pine); }.c13 .pop-bubble.one{right:0;top:11%;transform:rotate(4deg)}.c13 .pop-bubble.two{left:0;bottom:28%;transform:rotate(-5deg)}.c13 .pop-bubble.three{right:5%;bottom:8%;background:var(--mint);transform:rotate(3deg)}
.c13 .pop-how { padding:95px max(20px,calc((100vw - 1380px)/2));background:var(--cream); }.c13 .pop-how-head { display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px; }.c13 .pop-how-head small { font-weight:700;letter-spacing:.14em; }.c13 .pop-how-head h2 { margin:0;font-size:clamp(48px,6vw,85px);letter-spacing:-.07em; }
.c13 .pop-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }.c13 .pop-steps article { min-height:330px;padding:26px;border:2px solid var(--pine);border-radius:32px;background:var(--pistachio);box-shadow:7px 8px 0 var(--pine); }.c13 .pop-steps article:nth-child(2){background:var(--mint)}.c13 .pop-steps article:nth-child(3){background:#c8ef9e}.c13 .pop-steps span{width:48px;height:48px;display:grid;place-items:center;border:2px solid;border-radius:50%;font-weight:700;background:var(--cream)}.c13 .pop-steps h3{margin:95px 0 10px;font-size:29px;letter-spacing:-.04em}.c13 .pop-steps p{line-height:1.6}
.c13 .pop-reels { padding:100px max(20px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;color:var(--cream);background:var(--pine); }.c13 .pop-reels small{color:var(--pistachio);font-weight:700;letter-spacing:.14em}.c13 .pop-reels h2{margin:18px 0 30px;font-size:clamp(52px,6vw,88px);line-height:.92;letter-spacing:-.07em}.c13 .pop-reels > div > a{text-decoration:none;border-bottom:2px solid var(--pistachio);padding-bottom:4px}
.c13 .pop-reel-stack{display:grid;gap:12px}.c13 .pop-reel-stack a{min-height:130px;padding:22px;display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;border:2px solid var(--cream);border-radius:24px}.c13 .pop-reel-stack a:nth-child(2){color:var(--pine);background:var(--mint)}.c13 .pop-reel-stack b{width:48px;height:48px;display:grid;place-items:center;border:2px solid;border-radius:50%}.c13 .pop-reel-stack strong{font-size:23px;line-height:1.15}.c13 .pop-reel-stack span{font-size:11px;letter-spacing:.1em}

/* 14 — Mint clinical */
.c14 { --ink:#10382e;--teal:#217b62;--mint:#e7f6ee;--aqua:#cce9dc;--line:#afd0c1;--white:#fbfffc;color:var(--ink);background:var(--mint);font-family:"Manrope",sans-serif; }
.c14 .mint-header { min-height:86px;padding:0 3.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(251,255,252,.75); }.c14 .mint-status{justify-self:center;font-size:13px;color:var(--teal)}.c14 .mint-status i{width:8px;height:8px;display:inline-block;margin-right:8px;border-radius:50%;background:#4ebc7c}.c14 .mint-header nav{justify-self:end;display:flex;align-items:center;gap:25px;font-size:14px}.c14 .mint-header nav a{text-decoration:none}.c14 .nav-book{min-height:44px;padding:0 18px;border-radius:6px;color:#fff;background:var(--ink)}
.c14 .mint-hero{width:min(1380px,calc(100% - 56px));min-height:690px;margin:auto;padding:75px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.c14 .mint-copy>span{color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.13em}.c14 .mint-copy h1{max-width:880px;margin:28px 0;font-size:clamp(63px,7.3vw,112px);line-height:.86;letter-spacing:-.075em}.c14 .mint-copy h1 em{color:var(--teal);font-family:"Fraunces",serif;font-weight:500}.c14 .mint-copy>p{max-width:670px;font-size:18px;line-height:1.7;color:#46665d}.c14 .mint-copy .btn-row{margin-top:30px}.c14 .btn-main{border-radius:6px;color:#fff;background:var(--ink)}.c14 .btn-line{border:1px solid var(--line);border-radius:6px;background:var(--white)}
.c14 .mint-summary{border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 24px 70px rgba(16,56,46,.09);overflow:hidden}.c14 .mint-logo{height:300px;padding:24px;background:var(--aqua)}.c14 .mint-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.c14 .mint-summary>div:not(.mint-logo){padding:20px 24px;display:grid;grid-template-columns:95px 1fr;gap:20px;border-top:1px solid var(--line)}.c14 .mint-summary small{color:var(--teal);font-size:11px;letter-spacing:.11em}.c14 .mint-summary strong{font-size:15px}
.c14 .mint-path{padding:95px max(28px,calc((100vw - 1380px)/2));background:var(--white)}.c14 .mint-path-head{display:grid;grid-template-columns:.45fr 1.55fr;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--line)}.c14 .mint-path-head span{color:var(--teal);font-size:11px;letter-spacing:.13em}.c14 .mint-path-head h2{margin:0;font-size:clamp(48px,5.5vw,80px);line-height:.92;letter-spacing:-.065em}.c14 .mint-timeline article{min-height:150px;display:grid;grid-template-columns:120px 1fr;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.c14 .mint-timeline article>b{color:var(--teal);font-size:34px;font-weight:500}.c14 .mint-timeline article>div{display:grid;grid-template-columns:.35fr .7fr 1fr;gap:25px;align-items:center}.c14 .mint-timeline small{color:var(--teal);font-size:11px;letter-spacing:.1em}.c14 .mint-timeline h3{font-size:24px;line-height:1.15}.c14 .mint-timeline p{color:#4f6d65;line-height:1.6}
.c14 .mint-reels{padding:95px max(28px,calc((100vw - 1380px)/2));background:var(--aqua)}.c14 .mint-reels-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.c14 .mint-reels-head span{color:var(--teal);font-size:11px;letter-spacing:.13em}.c14 .mint-reels-head h2{margin:14px 0 0;font-size:clamp(46px,5vw,74px);letter-spacing:-.06em}.c14 .mint-reels-head>a{text-decoration:none;font-weight:700}.c14 .mint-reel-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.c14 .mint-reel-grid a{min-height:330px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--white)}.c14 .mint-reel-grid span{color:var(--teal);font-size:12px}.c14 .mint-reel-grid strong{margin:auto 0;font-size:27px;line-height:1.2}.c14 .mint-reel-grid i{font-size:12px;font-style:normal;font-weight:700;letter-spacing:.1em}

/* 15 — Rainforest editorial */
.c15 { --night:#08271e;--forest:#124b37;--fern:#69b94d;--bright:#9ce26e;--mist:#d9f6cf;color:var(--mist);background:var(--night);font-family:"DM Sans",sans-serif; }
.c15 .rain-header{width:min(1400px,calc(100% - 50px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(217,246,207,.25)}.c15 .nav-links{font-size:14px}.c15 .nav-book{min-height:46px;padding:0 20px;border:1px solid var(--bright);color:var(--night);background:var(--bright);text-decoration:none;font-weight:600}
.c15 .rain-hero{width:min(1400px,calc(100% - 50px));min-height:740px;margin:auto;padding:35px 0 75px;display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto 1fr;gap:35px 7vw}.c15 .rain-topline{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--bright);font-size:11px;letter-spacing:.15em}.c15 .rain-copy{align-self:center}.c15 .rain-copy h1{max-width:900px;margin:0 0 30px;font:500 clamp(76px,9.2vw,145px)/.78 "Fraunces",serif;letter-spacing:-.075em}.c15 .rain-copy h1 em{color:var(--bright);font-weight:400}.c15 .rain-copy p{max-width:650px;color:rgba(217,246,207,.67);font-size:18px;line-height:1.7}.c15 .rain-copy>a{width:min(100%,500px);margin-top:34px;padding:18px 0;display:flex;justify-content:space-between;border-block:1px solid var(--fern);text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.c15 .rain-mark{position:relative;align-self:center;min-height:510px;display:grid;place-items:center;background:var(--forest);overflow:hidden}.c15 .rain-mark::before{content:"";position:absolute;width:130%;height:130%;border:1px solid rgba(156,226,110,.35);border-radius:50%;}.c15 .rain-mark span{position:absolute;left:18px;top:16px;color:var(--bright);font:500 42px/1 "Fraunces",serif}.c15 .rain-mark img{position:relative;z-index:2;width:72%;border-radius:50%;box-shadow:0 0 0 18px var(--forest),0 0 0 19px rgba(156,226,110,.45)}.c15 .rain-mark small{position:absolute;bottom:18px;font-size:10px;letter-spacing:.16em}
.c15 .rain-story{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid rgba(217,246,207,.22)}.c15 .rain-statement{padding:100px 6vw;background:var(--forest)}.c15 .rain-statement>span{color:var(--bright);font-size:11px;letter-spacing:.15em}.c15 .rain-statement h2{margin:30px 0 0;font:500 clamp(55px,6.5vw,98px)/.84 "Fraunces",serif;letter-spacing:-.065em}.c15 .rain-statement h2 em{color:var(--bright);font-weight:400}.c15 .rain-editorial{padding:55px 5vw}.c15 .rain-editorial article{min-height:175px;display:grid;grid-template-columns:70px .8fr 1.2fr;gap:20px;align-items:center;border-bottom:1px solid rgba(217,246,207,.22)}.c15 .rain-editorial b{color:var(--bright)}.c15 .rain-editorial h3{font:500 27px/1.1 "Fraunces",serif}.c15 .rain-editorial p{color:rgba(217,246,207,.62);line-height:1.6}
.c15 .rain-reels{padding:105px max(25px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:.8fr 1.1fr 1.1fr;gap:18px;background:var(--mist);color:var(--night)}.c15 .rain-reels-copy{padding-right:4vw}.c15 .rain-reels-copy>span{font-size:11px;letter-spacing:.14em}.c15 .rain-reels-copy h2{margin:25px 0 32px;font:500 clamp(48px,5vw,77px)/.9 "Fraunces",serif;letter-spacing:-.06em}.c15 .rain-reels-copy>a{text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.c15 .rain-reel-grid{grid-column:2/span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.c15 .rain-reel-grid a{min-height:430px;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.c15 .rain-reel-grid a.light{background:var(--bright)}.c15 .rain-reel-grid a.dark{color:var(--mist);background:var(--forest)}.c15 .rain-reel-grid span{font-size:11px;letter-spacing:.12em}.c15 .rain-reel-grid strong{font:500 34px/1.08 "Fraunces",serif}.c15 .rain-reel-grid i{width:55px;height:55px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-style:normal}

/* 16 — Royal botanical */
.c16{--wine:#4b1720;--rose:#8a4c50;--gold:#b79250;--ivory:#f3e8d5;--cream:#fbf5e9;color:var(--wine);background:var(--ivory);font-family:"Bodoni Moda",serif}.c16 .royal-note{padding:10px 20px;text-align:center;color:var(--cream);background:var(--wine);font:600 11px/1.2 "Manrope",sans-serif;letter-spacing:.18em}.c16 .royal-header{min-height:100px;padding:0 4vw;display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;border-bottom:1px solid rgba(75,23,32,.28)}.c16 .royal-header nav{display:flex;gap:28px;font:500 12px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}.c16 .royal-header nav:last-child{justify-content:flex-end}.c16 .royal-header a{text-decoration:none}.c16 .royal-brand{height:100%;display:grid;place-items:center;border-inline:1px solid rgba(75,23,32,.28)}.c16 .royal-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}
.c16 .royal-hero{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}.c16 .royal-frame{position:relative;margin:50px 0 50px 4vw;display:grid;place-items:center;overflow:hidden;border:1px solid var(--gold);border-radius:52% 52% 3px 3px;background:var(--rose)}.c16 .royal-frame::before{content:"";position:absolute;inset:24px;border:1px solid rgba(243,232,213,.55);border-radius:52% 52% 3px 3px}.c16 .royal-frame img{position:relative;z-index:2;width:min(58%,420px);border-radius:50%;box-shadow:0 0 0 16px var(--rose),0 0 0 17px var(--gold)}.c16 .royal-frame span{position:absolute;z-index:2;bottom:35px;color:var(--cream);font:600 11px/1 "Manrope",sans-serif;letter-spacing:.2em}.c16 .royal-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.c16 .royal-copy>p:first-child{color:var(--gold);font:600 11px/1 "Manrope",sans-serif;letter-spacing:.18em}.c16 .royal-copy h1{margin:28px 0;font-size:clamp(66px,7.4vw,116px);line-height:.86;letter-spacing:-.06em;font-weight:500}.c16 .royal-copy h1 em{color:var(--rose);font-weight:400}.c16 .royal-intro{max-width:620px;font:400 18px/1.75 "Manrope",sans-serif;color:rgba(75,23,32,.72)}.c16 .royal-action{width:fit-content;margin-top:34px;padding:18px 25px;color:var(--cream);background:var(--wine);text-decoration:none;font:600 12px/1 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.c16 .royal-rituals{padding:105px max(28px,calc((100vw - 1380px)/2));color:var(--cream);background:var(--wine)}.c16 .royal-title{text-align:center}.c16 .royal-title small{color:var(--gold);font:600 11px/1 "Manrope",sans-serif;letter-spacing:.18em}.c16 .royal-title h2{margin:24px 0 48px;font-size:clamp(52px,6vw,90px);line-height:.9;font-weight:400}.c16 .royal-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(243,232,213,.3)}.c16 .royal-cards article{min-height:350px;padding:30px;border-right:1px solid rgba(243,232,213,.3)}.c16 .royal-cards article:last-child{border-right:0}.c16 .royal-cards span{color:var(--gold);font:600 12px/1 "Manrope",sans-serif}.c16 .royal-cards h3{margin:140px 0 12px;font-size:32px;font-weight:400}.c16 .royal-cards p{font:400 16px/1.65 "Manrope",sans-serif;color:rgba(243,232,213,.7)}.c16 .royal-reels{padding:95px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:1fr .85fr .85fr;gap:18px;background:var(--cream)}.c16 .royal-reels small{color:var(--gold);font:600 11px/1 "Manrope",sans-serif;letter-spacing:.18em}.c16 .royal-reels h2{margin:20px 0 28px;font-size:clamp(48px,5vw,76px);line-height:.94;font-weight:400}.c16 .royal-reels>div>a{text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.c16 .royal-reels>a{min-height:390px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(75,23,32,.25)}.c16 .royal-reels>a:nth-child(3){color:var(--cream);background:var(--rose)}.c16 .royal-reels span{font:600 11px/1 "Manrope",sans-serif;letter-spacing:.14em}.c16 .royal-reels strong{font-size:30px;line-height:1.1;font-weight:500}.c16 .royal-reels i{font-style:normal;color:var(--gold);font-size:25px}

/* 17 — Ritual apothecary */
.c17{--ink:#201c18;--paper:#f1eadc;--turmeric:#d68b35;--madder:#873f3e;--sand:#d9c8aa;color:var(--ink);background:var(--paper);font-family:"Manrope",sans-serif}.c17 .ritual-header{width:min(1380px,calc(100% - 52px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(32,28,24,.25)}.c17 .nav-links{font-size:14px}.c17 .nav-book{min-height:46px;padding:0 21px;color:var(--paper);background:var(--ink);text-decoration:none;font-weight:600}.c17 .ritual-hero{width:min(1380px,calc(100% - 52px));min-height:730px;margin:auto;padding:70px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.c17 .ritual-copy>span{font-size:11px;font-weight:700;letter-spacing:.16em}.c17 .ritual-copy h1{margin:28px 0;font:500 clamp(68px,7.6vw,118px)/.84 "Fraunces",serif;letter-spacing:-.07em}.c17 .ritual-copy h1 em{color:var(--madder);font-weight:400}.c17 .ritual-copy>p{max-width:640px;color:rgba(32,28,24,.68);font-size:18px;line-height:1.7}.c17 .ritual-copy .btn-row{margin-top:32px}.c17 .btn-main{color:var(--paper);background:var(--ink)}.c17 .btn-line{border-bottom:1px solid var(--ink)}.c17 .ritual-display{min-height:560px;display:grid;grid-template-columns:1fr .42fr;align-items:end;background:var(--turmeric)}.c17 .ritual-bottle{align-self:center;margin-left:12%;width:78%;height:430px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-radius:46% 46% 10px 10px;color:var(--paper);background:var(--madder);box-shadow:18px 20px 0 rgba(32,28,24,.15)}.c17 .ritual-bottle img{width:82%;margin:auto;border-radius:50%}.c17 .ritual-bottle small{letter-spacing:.15em}.c17 .ritual-display>p{margin:0;padding:22px 16px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;line-height:2;letter-spacing:.15em}
.c17 .ritual-method{padding:100px max(28px,calc((100vw - 1380px)/2));color:var(--paper);background:var(--ink)}.c17 .ritual-method-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:38px;border-bottom:1px solid rgba(241,234,220,.3)}.c17 .ritual-method-head small{color:var(--turmeric);font-weight:700;letter-spacing:.14em}.c17 .ritual-method-head h2{margin:0;font:500 clamp(48px,5.5vw,82px)/.92 "Fraunces",serif}.c17 .ritual-method-grid{display:grid;grid-template-columns:repeat(3,1fr)}.c17 .ritual-method-grid article{min-height:330px;padding:28px;border-right:1px solid rgba(241,234,220,.3)}.c17 .ritual-method-grid article:last-child{border-right:0}.c17 .ritual-method-grid b{color:var(--turmeric)}.c17 .ritual-method-grid h3{margin:125px 0 10px;font:500 29px/1.1 "Fraunces",serif}.c17 .ritual-method-grid p{color:rgba(241,234,220,.66);line-height:1.65}.c17 .ritual-reels{padding:95px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;background:var(--sand)}.c17 .ritual-reels-head small{letter-spacing:.14em}.c17 .ritual-reels-head h2{margin:18px 0 28px;font:500 clamp(50px,5.5vw,82px)/.92 "Fraunces",serif}.c17 .ritual-reels-head a{text-decoration:none;border-bottom:1px solid}.c17 .ritual-reel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.c17 .ritual-reel-grid a{min-height:390px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper)}.c17 .ritual-reel-grid a:nth-child(2){color:var(--paper);background:var(--madder)}.c17 .ritual-reel-grid strong{font:500 30px/1.12 "Fraunces",serif}.c17 .ritual-reel-grid i{font-style:normal}

/* 18 — Everyday wellness */
.c18{--green:#2d6a41;--leaf:#78a95c;--orange:#ed8b35;--ice:#f6faf2;--mint:#dcebd6;--ink:#183223;color:var(--ink);background:var(--ice);font-family:"Manrope",sans-serif}.c18 .every-header{min-height:86px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #cfe0c9;background:#fff}.c18 .nav-links{font-size:14px}.c18 .nav-book{min-height:46px;padding:0 20px;border-radius:6px;color:#fff;background:var(--green);text-decoration:none;font-weight:700}.c18 .every-hero{min-height:700px;display:grid;grid-template-columns:1.15fr .85fr}.c18 .every-copy{padding:85px 5vw}.c18 .every-copy>span{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.12em}.c18 .every-copy h1{margin:26px 0;font-size:clamp(62px,7vw,108px);line-height:.88;letter-spacing:-.07em}.c18 .every-copy>p{max-width:650px;color:#4d6755;font-size:18px;line-height:1.7}.c18 .every-copy .btn-row{margin-top:30px}.c18 .btn-main{border-radius:6px;color:#fff;background:var(--green);font-weight:700}.c18 .btn-line{border:1px solid #b9d0b3;border-radius:6px;background:#fff}.c18 .every-trust{margin-top:60px;padding-top:25px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;border-top:1px solid #cfe0c9}.c18 .every-trust b{color:var(--orange);font-size:28px}.c18 .every-trust span{font-size:13px;line-height:1.35}.c18 .every-logo{padding:55px;display:grid;place-items:center;background:var(--mint)}.c18 .every-logo img{width:min(82%,520px);border-radius:50%;box-shadow:0 22px 70px rgba(45,106,65,.16)}.c18 .every-logo span{font-size:11px;font-weight:700;letter-spacing:.14em}
.c18 .every-concerns{padding:95px max(28px,calc((100vw - 1380px)/2));background:#fff}.c18 .every-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.c18 .every-heading small{color:var(--green);font-weight:700;letter-spacing:.13em}.c18 .every-heading h2{margin:0;font-size:clamp(48px,5.5vw,80px);letter-spacing:-.06em}.c18 .concern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.c18 .concern-grid a{min-height:300px;padding:24px;display:flex;flex-direction:column;border-radius:12px;background:var(--mint);text-decoration:none}.c18 .concern-grid a:nth-child(2){background:#edf1c8}.c18 .concern-grid a:nth-child(3){background:#f4dec6}.c18 .concern-grid a:nth-child(4){background:#d9e9df}.c18 .concern-grid b{color:var(--green)}.c18 .concern-grid strong{margin:auto 0 12px;font-size:26px}.c18 .concern-grid span{color:#506357;font-size:14px;line-height:1.4}.c18 .every-reels{padding:95px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;color:#fff;background:var(--green)}.c18 .every-reels small{color:#cce6a9;letter-spacing:.13em}.c18 .every-reels h2{margin:18px 0 28px;font-size:clamp(48px,5.5vw,80px);line-height:.94;letter-spacing:-.06em}.c18 .every-reels>div>a{text-decoration:none;border-bottom:1px solid;padding-bottom:4px}.c18 .every-reel-list{display:grid;gap:12px}.c18 .every-reel-list a{min-height:145px;padding:22px;display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.34);border-radius:10px}.c18 .every-reel-list b{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--orange)}.c18 .every-reel-list strong{font-size:21px}.c18 .every-reel-list span{font-size:12px}

/* 19 — Kerala care legacy */
.c19{--forest:#1f4934;--deep:#163326;--sandal:#e6d5af;--brick:#874c36;--paper:#f4ead2;color:var(--deep);background:var(--sandal);font-family:"Marcellus",serif}.c19 .kerala-header{min-height:94px;padding:0 3.5vw;display:grid;grid-template-columns:110px 1fr auto;align-items:center;border-bottom:1px solid rgba(22,51,38,.35)}.c19 .kerala-word{font-size:22px;letter-spacing:.06em}.c19 .kerala-header nav{display:flex;align-items:center;gap:24px;font:500 13px/1 "Manrope",sans-serif}.c19 .kerala-header nav>a{text-decoration:none}.c19 .nav-book{min-height:46px;padding:0 20px;color:var(--paper);background:var(--forest)}.c19 .kerala-hero{min-height:740px;display:grid;grid-template-columns:1.1fr .9fr}.c19 .kerala-copy{padding:90px 6vw}.c19 .kerala-copy>p:first-child{color:var(--brick);font:700 11px/1 "Manrope",sans-serif;letter-spacing:.16em}.c19 .kerala-copy h1{margin:30px 0;font-size:clamp(66px,7.2vw,112px);line-height:.87;letter-spacing:-.055em;font-weight:400}.c19 .kerala-copy h1 em{color:var(--forest)}.c19 .kerala-intro{max-width:650px;font:400 18px/1.75 "Manrope",sans-serif;color:rgba(22,51,38,.72)}.c19 .kerala-copy>a{display:inline-flex;margin-top:30px;padding:16px 20px;color:var(--paper);background:var(--forest);text-decoration:none;font:600 13px/1 "Manrope",sans-serif}.c19 .kerala-emblem{padding:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--paper);background:var(--brick)}.c19 .kerala-emblem>div{width:min(82%,500px);aspect-ratio:1;padding:24px;display:grid;place-items:center;border:1px solid rgba(244,234,210,.55);border-radius:50%}.c19 .kerala-emblem img{width:90%;border-radius:50%}.c19 .kerala-emblem span{margin-top:28px;font:600 11px/1 "Manrope",sans-serif;letter-spacing:.16em}
.c19 .kerala-care{padding:105px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;color:var(--paper);background:var(--forest)}.c19 .kerala-care-title small{color:#d6ba79;font:600 11px/1 "Manrope",sans-serif;letter-spacing:.16em}.c19 .kerala-care-title h2{margin:22px 0 0;font-size:clamp(50px,5.7vw,84px);line-height:.92;font-weight:400}.c19 .kerala-steps article{min-height:150px;display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:center;border-top:1px solid rgba(244,234,210,.28)}.c19 .kerala-steps b{color:#d6ba79;font-size:20px}.c19 .kerala-steps h3{margin:0 0 8px;font-size:27px;font-weight:400}.c19 .kerala-steps p{margin:0;color:rgba(244,234,210,.67);font:400 16px/1.6 "Manrope",sans-serif}.c19 .kerala-reels{padding:95px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:1fr .8fr .8fr;gap:16px;background:var(--paper)}.c19 .kerala-reels-head span{color:var(--brick);font:700 11px/1 "Manrope",sans-serif;letter-spacing:.15em}.c19 .kerala-reels-head h2{margin:20px 0 28px;font-size:clamp(48px,5vw,76px);line-height:.94;font-weight:400}.c19 .kerala-reels-head a{text-decoration:none;border-bottom:1px solid}.c19 .kerala-reels>a{min-height:390px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(22,51,38,.25);background:var(--sandal)}.c19 .kerala-reels>a:nth-child(3){color:var(--paper);background:var(--brick)}.c19 .kerala-reels span{font:600 11px/1 "Manrope",sans-serif;letter-spacing:.12em}.c19 .kerala-reels strong{font-size:30px;line-height:1.1;font-weight:400}.c19 .kerala-reels i{font-style:normal}

/* 20 — Botanical laboratory */
.c20{--ink:#153d31;--lime:#b8d467;--leaf:#6c9c56;--cream:#f5f3e6;--yellow:#e9ca56;--aqua:#b8ddd0;color:var(--ink);background:var(--lime);font-family:"Libre Franklin",sans-serif}.c20 .bio-header{min-height:86px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:2px solid var(--ink);background:var(--cream)}.c20 .nav-links{font-size:13px;font-weight:700;text-transform:uppercase}.c20 .nav-book{min-height:48px;padding:0 20px;border:2px solid var(--ink);color:var(--cream);background:var(--ink);text-decoration:none;font-weight:800;text-transform:uppercase}.c20 .bio-hero{min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:2px solid var(--ink)}.c20 .bio-copy{padding:80px 5vw}.c20 .bio-copy>span{font-size:11px;font-weight:800;letter-spacing:.13em}.c20 .bio-copy h1{margin:30px 0;font-size:clamp(65px,7.5vw,116px);line-height:.84;letter-spacing:-.08em}.c20 .bio-copy h1 em{font-family:"Fraunces",serif;font-weight:500}.c20 .bio-copy>p{max-width:670px;font-size:18px;line-height:1.65}.c20 .bio-copy .btn-row{margin-top:30px}.c20 .btn-main{border:2px solid var(--ink);color:var(--cream);background:var(--ink);font-weight:800}.c20 .btn-line{border:2px solid var(--ink);font-weight:800}.c20 .bio-card{margin:45px 4vw 45px 0;padding:25px;display:flex;flex-direction:column;border:2px solid var(--ink);background:var(--yellow);box-shadow:12px 14px 0 var(--ink)}.c20 .bio-card>span{font-size:11px;font-weight:800;letter-spacing:.13em}.c20 .bio-card img{width:min(75%,420px);margin:auto;border-radius:50%}.c20 .bio-card>div{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}
.c20 .bio-index{padding:95px max(28px,calc((100vw - 1400px)/2));background:var(--cream)}.c20 .bio-index-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.c20 .bio-index-head small{font-weight:800;letter-spacing:.14em}.c20 .bio-index-head h2{margin:0;font-size:clamp(50px,6vw,88px);letter-spacing:-.07em}.c20 .bio-grid{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}.c20 .bio-grid article{min-height:320px;padding:24px;display:flex;flex-direction:column;border-right:2px solid var(--ink)}.c20 .bio-grid article:last-child{border-right:0}.c20 .bio-grid .leaf{background:var(--lime)}.c20 .bio-grid .sun{background:var(--yellow)}.c20 .bio-grid .water{background:var(--aqua)}.c20 .bio-grid .earth{background:#d5bc91}.c20 .bio-grid span{font-weight:800}.c20 .bio-grid h3{margin:auto 0 12px;font-size:26px;text-transform:uppercase}.c20 .bio-grid p{line-height:1.55}.c20 .bio-reels{padding:95px max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;color:var(--cream);background:var(--ink)}.c20 .bio-reels small{color:var(--lime);font-weight:800;letter-spacing:.14em}.c20 .bio-reels h2{margin:18px 0 28px;font-size:clamp(50px,5.8vw,84px);line-height:.92;letter-spacing:-.07em}.c20 .bio-reels>div>a{text-decoration:none;border-bottom:2px solid var(--lime);padding-bottom:4px}.c20 .bio-reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.c20 .bio-reel-grid a{min-height:360px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--cream)}.c20 .bio-reel-grid a:nth-child(2){color:var(--ink);background:var(--lime)}.c20 .bio-reel-grid span{font-size:11px;font-weight:800;letter-spacing:.11em}.c20 .bio-reel-grid strong{font-size:23px;line-height:1.12}.c20 .bio-reel-grid i{font-style:normal}

/* Reference studies 16–20 — closer homepage structures */
.fe-study{color:#4e2028;background:#f8f1e5}.fe-topbar{min-height:34px;padding:8px 3vw;display:flex;justify-content:space-between;align-items:center;color:#f8f1e5;background:#5b2029;font:500 11px/1.2 "Manrope",sans-serif;letter-spacing:.11em}.fe-header{min-height:96px;padding:0 3vw;display:grid;grid-template-columns:1fr 140px 1fr;align-items:center;background:#fbf7ee;border-bottom:1px solid #d8c4a1}.fe-header button{justify-self:start;border:0;background:transparent;font-size:22px}.fe-header>div{justify-self:end;display:flex;gap:24px;font:600 12px/1 "Manrope",sans-serif;text-transform:uppercase}.fe-header a{text-decoration:none}.fe-brand{height:96px;display:grid;place-items:center}.fe-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}.fe-nav{min-height:48px;display:flex;align-items:center;justify-content:center;gap:3vw;border-bottom:1px solid #d8c4a1;background:#fbf7ee;font:600 12px/1 "Manrope",sans-serif;text-transform:uppercase}.fe-nav a{text-decoration:none}.fe-hero{min-height:670px;display:grid;grid-template-columns:1.1fr .9fr;background:#efe0ca}.fe-hero-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.fe-hero-copy small{color:#9c7635;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.17em}.fe-hero-copy h1{margin:28px 0;font:500 clamp(62px,7vw,108px)/.86 "Bodoni Moda",serif;letter-spacing:-.055em}.fe-hero-copy h1 em{color:#883d47}.fe-hero-copy p{max-width:620px;font:400 18px/1.75 "Manrope",sans-serif;color:#725158}.fe-hero-copy a{width:fit-content;margin-top:28px;padding-bottom:7px;border-bottom:1px solid;text-decoration:none;font:700 12px/1 "Manrope",sans-serif;letter-spacing:.12em}.fe-hero-visual{padding:50px;display:grid;place-items:center;color:#f8f1e5;background:#6b2631}.fe-gold-frame{width:min(86%,520px);aspect-ratio:4/5;padding:28px;display:grid;place-items:center;border:1px solid #c7a360;border-radius:49% 49% 2px 2px}.fe-gold-frame img{width:82%;border-radius:50%}.fe-hero-visual>span{font:600 11px/1 "Manrope",sans-serif;letter-spacing:.18em}.fe-collections,.fe-bestsellers{padding:95px max(28px,calc((100vw - 1380px)/2));background:#fbf7ee}.fe-section-title{text-align:center}.fe-section-title small{color:#9c7635;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.17em}.fe-section-title h2{margin:16px 0 12px;font:500 clamp(46px,5vw,75px)/.95 "Bodoni Moda",serif}.fe-section-title p{max-width:620px;margin:0 auto 30px;font:400 16px/1.65 "Manrope",sans-serif;color:#765d62}.fe-category-grid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.fe-category-grid a{text-align:center;text-decoration:none}.fe-category-grid a>span{aspect-ratio:1;display:block;overflow:hidden;border-radius:50%;background:#eadcc5}.fe-category-grid img{width:100%;height:100%;object-fit:cover}.fe-category-grid strong{display:block;margin-top:18px;font-size:24px;font-weight:500}.fe-category-grid small{display:inline-block;margin-top:7px;border-bottom:1px solid;font:600 11px/1.4 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}.fe-bestsellers{background:#efe4d2}.fe-product-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fe-product-grid article{padding-bottom:24px;background:#fbf7ee;text-align:center}.fe-product-grid img{width:100%;aspect-ratio:4/4.8;object-fit:cover}.fe-product-grid small{display:block;margin-top:20px;color:#9c7635;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.13em}.fe-product-grid h3{margin:11px 0 16px;font-size:25px;font-weight:500}.fe-product-grid a{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}.fe-reels{padding:95px 24px;text-align:center;color:#f8f1e5;background:#5b2029}.fe-reels p{color:#d0af6d;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.18em}.fe-reels h2{max-width:880px;margin:20px auto 26px;font:500 clamp(48px,6vw,86px)/.92 "Bodoni Moda",serif}.fe-reels a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-family:"Manrope",sans-serif}

.ka-study{color:#211d18;background:#f5eee1}.ka-topbar{padding:10px 20px;text-align:center;color:#fff;background:#211d18;font:500 11px/1.2 "Manrope",sans-serif;letter-spacing:.11em}.ka-header{min-height:100px;padding:0 3vw;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;background:#fff}.ka-header button{justify-self:start;border:0;background:transparent;font-size:23px}.ka-header>div{justify-self:end;display:flex;gap:25px;font:600 12px/1 "Manrope",sans-serif;text-transform:uppercase}.ka-header a{text-decoration:none}.ka-brand{height:100px;display:grid;place-items:center}.ka-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}.ka-nav{min-height:48px;display:flex;align-items:center;justify-content:center;gap:2.6vw;border-block:1px solid #d9cbb6;background:#fff;font:600 12px/1 "Manrope",sans-serif;text-transform:uppercase}.ka-nav a{text-decoration:none}.ka-hero{min-height:680px;display:grid;grid-template-columns:.9fr 1.1fr;background:#dca58f}.ka-hero-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.ka-hero-copy small{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.16em}.ka-hero-copy h1{margin:28px 0;font:500 clamp(64px,7vw,108px)/.84 "Bodoni Moda",serif;letter-spacing:-.06em}.ka-hero-copy h1 em{color:#78372f}.ka-hero-copy p{max-width:580px;font:400 18px/1.7 "Manrope",sans-serif}.ka-hero-copy a{width:fit-content;margin-top:28px;padding:16px 21px;color:#fff;background:#211d18;text-decoration:none;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.12em}.ka-campaign{position:relative;display:grid;place-items:center;overflow:hidden;background:#a84e43}.ka-campaign>div{width:min(68%,480px);padding:25px;display:flex;flex-direction:column;align-items:center;color:#fff}.ka-campaign>div img{width:100%;border-radius:50%}.ka-campaign span{margin-top:25px;font:600 10px/1.5 "Manrope",sans-serif;letter-spacing:.14em;text-align:center}.ka-icons{min-height:120px;padding:20px 5vw;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#fff;border-bottom:1px solid #d9cbb6}.ka-icons>div{display:flex;justify-content:center;align-items:center;gap:14px;border-right:1px solid #d9cbb6}.ka-icons>div:last-child{border-right:0}.ka-icons b{color:#a84e43;font-size:27px}.ka-icons span{font:500 13px/1.3 "Manrope",sans-serif}.ka-ritual-shop{padding:95px max(28px,calc((100vw - 1380px)/2));background:#fff}.ka-heading{text-align:center}.ka-heading small{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.15em}.ka-heading h2{margin:18px 0 40px;font:500 clamp(48px,5vw,76px)/.94 "Bodoni Moda",serif}.ka-product-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ka-product-row article{text-align:center}.ka-product-row article>div{background:#f2e7d6}.ka-product-row img{width:100%;aspect-ratio:4/4.7;object-fit:cover}.ka-product-row small{display:block;margin-top:20px;color:#9b5a3c;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.12em}.ka-product-row h3{margin:10px 0 16px;font-size:25px;font-weight:500}.ka-product-row article>a{font:700 11px/1.3 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.1em}.ka-story{display:grid;grid-template-columns:1.2fr .8fr;color:#f5eee1;background:#233b32}.ka-story>div:first-child{padding:100px 7vw}.ka-story small{color:#d9aa6c;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.15em}.ka-story h2{max-width:720px;margin:23px 0;font:500 clamp(50px,6vw,88px)/.92 "Bodoni Moda",serif}.ka-story p{max-width:620px;color:rgba(245,238,225,.7);font:400 17px/1.7 "Manrope",sans-serif}.ka-story a{color:inherit;text-decoration:none;border-bottom:1px solid}.ka-story-logo{padding:60px;display:grid;place-items:center;background:#b56d52}.ka-story-logo img{width:min(90%,470px);border-radius:50%}.ka-reels{padding:90px max(28px,calc((100vw - 1380px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;background:#f5eee1}.ka-reels small{letter-spacing:.14em}.ka-reels h2{margin:16px 0;font:500 clamp(44px,4.5vw,68px)/.95 "Bodoni Moda",serif}.ka-reels>a{min-height:280px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #cdbda7;font:500 28px/1.15 "Bodoni Moda",serif}.ka-reels>a:nth-child(3){color:#fff;background:#a84e43}.ka-reels span{font:700 11px/1 "Manrope",sans-serif;letter-spacing:.1em}

.hi-study{color:#204b36;background:#f7faf4}.hi-offer{min-height:36px;padding:8px 3vw;display:flex;justify-content:space-between;align-items:center;color:#fff;background:#ec8531;font:600 12px/1.2 "Manrope",sans-serif}.hi-header{min-height:92px;padding:0 3.5vw;display:grid;grid-template-columns:150px 1fr auto;gap:40px;align-items:center;background:#fff}.hi-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}.hi-header label{height:44px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #b9d4c0;border-radius:5px;background:#f8fbf7}.hi-header input{width:100%;border:0;outline:0;background:transparent;font:400 14px/1 "Manrope",sans-serif}.hi-header>div{display:flex;gap:20px;font:600 12px/1 "Manrope",sans-serif}.hi-header a{text-decoration:none}.hi-nav{min-height:48px;display:flex;align-items:center;justify-content:center;gap:2.8vw;color:#fff;background:#287343;font:600 13px/1 "Manrope",sans-serif}.hi-nav a{text-decoration:none}.hi-nav .active{padding:10px 13px;border-radius:4px;color:#27683e;background:#fff}.hi-hero{min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;background:#e4efdb}.hi-copy{padding:75px 6vw;display:flex;flex-direction:column;justify-content:center}.hi-copy small{color:#24733f;font:700 12px/1 "Manrope",sans-serif;letter-spacing:.12em}.hi-copy h1{margin:24px 0;font-size:clamp(54px,6.2vw,96px);line-height:.92;letter-spacing:-.06em}.hi-copy p{max-width:640px;color:#506b58;font-size:18px;line-height:1.68}.hi-copy a{width:fit-content;margin-top:26px;padding:15px 20px;border-radius:4px;color:#fff;background:#287343;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em}.hi-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:#2f8150}.hi-sun{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#ed8c37}.hi-visual img{position:relative;z-index:2;width:min(62%,430px);border-radius:50%}.hi-visual span{position:absolute;z-index:3;bottom:25px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em}.hi-products{padding:80px max(28px,calc((100vw - 1400px)/2));background:#fff}.hi-heading,.ke-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.hi-heading h2,.ke-heading h2{margin:0;font-size:clamp(38px,4.5vw,64px);letter-spacing:-.055em}.hi-heading a,.ke-heading a{text-decoration:none;font-size:13px;font-weight:700}.hi-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hi-product-grid article{padding-bottom:22px;border:1px solid #d7e3d3;background:#fff;text-align:center}.hi-product-grid img{width:100%;aspect-ratio:4/4.7;object-fit:cover}.hi-product-grid span{display:block;margin-top:18px;color:#ed8531;font-size:11px;font-weight:700;letter-spacing:.1em}.hi-product-grid h3{margin:10px 15px 16px;font-size:21px}.hi-product-grid a{font-size:12px;font-weight:700;text-transform:uppercase}.hi-concerns{padding:85px max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;background:#e5f0df}.hi-concerns small{color:#287343;font-size:11px;font-weight:700;letter-spacing:.13em}.hi-concerns h2{margin:15px 0;font-size:clamp(46px,5vw,72px);letter-spacing:-.06em}.hi-concern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hi-concern-grid a{min-height:95px;padding:20px;display:flex;align-items:center;justify-content:space-between;border:1px solid #bbd1b9;background:#fff;text-decoration:none;font-weight:700}.hi-concern-grid span{color:#ed8531}.hi-reels{padding:85px max(28px,calc((100vw - 1400px)/2));display:flex;align-items:end;justify-content:space-between;gap:30px;color:#fff;background:#287343}.hi-reels small{color:#d8ebb7;font-weight:700;letter-spacing:.14em}.hi-reels h2{margin:15px 0 0;font-size:clamp(44px,5vw,72px);letter-spacing:-.055em}.hi-reels>a{color:inherit;text-decoration:none;border-bottom:1px solid}

.ke-study{color:#253d2d;background:#f4ecd8}.ke-topbar{min-height:36px;padding:8px 3.5vw;display:flex;justify-content:space-between;align-items:center;color:#f4ecd8;background:#244b35;font:500 11px/1.2 "Manrope",sans-serif;letter-spacing:.1em}.ke-header{min-height:92px;padding:0 3.5vw;display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;background:#fff}.ke-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}.ke-header label{height:44px;display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid #d4c7a6;background:#faf7ef}.ke-header input{width:100%;border:0;outline:0;background:transparent;font:400 14px/1 "Manrope",sans-serif}.ke-header>div{display:flex;align-items:center;gap:22px;font:600 12px/1 "Manrope",sans-serif}.ke-header a{text-decoration:none}.ke-consult{padding:14px 17px;color:#fff;background:#9e5537}.ke-nav{min-height:50px;display:flex;align-items:center;justify-content:center;gap:3vw;color:#fff;background:#2d5b40;font:600 12px/1 "Manrope",sans-serif;text-transform:uppercase}.ke-nav a{text-decoration:none}.ke-hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;background:#e8d7b0}.ke-hero-copy{padding:75px 6vw;display:flex;flex-direction:column;justify-content:center}.ke-hero-copy>span{color:#9e5537;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.14em}.ke-hero-copy h1{margin:24px 0;font-size:clamp(58px,6.5vw,100px);line-height:.9;letter-spacing:-.055em;font-weight:400}.ke-hero-copy p{max-width:650px;font:400 18px/1.7 "Manrope",sans-serif;color:#5b685e}.ke-hero-copy>div{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.ke-hero-copy a{padding:15px 18px;border:1px solid #244b35;text-decoration:none;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.08em}.ke-hero-copy a:first-child{color:#fff;background:#244b35}.ke-hero-product{position:relative;display:grid;place-items:center;overflow:hidden;background:#9e5537}.ke-logo{position:relative;width:min(64%,460px);box-shadow:none}.ke-hero-product>span{position:absolute;bottom:25px;color:#fff;font:600 11px/1 "Manrope",sans-serif;letter-spacing:.14em}.ke-concerns,.ke-products{padding:85px max(28px,calc((100vw - 1400px)/2));background:#fff}.ke-concern-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ke-concern-grid a{min-height:170px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #d8c9aa;background:#f5eddc;text-decoration:none}.ke-concern-grid b{color:#9e5537;font-family:"Manrope",sans-serif}.ke-concern-grid span{font-size:20px}.ke-products{background:#f0e2c2}.ke-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ke-product-grid article{padding-bottom:22px;background:#fff;text-align:center}.ke-product-grid img{width:100%;aspect-ratio:4/4.7;object-fit:cover}.ke-product-grid small{display:block;margin-top:18px;color:#9e5537;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.12em}.ke-product-grid h3{margin:10px 15px;font-size:23px;font-weight:400}.ke-legacy{display:grid;grid-template-columns:1.2fr .8fr;color:#f4ecd8;background:#244b35}.ke-legacy>div:first-child{padding:100px 7vw}.ke-legacy small{color:#d5b977;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.14em}.ke-legacy h2{max-width:760px;margin:20px 0;font-size:clamp(52px,6vw,88px);line-height:.9;font-weight:400}.ke-legacy p{max-width:620px;color:rgba(244,236,216,.7);font:400 17px/1.7 "Manrope",sans-serif}.ke-legacy a{display:inline-flex;margin-top:24px;padding:15px 20px;color:#244b35;background:#f4ecd8;text-decoration:none;font-family:"Manrope",sans-serif}.ke-legacy>div:last-child{padding:55px;display:grid;place-items:center;background:#9e5537}.ke-legacy img{width:min(90%,460px);border-radius:50%}.ke-reels{padding:90px 24px;text-align:center;background:#f4ecd8}.ke-reels>span{color:#9e5537;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.15em}.ke-reels h2{max-width:900px;margin:18px auto 25px;font-size:clamp(48px,5.5vw,80px);line-height:.92;font-weight:400}.ke-reels a{text-decoration:none;border-bottom:1px solid}

.bt-study{color:#173f31;background:#f7f5ec}.bt-offer{padding:10px 20px;text-align:center;color:#173f31;background:#b9d65c;font:800 11px/1.2 "Libre Franklin",sans-serif;letter-spacing:.14em}.bt-header{min-height:98px;padding:0 3vw;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;background:#fff}.bt-header button{justify-self:start;border:0;background:transparent;font-size:23px}.bt-header>div{justify-self:end;display:flex;gap:24px;font-size:12px;font-weight:700;text-transform:uppercase}.bt-header a{text-decoration:none}.bt-brand{height:98px;display:grid;place-items:center}.bt-brand img{width:84px;height:84px;object-fit:contain;border-radius:50%}.bt-nav{min-height:50px;display:flex;align-items:center;justify-content:center;gap:2.3vw;border-block:1px solid #c8d2c5;background:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.bt-nav a{text-decoration:none}.bt-hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;background:#eadf9c}.bt-copy{padding:80px 5vw;display:flex;flex-direction:column;justify-content:center}.bt-copy>span{font-size:11px;font-weight:800;letter-spacing:.13em}.bt-copy h1{margin:26px 0;font-size:clamp(62px,6.8vw,104px);line-height:.85;letter-spacing:-.075em}.bt-copy h1 em{font-family:"Fraunces",serif;font-weight:500}.bt-copy p{max-width:600px;font-size:18px;line-height:1.65}.bt-copy a{width:fit-content;margin-top:26px;padding:16px 20px;color:#fff;background:#173f31;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.1em}.bt-collage{position:relative;padding:42px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;background:#91b75b}.bt-collage img{width:100%;box-shadow:0 18px 40px rgba(23,63,49,.14)}.bt-collage img:nth-child(2){transform:translateY(-45px)}.bt-collage>span{position:absolute;right:25px;bottom:18px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em}.bt-categories{padding:75px max(28px,calc((100vw - 1400px)/2));background:#fff}.bt-categories h2{text-align:center;font-size:clamp(42px,5vw,70px);letter-spacing:-.06em}.bt-categories>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bt-categories a{min-height:190px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}.bt-categories a:nth-child(1){background:#d6e7ae}.bt-categories a:nth-child(2){background:#f0ca8b}.bt-categories a:nth-child(3){background:#c6e0d2}.bt-categories a:nth-child(4){background:#e0b9ac}.bt-categories span{font-size:11px;font-weight:800;letter-spacing:.12em}.bt-categories strong{font-size:24px}.bt-products{padding:90px max(28px,calc((100vw - 1400px)/2));background:#f2efe1}.bt-heading{text-align:center}.bt-heading small{font-size:11px;font-weight:800;letter-spacing:.14em}.bt-heading h2{margin:16px 0 10px;font-size:clamp(48px,5.5vw,78px);letter-spacing:-.07em}.bt-heading>a{font-size:13px;font-weight:700}.bt-product-grid{margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.bt-product-grid article{text-align:center}.bt-product-grid article>div{background:#fff}.bt-product-grid img{width:100%;aspect-ratio:4/4.7;object-fit:cover}.bt-product-grid span{display:block;margin-top:17px;color:#5f8a3e;font-size:11px;font-weight:800;letter-spacing:.1em}.bt-product-grid h3{margin:10px 8px 15px;font-size:20px}.bt-product-grid article>a{font-size:12px;font-weight:700;text-transform:uppercase}.bt-consult{padding:55px max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:120px 1fr auto;gap:35px;align-items:center;color:#fff;background:#174a39}.bt-consult img{width:110px;border-radius:50%}.bt-consult small{color:#bddc69;font-size:11px;font-weight:800;letter-spacing:.13em}.bt-consult h2{margin:8px 0;font-size:42px;letter-spacing:-.05em}.bt-consult p{margin:0;color:rgba(255,255,255,.7)}.bt-consult>a{padding:16px 20px;color:#173f31;background:#b9d65c;text-decoration:none;font-weight:800}.bt-reels{padding:85px 24px;text-align:center;background:#e3cc65}.bt-reels>span{font-size:11px;font-weight:800;letter-spacing:.14em}.bt-reels h2{max-width:900px;margin:17px auto 24px;font-size:clamp(45px,5.5vw,78px);line-height:.93;letter-spacing:-.065em}.bt-reels a{text-decoration:none;border-bottom:2px solid;font-weight:800}

.noscript-card { max-width: 650px; margin: 100px auto; padding: 40px; color: #fff; background: #173126; font: 16px/1.6 sans-serif; }

@media (max-width: 1280px) {
  .picker-intro { display:none; }
  .concept-picker { padding-left:10px; }
  .picker-options { display:flex; overflow-x:auto; scrollbar-width:none; }
  .picker-options::-webkit-scrollbar { display:none; }
  .picker-options button { min-width:84px; }
}

@media (max-width: 980px) {
  .picker-intro { display: none; }
  .concept-picker { gap: 0; padding-left: 10px; }
  .c1 .c1-header, .c2 .night-header, .c4 .heritage-header { grid-template-columns: 1fr auto; }
  .c1 .c1-header .nav-links, .c2 .night-header .nav-links, .c4 .heritage-header .nav-links { display: none; }
  .c1 .editorial-hero, .c2 .night-hero { grid-template-columns: 1fr; }
  .c1 .editorial-art { min-height: 560px; border-left: 0; border-top: 1px solid rgba(25,49,39,.2); }
  .c2 .night-art { min-height: 580px; }
  .c1 .editorial-note, .c2 .night-band-inner { grid-template-columns: 1fr; }
  .c1 .note-title, .c2 .night-band-copy { border-right: 0; border-bottom: 1px solid rgba(25,49,39,.2); }
  .c2 .night-services { padding-left: 0; }
  .c3 .clinical-layout { grid-template-columns: 1fr; }
  .c3 .clinical-sidebar { position: relative; top: 0; height: auto; padding: 20px 4vw; flex-direction: row; align-items: center; justify-content: space-between; border-right: 0; border-bottom: 1px solid #cddbd5; }
  .c3 .clinical-sidebar nav { margin: 0; display: flex; }
  .c3 .clinical-sidebar .side-note { display: none; }
  .c3 .clinical-hero-grid { grid-template-columns: 1fr; }
  .c4 .heritage-hero { grid-template-columns: 1fr 1fr; }
  .c4 .heritage-quote { grid-column: 1 / -1; max-width: 700px; }
  .c5 .brutal-hero { grid-template-columns: 1fr; }
  .c5 .brutal-art { min-height: 520px; border-left: 0; border-top: 3px solid var(--black); }
  .c5 .brutal-services { grid-template-columns: 1fr; }
  .c6 .sculpt-hero, .c7 .solar-hero, .c8 .aura-hero, .c9 .paper-hero { grid-template-columns: 1fr; }
  .c6 .sculpt-path, .c7 .solar-reels, .c8 .aura-system-head, .c9 .paper-skincare, .c9 .paper-reels { grid-template-columns: 1fr; }
  .c7 .solar-disc { min-height: 560px; border-left: 0; border-top: 2px solid var(--brown); }
  .c8 .aura-console { min-height: 620px; }
  .c10 .swiss-header { grid-template-columns: 150px 1fr auto; }
  .c10 .swiss-index { display: none; }
  .c10 .swiss-hero { grid-template-columns: 150px 1fr; }
  .c10 .swiss-logo { grid-column: 2; min-height: 430px; border-top:2px solid var(--ink); }
  .c10 .swiss-action { grid-column: 1 / -1; }
  .c10 .swiss-reels { grid-template-columns:1fr; }
  .c10 .swiss-reels-title { border-right:0; border-bottom:2px solid var(--ink); }
  .c11 .moss-hero { grid-template-columns:80px 1fr; }
  .c11 .moss-seal { grid-column:2; width:min(100%,520px); }
  .c11 .moss-path { grid-template-columns:1fr; }
  .c12 .deco-hero { grid-template-columns:1fr; }
  .c12 .deco-arch { min-height:620px; border-right:0; border-bottom:1px solid rgba(200,166,90,.55); }
  .c13 .pop-hero, .c14 .mint-hero, .c15 .rain-story { grid-template-columns:1fr; }
  .c13 .pop-stage { min-height:620px; }
  .c14 .mint-summary { width:min(100%,620px); }
  .c14 .mint-timeline article>div { grid-template-columns:.65fr 1fr; }
  .c14 .mint-timeline p { grid-column:1/-1; }
  .c15 .rain-hero { grid-template-columns:1fr; }
  .c15 .rain-topline { grid-column:1; }
  .c15 .rain-mark { width:min(100%,620px); }
  .c16 .royal-hero,.c17 .ritual-hero,.c18 .every-hero,.c19 .kerala-hero,.c20 .bio-hero{grid-template-columns:1fr}
  .c16 .royal-frame{min-height:610px;margin-right:4vw}.c17 .ritual-display{min-height:620px}.c18 .every-logo{min-height:590px}.c19 .kerala-emblem{min-height:600px}.c20 .bio-card{min-height:560px;margin-left:4vw}
  .c18 .concern-grid,.c20 .bio-grid{grid-template-columns:repeat(2,1fr)}.c18 .concern-grid a{min-height:260px}.c20 .bio-grid article:nth-child(2){border-right:0}.c20 .bio-grid article:nth-child(-n+2){border-bottom:2px solid var(--ink)}
  .c19 .kerala-care{grid-template-columns:1fr}
  .fe-hero,.ka-hero,.ka-story,.hi-hero,.hi-concerns,.ke-hero,.ke-legacy,.bt-hero{grid-template-columns:1fr}
  .fe-hero-visual,.hi-visual,.ke-hero-product{min-height:560px}.ka-campaign{min-height:600px}.ka-story-logo{min-height:520px}.ke-legacy>div:last-child{min-height:500px}
  .fe-category-grid,.hi-product-grid,.bt-product-grid{grid-template-columns:repeat(2,1fr)}.ka-product-row,.fe-product-grid,.ke-product-grid{grid-template-columns:repeat(2,1fr)}
  .ka-reels,.ke-reels{grid-template-columns:1fr 1fr}.ka-reels>div,.ke-reels-head{grid-column:1/-1}
  .ke-concern-grid{grid-template-columns:repeat(3,1fr)}.bt-categories>div{grid-template-columns:repeat(2,1fr)}.bt-consult{grid-template-columns:100px 1fr}.bt-consult>a{grid-column:2;width:fit-content}
}

@media (max-width: 720px) {
  body { padding-bottom: 72px; }
  .concept-picker { top: auto; bottom: max(8px, env(safe-area-inset-bottom)); min-height: 56px; padding: 7px; border-radius: 15px; }
  .picker-options { display: flex; overflow-x: auto; scrollbar-width: none; }
  .picker-options::-webkit-scrollbar { display: none; }
  .picker-options button { min-width: 88px; padding-inline: 8px; font-size: 12px; }
  .picker-options button span { display: block; margin: 0 0 4px; }
  .concept-shell { padding-top: 0; }
  .c1 .c1-header, .c1 .editorial-hero, .c1 .editorial-note, .c1 .editorial-reels,
  .c2 .night-header, .c2 .night-hero, .c2 .night-band-inner, .c2 .night-reels,
  .c4 .heritage-header, .c4 .heritage-hero, .c4 .ritual-inner, .c4 .heritage-reels {
    width: min(100% - 30px, 1360px);
  }
  .nav-book { font-size: 12px; }
  .c1 .c1-header, .c2 .night-header, .c4 .heritage-header { min-height: 72px; }
  .c1 .editorial-copy, .c2 .night-copy { padding: 58px 0 50px; }
  .c1 h1, .c2 h1 { font-size: clamp(52px, 16vw, 78px); }
  .c1 .editorial-art { min-height: 470px; }
  .c1 .art-caption { flex-direction: column; gap: 6px; }
  .c1 .note-title { padding: 55px 0; }
  .c1 .steps, .c1 .reel-grid, .c2 .night-reel-grid, .c3 .care-grid,
  .c3 .clinical-reel-row, .c4 .ritual-grid, .c4 .heritage-reel-grid,
  .c5 .brutal-reel-grid { grid-template-columns: 1fr; }
  .c1 .step { padding: 38px 0; border-right: 0; border-bottom: 1px solid rgba(25,49,39,.15); }
  .c1 .step h3 { margin-top: 25px; }
  .c1 .reels-head, .c2 .night-reels-head, .c3 .clinical-reels-head, .c4 .ritual-head { align-items: start; flex-direction: column; }
  .c2 .night-art { min-height: 460px; }
  .c2 .pulse-card { right: 0; bottom: 25px; }
  .c2 .night-band-copy { padding: 60px 0; }
  .c2 .night-service { grid-template-columns: 34px 1fr; }
  .c2 .night-service span { grid-column: 2; }
  .c3 .clinical-sidebar nav a:not(.active) { display: none; }
  .c3 .clinical-top { padding-block: 14px; align-items: start; flex-direction: column; }
  .c3 .clinical-hero h1 { font-size: clamp(50px,15vw,76px); }
  .c3 .care-grid { padding-inline: 4vw; }
  .c4 .heritage-header .nav-links { display: none; }
  .c4 .heritage-header { grid-template-columns: 1fr auto; }
  .c4 .heritage-header .brand { justify-self: start; flex-direction: row; }
  .c4 .heritage-hero { grid-template-columns: 1fr; padding-top: 55px; }
  .c4 .heritage-arch { min-height: 520px; }
  .c4 .heritage-arch img { min-height: 476px; }
  .c4 .ritual-card { min-height: 250px; }
  .c4 .ritual-card h3 { margin-top: 55px; }
  .c5 .brutal-header { min-height: 70px; grid-template-columns: 1fr auto; }
  .c5 .brand { padding: 0 16px; }
  .brand .brand-logo { width: 56px; height: 56px; }
  .c5 .nav-links { display: none; }
  .c5 .nav-book { min-width: 0; padding: 0 15px; font-size: 11px; }
  .c5 .brutal-copy { padding-inline: 18px; }
  .c5 h1 { font-size: clamp(56px,19vw,90px); }
  .c5 .brutal-list { grid-template-columns: 1fr; }
  .c5 .brutal-item { border-right: 0; border-left: 0; border-bottom: 3px solid var(--black) !important; }
  .c5 .brutal-reel { border-right: 0; border-bottom: 3px solid var(--black); }
  .c5 .brutal-reel:last-child { border-bottom: 0; }
  .c5 .brutal-final { grid-template-columns: 1fr; }
  .c6 .sculpt-header, .c7 .solar-header, .c8 .aura-header, .c9 .paper-header { width:calc(100% - 28px); min-height:72px; }
  .c6 .sculpt-header .nav-links, .c7 .solar-header .nav-links, .c8 .aura-header .nav-links, .c9 .paper-header .nav-links { display:none; }
  .c6 .sculpt-hero, .c9 .paper-hero { width:calc(100% - 30px); padding:55px 0; }
  .c6 .sculpt-copy h1, .c7 .solar-copy h1, .c8 .aura-copy h1, .c9 .paper-copy h1 { font-size:clamp(51px,15vw,75px); }
  .c6 .sculpt-visual { min-height:460px; }
  .c6 .sculpt-caption { width:205px; }
  .c6 .sculpt-path, .c6 .sculpt-reels, .c7 .solar-steps, .c7 .solar-final, .c8 .aura-panels, .c8 .aura-reel-grid, .c9 .paper-notes, .c9 .paper-reel-board { grid-template-columns:1fr; }
  .c6 .sculpt-reels { padding-inline:15px; }
  .c7 .solar-copy { padding:60px 18px; }
  .c7 .solar-disc { min-height:460px; }
  .c7 .solar-flow-head, .c8 .aura-system-head, .c10 .swiss-method-title { grid-template-columns:1fr; gap:22px; }
  .c7 .solar-steps article { min-height:245px; border-right:0; border-bottom:1px solid rgba(255,242,213,.28); }
  .c7 .solar-steps h3 { margin-top:55px; }
  .c7 .solar-reels { padding-inline:18px; }
  .c7 .solar-final { align-items:start; }
  .c8 .aura-hero { width:calc(100% - 30px); padding:55px 0; }
  .c8 .aura-console { min-height:520px; }
  .c8 .aura-chip { min-width:150px; }
  .c8 .chip-a { left:1%; }.c8 .chip-b { right:1%; }.c8 .chip-c { left:2%; }
  .c9 .paper-polaroid { margin:30px 15px; }
  .c9 .paper-notes { width:calc(100% - 30px); }
  .c9 .paper-skincare { padding-inline:18px; }
  .c9 .paper-routine-list article { grid-template-columns:70px 1fr; gap:16px; }
  .c9 .paper-routine-list small { grid-column:2; padding-top:0; }
  .c10 .swiss-header { grid-template-columns:110px 1fr; min-height:74px; }
  .c10 .swiss-header nav > a:not(.nav-book) { display:none; }
  .c10 .swiss-header .nav-book { min-width:0; padding:0 12px; }
  .c10 .swiss-hero { grid-template-columns:70px 1fr; grid-template-rows:auto auto auto; }
  .c10 .swiss-number { font-size:80px; padding:12px; }
  .c10 .swiss-copy { padding:55px 18px; border-right:0; }
  .c10 .swiss-copy h1 { font-size:clamp(47px,14vw,72px); }
  .c10 .swiss-logo { min-height:330px; }
  .c10 .swiss-action { grid-template-columns:1fr auto; }
  .c10 .swiss-action span { display:none; }
  .c10 .swiss-row { grid-template-columns:65px 1fr; }
  .c10 .swiss-row p, .c10 .swiss-row span { grid-column:2; border-top:2px solid var(--ink); }
  .c10 .swiss-reel-grid { grid-template-columns:1fr; }
  .c10 .swiss-reel { min-height:330px; border-right:0; border-bottom:2px solid var(--ink); }
  .c10 .swiss-final { grid-template-columns:1fr; align-items:start; }
  .c11 .moss-header, .c15 .rain-header { width:calc(100% - 28px);min-height:72px; }
  .c11 .moss-header .nav-links, .c12 .deco-header nav:first-child, .c13 .pop-header .nav-links, .c15 .rain-header .nav-links { display:none; }
  .c11 .moss-hero { width:calc(100% - 30px);padding:55px 0;grid-template-columns:1fr; }
  .c11 .moss-index { writing-mode:horizontal-tb;transform:none; }
  .c11 .moss-copy h1, .c12 .deco-copy h1, .c13 .pop-copy h1, .c14 .mint-copy h1, .c15 .rain-copy h1 { font-size:clamp(52px,16vw,78px); }
  .c11 .moss-seal { grid-column:1; }
  .c11 .moss-list article, .c15 .rain-editorial article { grid-template-columns:48px 1fr; padding:25px 0; }
  .c11 .moss-list p, .c15 .rain-editorial p { grid-column:2; }
  .c11 .moss-reels, .c12 .deco-reels, .c13 .pop-reels, .c15 .rain-reels { grid-template-columns:1fr; padding-inline:15px; }
  .c11 .moss-reel-grid, .c15 .rain-reel-grid { grid-column:1; grid-template-columns:1fr; }
  .c12 .deco-header { min-height:74px;grid-template-columns:105px 1fr;padding-inline:12px; }
  .c12 .deco-brand { grid-column:1;grid-row:1;border-left:0; }.c12 .deco-header nav:last-child { gap:14px;font-size:10px; }
  .c12 .deco-arch { min-height:500px; }.c12 .deco-copy { padding:60px 18px; }
  .c12 .deco-ritual-head, .c14 .mint-path-head { grid-template-columns:1fr;gap:24px; }
  .c12 .deco-cards, .c13 .pop-steps, .c14 .mint-reel-grid { grid-template-columns:1fr; }
  .c12 .deco-cards article { min-height:270px;border-right:0;border-bottom:1px solid rgba(6,60,47,.3); }.c12 .deco-cards h3 { margin-top:75px; }
  .c13 .pop-header { width:calc(100% - 20px);min-height:70px;margin-top:7px;padding-left:10px; }.c13 .nav-book{min-height:48px;padding-inline:14px;font-size:12px}.c13 .pop-hero{width:calc(100% - 28px);padding:55px 0;grid-template-columns:1fr}.c13 .pop-stage{min-height:470px}.c13 .pop-bubble{font-size:12px;padding:10px 13px}.c13 .pop-how-head{align-items:flex-start;flex-direction:column}.c13 .pop-reel-stack a{grid-template-columns:52px 1fr}.c13 .pop-reel-stack span{grid-column:2}
  .c14 .mint-header{min-height:74px;padding:0 14px;grid-template-columns:1fr auto}.c14 .mint-status{display:none}.c14 .mint-header nav>a:not(.nav-book){display:none}.c14 .mint-hero{width:calc(100% - 30px);padding:55px 0;grid-template-columns:1fr}.c14 .mint-logo{height:250px}.c14 .mint-summary>div:not(.mint-logo){grid-template-columns:75px 1fr}.c14 .mint-timeline article{grid-template-columns:55px 1fr;padding:25px 0}.c14 .mint-timeline article>div{grid-template-columns:1fr}.c14 .mint-timeline p{grid-column:1}
  .c15 .rain-hero{width:calc(100% - 30px);padding:35px 0 60px}.c15 .rain-topline span:last-child{display:none}.c15 .rain-mark{min-height:460px}.c15 .rain-statement{padding:75px 22px}.c15 .rain-editorial{padding:35px 20px}
  .c16 .royal-header{min-height:76px;grid-template-columns:90px 1fr;padding:0 12px}.c16 .royal-header nav:first-child{display:none}.c16 .royal-brand{grid-column:1;grid-row:1;border-left:0}.c16 .royal-header nav:last-child{font-size:10px;gap:13px}.c16 .royal-frame{min-height:500px;margin:25px 15px}.c16 .royal-copy{padding:60px 20px}.c16 .royal-copy h1,.c17 .ritual-copy h1,.c18 .every-copy h1,.c19 .kerala-copy h1,.c20 .bio-copy h1{font-size:clamp(52px,16vw,78px)}.c16 .royal-cards,.c16 .royal-reels,.c17 .ritual-method-grid,.c17 .ritual-reels,.c17 .ritual-reel-grid,.c18 .concern-grid,.c18 .every-reels,.c19 .kerala-reels,.c20 .bio-grid,.c20 .bio-reels,.c20 .bio-reel-grid{grid-template-columns:1fr}.c16 .royal-cards article{min-height:270px;border-right:0;border-bottom:1px solid rgba(243,232,213,.3)}.c16 .royal-cards h3{margin-top:80px}.c16 .royal-reels,.c17 .ritual-reels,.c18 .every-reels,.c19 .kerala-reels,.c20 .bio-reels{padding-inline:16px}
  .c17 .ritual-header,.c18 .every-header{width:calc(100% - 28px);min-height:72px;padding:0;margin:auto}.c17 .ritual-header .nav-links,.c18 .every-header .nav-links,.c20 .bio-header .nav-links{display:none}.c17 .ritual-hero{width:calc(100% - 30px);padding:55px 0}.c17 .ritual-display{min-height:500px}.c17 .ritual-method-head,.c18 .every-heading,.c20 .bio-index-head{align-items:flex-start;flex-direction:column}.c17 .ritual-method-grid article{min-height:260px;border-right:0;border-bottom:1px solid rgba(241,234,220,.3)}.c17 .ritual-method-grid h3{margin-top:75px}
  .c18 .every-header{width:auto;padding-inline:14px}.c18 .every-copy{padding:60px 18px}.c18 .every-trust{grid-template-columns:auto 1fr}.c18 .every-logo{min-height:460px;padding:30px}.c18 .every-reel-list a{grid-template-columns:52px 1fr}.c18 .every-reel-list span{grid-column:2}
  .c19 .kerala-header{min-height:74px;padding:0 14px;grid-template-columns:82px 1fr}.c19 .kerala-word{display:none}.c19 .kerala-header nav>a:not(.nav-book){display:none}.c19 .kerala-copy{padding:60px 20px}.c19 .kerala-emblem{min-height:480px;padding:30px}.c19 .kerala-care{padding-inline:18px}.c19 .kerala-steps article{grid-template-columns:52px 1fr}
  .c20 .bio-header{min-height:74px;padding:0 14px}.c20 .nav-book{padding-inline:12px;font-size:11px}.c20 .bio-copy{padding:60px 18px}.c20 .bio-card{min-height:480px;margin:0 18px 45px}.c20 .bio-grid article{min-height:250px;border-right:0;border-bottom:2px solid var(--ink)}.c20 .bio-grid article:last-child{border-bottom:0}.c20 .bio-reel-grid a{min-height:280px}
  .fe-topbar span:last-child,.hi-offer span:last-child,.ke-topbar span:last-child{display:none}.fe-topbar,.hi-offer,.ke-topbar{justify-content:center;text-align:center}
  .fe-header,.ka-header,.bt-header{min-height:76px;grid-template-columns:1fr 90px 1fr;padding-inline:14px}.fe-brand,.ka-brand,.bt-brand{height:76px}.fe-brand img,.ka-brand img,.bt-brand img{width:66px;height:66px}.fe-header>div,.ka-header>div,.bt-header>div{gap:12px;font-size:10px}.fe-header>div a:first-child,.ka-header>div a:first-child,.bt-header>div a:first-child{display:none}
  .fe-nav,.ka-nav,.hi-nav,.ke-nav,.bt-nav{display:none}.fe-hero-copy,.ka-hero-copy,.hi-copy,.ke-hero-copy,.bt-copy{padding:58px 20px}.fe-hero-copy h1,.ka-hero-copy h1,.hi-copy h1,.ke-hero-copy h1,.bt-copy h1{font-size:clamp(48px,15vw,74px)}.fe-hero-visual,.hi-visual,.ke-hero-product{min-height:470px}.fe-hero-visual{padding:28px}.ka-campaign{min-height:480px}.ka-campaign>div{padding:14px}.bt-collage{min-height:460px;padding:24px 14px}.bt-collage img:nth-child(2){transform:translateY(-30px)}
  .fe-category-grid,.fe-product-grid,.ka-product-row,.ka-reels,.hi-product-grid,.hi-concern-grid,.ke-concern-grid,.ke-product-grid,.ke-reels,.bt-categories>div,.bt-product-grid{grid-template-columns:1fr}.fe-category-grid{gap:32px}.fe-category-grid a>span{max-width:340px;margin:auto}.ka-icons{grid-template-columns:repeat(2,1fr);gap:18px}.ka-icons>div{border-right:0}.ka-story-logo,.ke-legacy>div:last-child{min-height:430px}.ka-reels>div,.ke-reels-head{grid-column:1}
  .hi-header,.ke-header{min-height:76px;padding:0 14px;grid-template-columns:80px 1fr}.hi-header label,.ke-header label{display:none}.hi-brand img,.ke-brand img{width:66px;height:66px}.hi-header>div,.ke-header>div{justify-self:end}.hi-header>div a:first-child,.ke-header>div>a:first-child{display:none}.hi-concerns{padding-inline:18px}.hi-reels{align-items:flex-start;flex-direction:column;padding-inline:18px}.ke-consult{padding:12px}.ke-concern-grid a{min-height:120px}.ke-legacy>div:first-child{padding:70px 22px}
  .bt-consult{grid-template-columns:72px 1fr;padding-inline:18px}.bt-consult img{width:72px}.bt-consult h2{font-size:33px}.bt-consult>a{grid-column:1/-1}.bt-categories,.bt-products{padding-inline:18px}
}

@media (max-width: 620px) {
  .c8 .aura-motion-switch { top:14px; width:calc(100% - 24px); justify-content:center; }
  .c8 .aura-motion-switch span { display:none; }
  .c8 .aura-motion-switch button { flex:1; min-width:0; padding-inline:5px; }
  .c8 .aura-orb { width:64%; left:18%; top:20%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Keep the selected design controls balanced on compact screens. */
@media (max-width: 720px) {
  .picker-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .picker-options button { min-width: 0; }
}

/* Design 9 is the active homepage; no design selector space is needed. */
body[data-design="9"] .concept-shell.c9 { padding-top: 0; }

/* Mobile-first finishing pass for the selected Forest Ledger homepage. */
@media (max-width: 720px) {
  body[data-design="9"] { padding-bottom: 0; overflow-x: clip; }
  .c9 .paper-header { gap: 12px; }
  .c9 .paper-header .brand-logo { width: 52px; height: 52px; }
  .c9 .nav-book { min-height: 46px; padding: 0 14px; font-size: 11px; box-shadow: 3px 3px 0 var(--soft-shadow); }
  .c9 .paper-hero { min-height: 0; padding: 46px 0 64px; gap: 42px; }
  .c9 .paper-stamp { padding: 7px 9px; font-size: 10px; }
  .c9 .paper-copy h1 { margin: 22px 0; font-size: clamp(46px, 13vw, 62px); line-height: .93; }
  .c9 .paper-copy > p:not(.hand-note) { font-size: 16px; line-height: 1.65; }
  .c9 .paper-copy .btn-row { display: grid; grid-template-columns: 1fr; margin-top: 24px; }
  .c9 .paper-copy .btn-row { position:relative; isolation:isolate; }
  .c9 .btn-main, .c9 .btn-line { position:relative; z-index:2; width: 100%; min-height: 50px; }
  .c9 .btn-line { background:color-mix(in srgb,var(--paper) 68%,transparent); backdrop-filter:blur(1px); }
  .c9 .mobile-logo-backdrop {
    position:absolute;
    z-index:1;
    top:56px;
    left:50%;
    width:min(92vw,360px);
    aspect-ratio:1;
    display:block;
    pointer-events:none;
    opacity:.38;
    transform-origin:50% 16px;
    animation:paper-mobile-logo-swing 7.4s ease-in-out infinite;
  }
  .c9 .mobile-logo-backdrop img { width:100%; height:100%; object-fit:contain; }
  .c9 .paper-polaroid { display:none; }
  .c9 .hand-note { font-size: 23px; line-height: 1.2; }
  .c9 .paper-notes { padding: 8px 0 68px; gap: 18px; }
  .c9 .paper-note { min-height: 240px; padding: 24px; box-shadow: 6px 8px 16px var(--note-shadow); }
  .c9 .paper-note h2 { margin: 46px 0 10px; font-size: 30px; }
  .c9 .paper-skincare { padding: 68px 18px; gap: 46px; }
  .c9 .paper-skincare-intro h2 { font-size: clamp(40px, 12vw, 56px); line-height: .98; }
  .c9 .paper-skincare-intro p { font-size: 16px; }
  .c9 .paper-skincare-intro a { width:100%; min-height:54px; padding:10px 16px; align-items:center; margin-top:20px; text-align:center; }
  .c9 .paper-routine-list article { min-height: 0; padding: 22px 0; grid-template-columns: 62px minmax(0, 1fr); gap: 14px; }
  .c9 .paper-routine-list h3 { font-size: 27px; }
  .c9 .paper-routine-list p { font-size: 15px; }
  .c9 .paper-reels { padding: 68px 18px; }
  .c9 .paper-reels-title h2 { margin-bottom: 30px; font-size: clamp(40px, 12vw, 58px); }
  .c9 .paper-reel-board { gap: 18px; }
  .c9 .paper-reel { min-height: 230px; padding: 22px; box-shadow: 6px 6px 0 var(--reel-shadow); }
  .c9 .paper-reel strong { font-size: 28px; }
  .c9 .paper-final { padding: 68px 18px calc(68px + env(safe-area-inset-bottom)); }
  .c9 .paper-final h2 { font-size: clamp(38px, 11vw, 54px); }
  .c9 .paper-final a { width: 100%; max-width: 340px; min-height: 52px; align-items: center; justify-content: center; }
}

@keyframes paper-mobile-logo-swing {
  0%,100% { transform:translateX(-50%) rotate(1.2deg); }
  50% { transform:translateX(-50%) rotate(-1.2deg); }
}

@media (prefers-reduced-motion:reduce) {
  .c9 .mobile-logo-backdrop { animation:none; transform:translateX(-50%); }
}

@media (max-width: 420px) {
  .c9 .paper-header { width: calc(100% - 20px); }
  .c9 .paper-header .brand-logo { width: 50px; height: 50px; }
  .c9 .nav-book { padding-inline: 11px; font-size: 10px; }
  .c9 .paper-copy h1 { font-size: clamp(43px, 12.5vw, 54px); }
}