body.home-epic{
  --scroll-velocity:0;
  --hero-progress:0;
  --sequence-progress:0;
  --world-progress:0;
  --flow-progress:0;
  --offer-progress:0;
  --trust-progress:0;
  --partner-progress:0;
  --final-progress:0;
  background:
    radial-gradient(900px 550px at 10% 0%, rgba(255,255,255,.72), transparent 60%),
    radial-gradient(820px 520px at 100% 8%, rgba(245,223,205,.84), transparent 60%),
    linear-gradient(180deg, #fbf6f1 0%, #f6eee5 45%, #faf5ee 100%);
}

body.home-epic::before,
body.home-epic::after{
  content:"";
  position:fixed;
  inset:-20vh -20vw;
  pointer-events:none;
  z-index:-4;
  transition:
    opacity .6s ease,
    transform 1.2s ease;
}

body.home-epic::before{
  background:
    linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.32), transparent 72%);
  opacity:.16;
}

body.home-epic::after{
  background:none;
  mix-blend-mode:normal;
  opacity:0;
}

body.home-epic.director-ready .epic-section{
  transition:
    opacity .6s ease,
    transform .8s ease,
    filter .8s ease;
}

body.home-epic .epic-section{
  position:relative;
  isolation:isolate;
  opacity:calc(.46 + var(--section-focus, 1) * .54);
  transform:translate3d(0, var(--section-shift, 0px), 0) scale(var(--section-scale, 1));
  filter:saturate(calc(.97 + var(--section-focus, 1) * .04));
}

body.home-epic .epic-section::before,
body.home-epic .epic-section::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}

body.home-epic .epic-section::before{
  background:none;
}

body.home-epic .epic-section::after{
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,248,242,.12), transparent 34%);
  opacity:0;
  transition:opacity .45s ease;
}

body.home-epic .epic-section.has-pointer::after,
body.home-epic .has-pointer::after{
  opacity:1;
}

body.home-epic .section-centered{
  filter:saturate(1.04);
}

body.home-epic .epic-hero,
body.home-epic .epic-final{
  opacity:1;
  filter:none;
}

body.home-epic .epic-moods,
body.home-epic .epic-sequence,
body.home-epic .epic-world,
body.home-epic .epic-flow{
  transform:none!important;
}

[data-split]{
  overflow:hidden;
}

.split-line,
.split-word{
  display:inline-block;
  overflow:visible;
  vertical-align:top;
  padding-block:.12em;
  margin-block:-.12em;
}

.split-word{
  margin-right:.14em;
}

.split-word:last-child{
  margin-right:0;
}

.split-line{
  display:block;
}

.split-line-inner,
.split-word-inner{
  display:inline-block;
  transform:translate3d(0, 118%, 0);
  opacity:0;
  will-change:transform, opacity;
}

.split-visible .split-line-inner,
.split-visible .split-word-inner{
  transform:translate3d(0, 0, 0);
  opacity:1;
}

.split-line-inner{
  transition:
    transform .95s cubic-bezier(.2, .7, .1, 1),
    opacity .8s ease;
  transition-delay:calc(var(--split-index, 0) * 80ms);
}

.split-word-inner{
  transition:
    transform .8s cubic-bezier(.2, .7, .1, 1),
    opacity .7s ease;
  transition-delay:calc(var(--split-index, 0) * 38ms);
}

body.home-epic .topbar.epic-topbar{
  transition:
    transform .45s ease,
    background .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

body.home-epic .hero-copy{
  will-change:transform, opacity;
  max-width:680px;
  padding:0;
  border-radius:0;
  background:none;
  border:none;
  box-shadow:none;
}

body.home-epic .hero-copy .eyebrow{
  color:#6f4d3a;
  font-weight:700;
  letter-spacing:.2em;
}

body.home-epic .hero-copy .lead{
  font-size:clamp(24px, 2.35vw, 36px);
  max-width:18ch;
  color:#2a1811;
  font-weight:600;
  text-shadow:0 8px 24px rgba(255,255,255,.16);
}

body.home-epic .hero-stage{
  will-change:transform;
  transform-style:preserve-3d;
}

body.home-epic .hero-stage::before{
  content:"";
  position:absolute;
  inset:-2%;
  border-radius:inherit;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.24), transparent 34%);
  opacity:0;
  transition:opacity .45s ease;
}

body.home-epic .hero-stage.has-pointer::before{
  opacity:1;
}

body.home-epic .hero-stage-screen{
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(243,228,216,.5)),
    radial-gradient(circle at 50% 18%, rgba(255,250,246,.8), transparent 28%);
}

body.home-epic .hero-stage-aura{
}

body.home-epic .hero-stage-phrase{
  text-transform:uppercase;
  letter-spacing:.26em;
}

body.home-epic .hero-copy h1{
  color:#1f120d;
  text-shadow:0 14px 36px rgba(255,255,255,.18);
  max-width:10.5ch;
  line-height:.96;
  text-wrap:balance;
}

body.home-epic .hero-copy h1 span{
  color:#26150f;
  display:block;
  max-width:none;
  font-size:.9em;
  line-height:.98;
}

body.home-epic .hero-scroll-hint{
  transition:
    transform .45s ease,
    opacity .45s ease;
}

body.home-epic .epic-hero{
  overflow:clip;
}

body.home-epic .epic-hero::before{
  content:"";
  position:absolute;
  inset:auto 8% 14% 8%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(125,91,67,.26), transparent);
  opacity:.85;
  pointer-events:none;
}

body.home-epic .epic-statement{
  padding-top:120px;
}

body.home-epic .statement-copy h2{
  max-width:9ch;
}

body.home-epic .statement-side{
  align-content:start;
  row-gap:10px;
}

body.home-epic .statement-side span{
  position:relative;
  padding-left:22px;
}

body.home-epic .statement-side span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg, #f3d2b5, #b27f58);
  transform:translateY(-50%);
  box-shadow:0 0 0 6px rgba(242,214,191,.22);
}

body.home-epic .epic-moods{
  overflow:clip;
}

body.home-epic .mood-scene{
  gap:34px;
}

body.home-epic .mood-visual{
  position:sticky;
  top:118px;
  min-height:720px;
  border-radius:42px;
  box-shadow:
    0 45px 130px rgba(116,85,62,.14),
    inset 0 1px 0 rgba(255,255,255,.56);
}

body.home-epic .mood-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.2), transparent 33%);
  opacity:0;
  transition:opacity .4s ease;
}

body.home-epic .mood-visual.has-pointer::before{
  opacity:1;
}

body.home-epic .mood-track{
  gap:24px;
}

body.home-epic .mood-chapter{
  border-radius:34px;
  box-shadow:
    0 28px 78px rgba(100,72,54,.09),
    inset 0 1px 0 rgba(255,255,255,.7);
  background:rgba(255,255,255,.64);
}

body.home-epic .mood-chapter h3{
  max-width:9ch;
}

body.home-epic .mood-chapter.active{
  background:rgba(255,255,255,.82);
}

body.home-epic .epic-valuewall{
  padding-top:110px;
  padding-bottom:140px;
}

body.home-epic .valuewall-shell{
  position:relative;
  gap:14px;
}

body.home-epic .valuewall-shell::before,
body.home-epic .valuewall-shell::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(118,88,68,.24), transparent);
}

body.home-epic .valuewall-shell::before{
  top:-32px;
}

body.home-epic .valuewall-shell::after{
  bottom:-32px;
}

body.home-epic .valuewall-line{
  line-height:.86;
}

body.home-epic .epic-montage{
  overflow:clip;
}

body.home-epic .montage-shell{
  position:relative;
  gap:26px;
}

body.home-epic .montage-card{
  transform-style:preserve-3d;
  will-change:transform, opacity;
}

body.home-epic .montage-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.22), transparent 38%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .montage-card.has-pointer::before{
  opacity:1;
}

body.home-epic .montage-card::after{
  content:"";
  position:absolute;
  inset:auto 24px 18px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  opacity:.8;
}

body.home-epic .montage-card h3{
  max-width:9ch;
}

.epic-sequence{
  overflow:clip;
  padding-top:110px;
}

.sequence-shell{
  display:grid;
  grid-template-columns:minmax(0, 1.12fr) minmax(340px, .88fr);
  gap:30px;
  align-items:start;
}

.sequence-stage{
  position:sticky;
  top:118px;
  min-height:760px;
  padding:32px;
  border-radius:46px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(242,228,217,.68)),
    radial-gradient(circle at 50% 16%, rgba(255,247,239,.9), transparent 30%);
  border:1px solid rgba(143,109,88,.14);
  box-shadow:
    0 46px 150px rgba(114,84,64,.16),
    inset 0 1px 0 rgba(255,255,255,.76);
  transform:
    translate3d(0, var(--sequence-y, 0px), 0)
    scale(var(--sequence-scale, 1));
  will-change:transform;
  isolation:isolate;
}

.sequence-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.22), transparent 34%);
  opacity:0;
  transition:opacity .35s ease;
}

.sequence-stage.has-pointer::before{
  opacity:1;
}

.sequence-backdrop{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)),
    radial-gradient(circle at 50% 14%, rgba(255,246,238,.9), transparent 34%),
    linear-gradient(180deg, #f7efe7 0%, #f0dfd0 100%);
}

.sequence-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(123,95,73,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123,95,73,.07) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg, transparent, black 18%, black 82%, transparent);
  opacity:.32;
}

.sequence-aura{
  position:absolute;
  border-radius:50%;
  opacity:.88;
}

.sequence-aura.aura-a{
  left:10%;
  top:14%;
  width:240px;
  height:240px;
  background:radial-gradient(circle, rgba(255,239,225,.88), transparent 70%);
}

.sequence-aura.aura-b{
  right:8%;
  bottom:10%;
  width:280px;
  height:280px;
  background:radial-gradient(circle, rgba(241,219,198,.9), transparent 70%);
}

.sequence-installation{
  position:absolute;
  transition:
    opacity .7s ease,
    transform .8s cubic-bezier(.2, .7, .1, 1),
    filter .8s ease;
  will-change:transform, opacity;
}

.sequence-installation.installation-a{
  left:50%;
  bottom:12%;
  width:48%;
  height:18%;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.65), rgba(160,130,110,.28) 55%, rgba(95,66,48,.28) 100%);
  box-shadow:
    0 16px 60px rgba(100,73,56,.22),
    inset 0 8px 24px rgba(255,255,255,.5);
}

.sequence-installation.installation-b{
  left:50%;
  top:18%;
  width:42%;
  height:42%;
  transform:translateX(-50%);
  border-radius:999px 999px 0 0;
  border:16px solid rgba(88,61,45,.32);
  border-bottom:none;
  box-shadow:0 0 0 14px rgba(255,255,255,.22);
}

.sequence-installation.installation-c{
  left:14%;
  top:16%;
  width:24%;
  height:24%;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.94), rgba(210,194,182,.72) 48%, rgba(154,123,99,.36) 100%);
  box-shadow:
    36px 12px 0 -4px rgba(227,211,198,.82),
    66px 44px 0 6px rgba(235,225,216,.66),
    96px 14px 0 -12px rgba(225,212,199,.72);
}

.sequence-installation.installation-d{
  right:16%;
  bottom:18%;
  width:24%;
  height:24%;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.94), rgba(214,199,188,.72) 48%, rgba(154,123,99,.34) 100%);
  box-shadow:
    -34px 12px 0 -4px rgba(227,211,198,.82),
    -64px 40px 0 6px rgba(235,225,216,.66),
    -90px 4px 0 -10px rgba(225,212,199,.72);
}

.sequence-installation.installation-e{
  left:50%;
  top:36%;
  width:54%;
  height:24%;
  transform:translateX(-50%);
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.34), transparent 56%),
    linear-gradient(90deg, rgba(213,184,155,.16), rgba(255,255,255,.3), rgba(166,130,102,.12));
  opacity:.66;
}

.sequence-stage[data-sequence="1"] .installation-b{
  transform:translateX(-50%) rotate(-9deg) scale(.88);
  opacity:.58;
}

.sequence-stage[data-sequence="2"] .installation-c{
  transform:translate3d(16px, -24px, 0) scale(1.08);
}

.sequence-stage[data-sequence="3"] .installation-b{
  transform:translateX(-50%) scale(1.04);
}

.sequence-stage[data-sequence="3"] .installation-e{
  opacity:.86;
}

.sequence-stage[data-sequence="4"] .installation-d{
  transform:translate3d(-18px, -26px, 0) scale(1.1);
}

.sequence-stage[data-sequence="4"] .sequence-aura.aura-b{
  opacity:1;
}

.sequence-stage[data-sequence="5"] .installation-a{
  transform:translateX(-50%) scale(1.04);
}

.sequence-stage[data-sequence="5"] .installation-b{
  transform:translateX(-50%) scale(1.08);
}

.sequence-copy{
  position:absolute;
  left:34px;
  top:34px;
  z-index:2;
  display:grid;
  gap:18px;
}

.sequence-counter{
  display:flex;
  align-items:end;
  gap:14px;
  color:#4b3427;
}

.sequence-counter span{
  font-size:clamp(38px, 4vw, 64px);
  font-weight:500;
  line-height:.9;
  letter-spacing:-.08em;
}

.sequence-counter small{
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
}

.sequence-words{
  display:grid;
  gap:8px;
}

.sequence-words span{
  font-size:clamp(36px, 4.4vw, 74px);
  line-height:.9;
  letter-spacing:-.08em;
  color:rgba(74,54,42,.22);
  text-transform:lowercase;
  transition:
    transform .5s ease,
    opacity .45s ease,
    color .45s ease;
}

.sequence-words span.active{
  color:#2a1f19;
  transform:translateX(12px);
}

.sequence-panel-stack{
  position:absolute;
  right:30px;
  bottom:30px;
  width:min(36%, 330px);
  display:grid;
}

.sequence-float-card{
  grid-area:1 / 1;
  padding:20px 20px 22px;
  border-radius:28px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(130,98,74,.16);
  box-shadow:0 24px 56px rgba(104,74,55,.16);
  opacity:0;
  transform:translate3d(0, 36px, 0) scale(.95);
  transition:
    opacity .55s ease,
    transform .7s cubic-bezier(.2, .7, .1, 1);
}

.sequence-float-card strong{
  display:block;
  margin-top:10px;
  font-size:28px;
  line-height:1.04;
  letter-spacing:-.05em;
}

.sequence-float-card.active{
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
}

.sequence-track{
  display:grid;
  gap:16px;
  align-content:start;
  padding-top:120px;
  padding-bottom:120px;
}

.sequence-panel{
  min-height:58vh;
  padding:34px;
  border-radius:34px;
  border:1px solid rgba(135,104,80,.14);
  background:rgba(255,255,255,.58);
  box-shadow:0 26px 70px rgba(104,74,55,.08);
  display:grid;
  align-content:end;
  gap:14px;
  opacity:.36;
  transform:translate3d(0, 54px, 0);
  transition:
    opacity .45s ease,
    transform .55s ease,
    background .45s ease;
}

.sequence-panel span{
  font-size:15px;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#a57247;
}

.sequence-panel h3{
  margin:0;
  font-size:clamp(42px, 4vw, 70px);
  line-height:.92;
  letter-spacing:-.08em;
  max-width:8ch;
}

.sequence-panel.active{
  opacity:1;
  transform:translate3d(0, 0, 0);
  background:rgba(255,255,255,.82);
}

body.home-epic .epic-filmstrip{
  overflow:clip;
}

body.home-epic .filmstrip-shell{
  min-height:70vh;
}

body.home-epic .filmstrip-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.36), transparent 24%, transparent 76%, rgba(255,255,255,.46));
  pointer-events:none;
}

body.home-epic .filmstrip-track{
  font-size:clamp(60px, 8vw, 140px);
  opacity:.2;
}

body.home-epic .film-frame{
  overflow:hidden;
  border:1px solid rgba(140,108,84,.14);
  box-shadow:
    0 40px 110px rgba(100,73,57,.12),
    inset 0 0 0 1px rgba(255,255,255,.44);
}

body.home-epic .film-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.18), transparent 34%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .film-frame.has-pointer::before{
  opacity:1;
}

body.home-epic .world-shell{
  gap:34px;
  align-items:start;
}

body.home-epic .world-stage-sticky{
  top:118px;
}

body.home-epic .world-canvas-card{
  transform-style:preserve-3d;
  will-change:auto;
  transition:
    box-shadow .45s ease,
    border-color .45s ease;
}

body.home-epic .world-canvas-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.16), transparent 34%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .world-canvas-card.has-pointer::before{
  opacity:1;
}

body.home-epic .world-stage-copy{
}

body.home-epic .world-callout{
}

body.home-epic .world-panel{
  box-shadow:
    0 28px 76px rgba(105,75,56,.09),
    inset 0 1px 0 rgba(255,255,255,.72);
}

body.home-epic .world-panel h3{
  max-width:9ch;
}

body.home-epic .epic-flow{
  overflow:clip;
}

body.home-epic .flow-shell{
  gap:34px;
}

body.home-epic .flow-visual{
  top:118px;
  will-change:transform;
}

body.home-epic .flow-core{
  box-shadow:
    0 28px 90px rgba(110,80,60,.14),
    inset 0 1px 0 rgba(255,255,255,.78);
}

body.home-epic .flow-card{
  box-shadow:
    0 26px 72px rgba(103,74,55,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

body.home-epic .epic-flow .epic-section-head h2{
  max-width:12ch;
}

body.home-epic .flow-card b{
  font-size:14px;
  letter-spacing:.24em;
}

body.home-epic .epic-offers{
  overflow:clip;
}

body.home-epic .offer-card{
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
  min-height:420px;
  display:grid;
  align-content:start;
  gap:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,240,234,.76)),
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.92), transparent 28%);
}

body.home-epic .offer-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.18), transparent 36%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .offer-card::after{
  content:"";
  position:absolute;
  right:-28px;
  top:-28px;
  width:138px;
  height:138px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.82), rgba(232,205,180,.36) 58%, transparent 72%);
  pointer-events:none;
}

body.home-epic .offer-card .eyebrow{
  color:#8d6242;
}

body.home-epic .offer-card h3{
  max-width:8ch;
  color:#281712;
}

body.home-epic .offer-card.has-pointer::before{
  opacity:1;
}

body.home-epic .offer-card ul{
  gap:16px;
  margin-top:18px;
}

body.home-epic .offer-card li{
  padding-left:22px;
  position:relative;
}

body.home-epic .offer-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg, #f0c99c, #a7724c);
}

body.home-epic .offer-card .btn{
  margin-top:auto;
  align-self:start;
}

body.home-epic .offer-card.featured{
  transform:translateY(-10px);
  box-shadow:
    0 34px 90px rgba(116,84,61,.14),
    inset 0 1px 0 rgba(255,255,255,.78);
  background:
    radial-gradient(circle at 78% 14%, rgba(255,255,255,.82), transparent 22%),
    linear-gradient(160deg, rgba(244,223,200,.96), rgba(255,248,240,.9));
}

body.home-epic .epic-trust{
  overflow:clip;
}

body.home-epic .trust-marquee{
  border-radius:999px;
  overflow:hidden;
  box-shadow:
    0 20px 60px rgba(106,78,60,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

body.home-epic .trust-quote{
  position:relative;
  overflow:hidden;
}

body.home-epic .trust-quote::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.18), transparent 34%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .trust-quote.has-pointer::before{
  opacity:1;
}

body.home-epic .trust-quote strong{
  max-width:12ch;
}

body.home-epic .epic-partner{
  overflow:clip;
}

body.home-epic .partner-copy h2{
  max-width:11.8ch;
}

body.home-epic .partner-benefits span{
  min-height:120px;
  display:flex;
  align-items:flex-end;
  padding:20px 18px;
  font-size:18px;
  line-height:1.18;
}

body.home-epic .partner-visual{
  transform-style:preserve-3d;
  transition:
    box-shadow .45s ease,
    border-color .45s ease;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,245,234,.98), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.7), rgba(244,233,224,.84));
}

body.home-epic .partner-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.18), transparent 38%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .partner-visual.has-pointer::before{
  opacity:1;
}

body.home-epic .partner-visual-card strong{
  display:block;
  margin-top:10px;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.05em;
}

body.home-epic .epic-final{
  overflow:clip;
}

body.home-epic .final-shell{
  will-change:transform;
}

body.home-epic .final-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%), rgba(255,255,255,.2), transparent 38%);
  opacity:0;
  transition:opacity .35s ease;
}

body.home-epic .final-shell.has-pointer::before{
  opacity:1;
}

body.home-epic .final-copy{
  max-width:840px;
}

body.home-epic .final-copy h2{
  max-width:11ch;
  margin-inline:auto;
}

body.home-epic .epic-footer{
  position:relative;
  overflow:hidden;
}

body.home-epic .epic-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(120,88,64,.24), transparent);
}

body.home-epic .btn.big{
  min-height:64px;
}

body.home-epic .btn.soft,
body.home-epic .btn.accent{
  transition:
    transform .3s ease,
    box-shadow .35s ease,
    background .35s ease,
    border-color .35s ease,
    opacity .35s ease;
}

body.home-epic .btn.soft:hover,
body.home-epic .btn.accent:hover{
  box-shadow:0 24px 56px rgba(104,76,58,.16);
}

body.home-epic .hero-actions{
  margin-top:10px;
}

body.home-epic .hero-actions .btn.accent{
  box-shadow:0 24px 52px rgba(158,110,70,.22);
}

body.home-epic .hero-actions .btn.soft{
  background:rgba(255,255,255,.86);
  border-color:rgba(126,92,69,.16);
  color:#24150f;
  box-shadow:0 20px 44px rgba(104,76,58,.12);
  opacity:1;
}

body.home-epic .montage-actions,
body.home-epic .flow-actions,
body.home-epic .final-actions{
  margin-top:34px;
}

body.home-epic .montage-actions .btn.soft,
body.home-epic .flow-actions .btn.soft,
body.home-epic .final-actions .btn.soft{
  opacity:.92;
}

body.home-epic .hero-stage-phrase{
  transition:
    transform .7s ease,
    opacity .7s ease,
    color .7s ease;
}

body.home-epic .epic-section{
  transform:
    translate3d(0, var(--section-shift, 0px), 0)
    scale(calc(var(--section-scale, 1) * var(--breath-scale, 1)));
  opacity:calc((.46 + var(--section-focus, 1) * .54) * var(--breath-opacity, 1));
}

body.home-epic .hero-copy,
body.home-epic .statement-copy,
body.home-epic .statement-side,
body.home-epic .mood-track,
body.home-epic .valuewall-shell,
body.home-epic .montage-shell,
body.home-epic .sequence-track,
body.home-epic .world-track,
body.home-epic .flow-track,
body.home-epic .offers-shell,
body.home-epic .trust-shell,
body.home-epic .partner-copy,
body.home-epic .final-copy{
  position:relative;
  z-index:2;
}

body.home-epic .hero-copy::after,
body.home-epic .statement-copy::after,
body.home-epic .partner-copy::after,
body.home-epic .final-copy::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:-22px;
  width:110px;
  height:1px;
  background:linear-gradient(90deg, rgba(119,89,68,.28), transparent);
}

body.home-epic .final-copy::after{
  left:50%;
  right:auto;
  transform:translateX(-50%);
}

body.home-epic .statement-copy::after{
  bottom:-30px;
}

body.home-epic .partner-copy::after{
  bottom:-28px;
}

body.home-epic .final-copy::after{
  bottom:-28px;
}

body.home-epic .hero-copy .soft-guide{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:max-content;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(132,98,74,.14);
  box-shadow:0 18px 40px rgba(105,77,59,.09);
}

body.home-epic .hero-copy .soft-guide::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:linear-gradient(135deg, #f2c9a0, #af7b4f);
  box-shadow:0 0 0 6px rgba(242,214,190,.18);
}

body.home-epic .hero-copy .soft-guide.hidden{
  display:none;
}

body.home-epic .sequence-track,
body.home-epic .world-track,
body.home-epic .flow-track{
  position:relative;
}

body.home-epic .sequence-track::before,
body.home-epic .world-track::before,
body.home-epic .flow-track::before{
  content:"";
  position:absolute;
  left:-18px;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(126,95,72,.18) 12%, rgba(126,95,72,.18) 88%, transparent);
}

body.home-epic .sequence-panel::before,
body.home-epic .world-panel::before,
body.home-epic .flow-card::before{
  content:"";
  position:absolute;
  left:-27px;
  top:38px;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid rgba(126,95,72,.22);
  background:rgba(255,255,255,.86);
  box-shadow:0 0 0 6px rgba(248,239,232,.7);
}

body.home-epic .sequence-panel.active::before,
body.home-epic .world-panel.active::before,
body.home-epic .flow-card.active::before{
  background:linear-gradient(135deg, #f1c89c, #af7748);
  border-color:transparent;
}

body.home-epic .epic-section-head{
  gap:10px;
  margin-bottom:38px;
}

body.home-epic .epic-section-head h2{
  max-width:12ch;
  font-size:clamp(54px, 7vw, 102px);
  line-height:1;
  letter-spacing:-.045em;
  text-wrap:balance;
  overflow:visible;
}

body.home-epic .epic-section-head .eyebrow{
  opacity:.74;
}

body.home-epic .footer-links a{
  position:relative;
}

body.home-epic .site-footer.epic-footer{
  padding-top:30px;
  padding-bottom:30px;
}

body.home-epic .montage-card,
body.home-epic .offer-card,
body.home-epic .trust-quote,
body.home-epic .partner-visual,
body.home-epic .sequence-stage,
body.home-epic .world-canvas-card,
body.home-epic .final-shell{
  background-clip:padding-box;
}

body.home-epic .footer-links a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-2px;
  height:1px;
  background:currentColor;
  transition:right .35s ease;
  opacity:.42;
}

body.home-epic .footer-links a:hover::after{
  right:0;
}

body.home-epic .epic-section{
  transition:opacity .7s ease, transform .8s cubic-bezier(.22,.68,.16,1), filter .7s ease;
}

body.home-epic .epic-hero::after,
body.home-epic .epic-moods::after,
body.home-epic .epic-montage::after,
body.home-epic .epic-sequence::after,
body.home-epic .epic-world::after,
body.home-epic .epic-flow::after,
body.home-epic .epic-trust::after,
body.home-epic .epic-partner::after,
body.home-epic .epic-final::after{
  content:"";
  position:absolute;
  inset:auto 10% -40px;
  height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(247,240,233,.4));
  pointer-events:none;
}

body.home-epic .world-canvas-card{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,251,245,.78), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(245,234,226,.46));
}

body.home-epic .epic-world .epic-section-head h2,
body.home-epic .epic-world .world-title{
  max-width:11ch;
  color:#251712;
  text-shadow:0 10px 34px rgba(255,255,255,.22);
}

body.home-epic .world-section-head{
  text-align:left;
  margin-bottom:28px;
}

body.home-epic .world-stage-copy{
  background:rgba(255,255,255,.72);
  border-radius:26px;
  padding:20px 22px;
  border:1px solid rgba(133,101,77,.14);
  box-shadow:0 20px 54px rgba(104,76,58,.12);
}

body.home-epic .world-callout{
  background:rgba(255,255,255,.76);
  border-radius:22px;
  box-shadow:0 18px 46px rgba(103,75,56,.1);
}

.epic-examples{
  padding-top:26px;
}

.examples-section-head{
  margin-bottom:18px;
}

.examples-shell{
  display:grid;
  grid-template-columns:minmax(0, .96fr) minmax(320px, .78fr);
  gap:20px;
  align-items:start;
  max-width:1260px;
  margin-inline:auto;
}

.examples-spotlight{
  position:sticky;
  top:104px;
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.88), rgba(244,234,226,.72)),
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.95), transparent 28%);
  border:1px solid rgba(128,97,74,.12);
  box-shadow:0 20px 56px rgba(98,70,51,.1);
  overflow:hidden;
}

.examples-spotlight::before{
  content:"";
  position:absolute;
  inset:-18% auto auto -10%;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,233,218,.9), transparent 70%);
  opacity:.55;
  pointer-events:none;
}

.examples-spotlight-media{
  position:relative;
  min-height:400px;
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,232,224,.72));
  border:1px solid rgba(134,102,76,.14);
}

.examples-stack-card{
  position:absolute;
  inset:32px auto auto 32px;
  width:46%;
  aspect-ratio:1 / 1.1;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(133,100,74,.14);
  background:rgba(255,255,255,.54);
  box-shadow:0 20px 58px rgba(91,64,47,.12);
  pointer-events:none;
}

.examples-stack-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.82;
  filter:saturate(.92);
}

.examples-stack-card.stack-back-a{
  transform:translate3d(14px, 22px, 0) rotate(-6deg) scale(.9);
  opacity:.7;
}

.examples-stack-card.stack-back-b{
  left:auto;
  right:28px;
  top:36px;
  width:34%;
  transform:translate3d(0, 12px, 0) rotate(7deg) scale(.84);
  opacity:.58;
}

.examples-stage-aura{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:none;
}

.examples-stage-aura.aura-a{
  width:320px;
  height:320px;
  left:-40px;
  top:-26px;
  background:radial-gradient(circle, rgba(255,235,219,.88), transparent 72%);
}

.examples-stage-aura.aura-b{
  width:260px;
  height:260px;
  right:-24px;
  bottom:-34px;
  background:radial-gradient(circle, rgba(227,221,255,.56), transparent 74%);
}

.examples-spotlight-frame{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  height:100%;
  padding:14px;
}

.examples-spotlight-frame img{
  width:100%;
  height:100%;
  min-height:368px;
  object-fit:cover;
  border-radius:20px;
  box-shadow:0 16px 42px rgba(90,62,45,.14);
  transition:transform .55s ease, opacity .45s ease;
}

.examples-spotlight.is-swapping .examples-spotlight-frame img{
  transform:scale(1.012);
}

.examples-spotlight-controls{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.examples-spotlight-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(133,100,74,.14);
  color:#5a4032;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:0 18px 44px rgba(97,70,52,.14);
}

.examples-spotlight-nav{
  border:none;
  cursor:pointer;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(133,100,74,.14);
  color:#5f4536;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(97,70,52,.12);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.examples-spotlight-nav:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 40px rgba(97,70,52,.16);
}

.examples-spotlight-copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
}

.examples-spotlight-topline{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.examples-tier-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(133,100,74,.16);
  color:#5e3d2c;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.examples-tier-pill[data-tier="premium"]{
  background:linear-gradient(135deg, rgba(246,226,198,.92), rgba(233,194,150,.82));
}

.examples-tier-pill[data-tier="custom"]{
  background:linear-gradient(135deg, rgba(240,226,255,.9), rgba(224,204,244,.82));
}

.examples-tier-pill[data-tier="basic"]{
  background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(240,234,229,.84));
}

.examples-spotlight-copy h3{
  margin:0;
  font-size:clamp(24px, 2.6vw, 40px);
  line-height:1;
  letter-spacing:-.07em;
}

.examples-spotlight-copy p{
  margin:0;
  max-width:38ch;
  font-size:14px;
  line-height:1.52;
  color:#654c3f;
}

.examples-main-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.examples-main-facts{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
}

.examples-main-facts article{
  display:grid;
  gap:4px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(133,100,74,.12);
  box-shadow:0 10px 20px rgba(97,70,52,.05);
}

.examples-main-facts strong{
  font-size:18px;
  line-height:1;
  letter-spacing:-.05em;
  color:#312018;
}

.examples-main-facts span{
  color:#6d5445;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.45;
}

.examples-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(133,100,74,.14);
  color:#6a4f40;
  font-size:10px;
  letter-spacing:.08em;
}

.examples-spotlight-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  padding-top:4px;
  align-items:center;
}

.examples-inline-note{
  color:#7a6152;
  font-size:11px;
  letter-spacing:.02em;
  line-height:1.55;
}

.examples-browser{
  display:grid;
  gap:14px;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(246,238,232,.68));
  border:1px solid rgba(131,100,77,.12);
  box-shadow:0 16px 36px rgba(97,70,52,.06);
}

.examples-browser-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}

.examples-browser-head strong{
  display:block;
  margin-top:8px;
  font-size:20px;
  line-height:1;
  letter-spacing:-.05em;
  color:#2d1b14;
}

.examples-browser-head small{
  color:#806353;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.examples-filterbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.examples-filter{
  border:none;
  cursor:pointer;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(131,100,77,.12);
  color:#5a4437;
  box-shadow:0 8px 18px rgba(97,70,52,.05);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}

.examples-filter:hover,
.examples-filter.is-active{
  transform:translateY(-1px);
  background:linear-gradient(135deg, rgba(247,232,215,.94), rgba(236,214,188,.84));
  color:#352018;
  box-shadow:0 20px 42px rgba(97,70,52,.14);
}

.examples-carousel-shell{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  perspective:1800px;
  perspective-origin:50% 34%;
}

.examples-carousel-viewport{
  position:relative;
  width:100%;
  height:380px;
  display:grid;
  place-items:center;
  overflow:visible;
}

.examples-carousel{
  position:relative;
  width:min(100%, 260px);
  height:320px;
  transform-style:preserve-3d;
  will-change:transform;
  transition:none;
}

.examples-carousel-cell{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}

.examples-carousel-card{
  position:absolute;
  inset:0;
  display:block;
  padding:0;
  border:none;
  cursor:default;
  text-align:left;
  border-radius:24px;
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  will-change:filter;
  transition:none;
}

.examples-carousel-face{
  position:absolute;
  inset:0;
  display:block;
  border-radius:24px;
  overflow:hidden;
  backface-visibility:hidden;
  border:1px solid rgba(131,100,77,.14);
  box-shadow:
    0 28px 64px rgba(97,70,52,.16),
    inset 0 1px 0 rgba(255,255,255,.2);
  background:rgba(255,255,255,.8);
}

.examples-carousel-face--back{
  transform:rotateY(180deg);
}

.examples-carousel-face img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.examples-carousel-copy{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  display:grid;
  gap:6px;
  padding:12px 14px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78));
  border:1px solid rgba(131,100,77,.12);
  box-shadow:0 10px 30px rgba(92,67,49,.08);
  transform:translateZ(14px);
}

.examples-carousel-copy strong{
  font-size:15px;
  line-height:1.12;
  letter-spacing:-.04em;
  color:#2f1d16;
}

.examples-carousel-copy small{
  color:#866756;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.examples-carousel-floor{
  position:absolute;
  left:50%;
  bottom:30px;
  width:min(68%, 280px);
  height:28px;
  border-radius:999px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(194,157,129,.22), rgba(194,157,129,0) 72%);
  pointer-events:none;
}

.examples-browser-note{
  color:#7c6152;
  font-size:11px;
  letter-spacing:.02em;
  line-height:1.5;
  text-align:center;
}

.examples-carousel-cell[data-offset="0"] .examples-carousel-card{
  opacity:1;
  filter:none;
}

.examples-carousel-cell[data-offset="1"] .examples-carousel-card,
.examples-carousel-cell[data-offset="-1"] .examples-carousel-card{
  opacity:1;
  filter:none;
}

.examples-carousel-cell[data-offset="2"] .examples-carousel-card,
.examples-carousel-cell[data-offset="-2"] .examples-carousel-card{
  opacity:1;
  filter:none;
}

body.home-epic .examples-shell{
  width:min(100%, 100vw);
  max-width:none;
  margin-inline:calc(50% - 50vw);
}

body.home-epic #examples.epic-section{
  padding-top:32px;
  padding-bottom:44px;
}

body.home-epic .examples-scene{
  position:relative;
  min-height:68vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:none;
  border:none;
}

body.home-epic .examples-scene::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(255,255,255,.12), transparent 28%);
  pointer-events:none;
}

body.home-epic .examples-scene-copy{
  position:absolute;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
  margin-bottom:24px;
}

body.home-epic .examples-scene-copy h2{
  margin:0;
  font-size:clamp(30px, 4vw, 58px);
  line-height:1;
  letter-spacing:-.045em;
}

body.home-epic .examples-codrops-stage{
  position:relative;
  width:100%;
  height:68vh;
  perspective:1200px;
  display:flex;
  justify-content:center;
  align-items:center;
}

body.home-epic .examples-codrops-carousel{
  width:940px;
  height:612px;
  position:absolute;
  top:46%;
  left:50%;
  margin:-306px 0 0 -470px;
  transform-style:preserve-3d;
  will-change:transform;
  transition:none;
}

body.home-epic .examples-codrops-carousel .examples-carousel-cell{
  position:absolute;
  width:840px;
  height:516px;
  left:50px;
  top:48px;
  transform-style:preserve-3d;
}

body.home-epic .examples-codrops-carousel .examples-carousel-card{
  position:relative;
  width:100%;
  height:100%;
  border-radius:10px;
  transform-style:preserve-3d;
  transform-origin:50% 50%;
}

body.home-epic .examples-codrops-carousel .examples-carousel-face{
  border-radius:18px;
  box-shadow:
    0 34px 84px rgba(84,57,42,.2),
    inset 0 1px 0 rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.74), rgba(247,240,235,.54));
  border:1px solid rgba(126,92,69,.14);
}

body.home-epic .examples-codrops-carousel .examples-carousel-face img{
  object-fit:contain;
  padding:10px;
  background:transparent;
}

@media (max-width: 1080px){
  body.home-epic #examples.epic-section{
    padding-top:26px;
    padding-bottom:36px;
  }

  body.home-epic .examples-scene-copy{
    top:10px;
  }

  body.home-epic .examples-codrops-carousel{
    width:320px;
    height:220px;
    margin:-110px 0 0 -160px;
  }

  body.home-epic .examples-codrops-carousel .examples-carousel-cell{
    width:280px;
    height:172px;
    left:20px;
    top:24px;
  }
}

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

.examples-card{
  display:grid;
  gap:10px;
  padding:12px;
  border:none;
  text-align:left;
  cursor:pointer;
  border-radius:20px;
  background:rgba(255,255,255,.8);
  border:1px solid rgba(131,100,77,.12);
  box-shadow:0 10px 22px rgba(97,70,52,.05);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
}

.examples-card:hover,
.examples-card.is-active{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(97,70,52,.08);
  border-color:rgba(175,122,82,.22);
}

.examples-card[data-accent="wedding"].is-active{
  background:linear-gradient(145deg, rgba(255,255,255,.88), rgba(242,234,223,.82));
}

.examples-card[data-accent="baby"].is-active{
  background:linear-gradient(145deg, rgba(255,249,251,.9), rgba(243,236,255,.82));
}

.examples-card[data-accent="corporate"].is-active{
  background:linear-gradient(145deg, rgba(244,246,251,.92), rgba(227,232,243,.86));
}

.examples-card[data-accent="reveal"].is-active{
  background:linear-gradient(145deg, rgba(255,248,247,.92), rgba(245,235,255,.84));
}

.examples-card-image{
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(239,228,219,.74));
}

.examples-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.examples-spotlight-frame{
  cursor:pointer;
}

.examples-card-copy{
  display:grid;
  gap:8px;
}

.examples-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.examples-card-tier{
  color:#8b694d;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.examples-card strong{
  font-size:16px;
  line-height:1.12;
  letter-spacing:-.045em;
  color:#2f1d16;
}

.examples-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(104px, 124px);
  gap:10px;
  overflow:auto hidden;
  margin-top:12px;
  padding:2px 4px 2px 0;
  scrollbar-width:none;
}

.examples-rail::-webkit-scrollbar{
  display:none;
}

.examples-rail-item{
  display:grid;
  gap:6px;
  border:none;
  cursor:pointer;
  background:none;
  padding:0;
  text-align:left;
}

.examples-rail-item img{
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(132,100,75,.12);
  box-shadow:0 10px 22px rgba(97,70,52,.06);
  transition:transform .22s ease, box-shadow .22s ease;
}

.examples-rail-item span{
  padding-left:4px;
  color:#695245;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.examples-rail-item:hover img,
.examples-rail-item.is-active img{
  transform:translateY(-2px);
  box-shadow:0 22px 52px rgba(97,70,52,.16);
}

.examples-rail-item.is-active span{
  color:#352118;
}

body.home-epic .world-stage-shell{
  min-height:calc(100vh + 42vh);
}

body.home-epic .world-stage-sticky{
  min-height:calc(100vh - 124px);
}

body.home-epic .world-canvas-card{
  min-height:calc(100vh - 124px);
  height:calc(100vh - 124px);
}

body.home-epic .world-track{
  padding-top:0;
}

body.home-epic .world-panel{
  min-height:calc(100vh - 188px);
}

body.home-epic .trust-marquee-track,
body.home-epic .filmstrip-track{
  animation-duration:44s;
}

body.home-epic .flow-card,
body.home-epic .world-panel,
body.home-epic .sequence-panel{
  background:rgba(255,255,255,.66);
}

body.home-epic .partner-shell{
  background:none;
  border:none;
  box-shadow:none;
}

body.home-epic .partner-section-head{
  margin-bottom:30px;
}

body.home-epic .partner-section-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

body.home-epic .partner-section-head .eyebrow::before{
  content:"";
  width:36px;
  height:1px;
  background:linear-gradient(90deg, rgba(180,130,88,.8), transparent);
}

@media (max-width: 1180px){
  .examples-shell{
    grid-template-columns:1fr;
  }

  .examples-spotlight{
    position:relative;
    top:auto;
  }

  .examples-main-facts{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px){
  .examples-spotlight-media{
    min-height:420px;
  }

  .examples-spotlight-frame img{
    min-height:376px;
  }

  .examples-stack-card{
    display:none;
  }

  .examples-main-facts{
    grid-template-columns:1fr;
  }

  .examples-browser-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .examples-spotlight-controls{
    left:18px;
    right:18px;
    bottom:18px;
  }

  .examples-carousel-shell{
    min-height:340px;
  }

  .examples-carousel-viewport{
    height:300px;
  }

  .examples-carousel{
    width:min(100%, 220px);
    height:270px;
  }
}

@media (max-width: 1500px){
  .sequence-shell{
    grid-template-columns:1fr .92fr;
  }

  .sequence-stage{
    min-height:700px;
  }
}

@media (max-width: 1320px){
  .sequence-shell{
    grid-template-columns:1fr;
  }

  .sequence-stage{
    position:relative;
    top:auto;
    min-height:660px;
  }

  .sequence-track{
    padding-top:16px;
    padding-bottom:0;
  }

  .sequence-panel{
    min-height:auto;
  }

  body.home-epic .mood-visual,
  body.home-epic .world-stage-sticky,
  body.home-epic .flow-visual{
    top:108px;
  }
}

@media (max-width: 1080px){
  .sequence-panel-stack{
    width:min(44%, 300px);
  }

  .sequence-copy{
    left:24px;
    top:24px;
  }

  .sequence-panel{
    padding:28px;
  }

  body.home-epic .partner-benefits span{
    min-height:80px;
  }
}

@media (max-width: 920px){
  body.home-epic .hero-copy::after,
  body.home-epic .statement-copy::after,
  body.home-epic .partner-copy::after{
    display:none;
  }

  .sequence-stage{
    min-height:620px;
    padding:22px;
  }

  .sequence-panel-stack{
    left:22px;
    right:22px;
    width:auto;
    bottom:22px;
  }

  .sequence-copy{
    left:22px;
    right:22px;
  }

  .sequence-words span{
    font-size:clamp(28px, 8vw, 56px);
  }

  .sequence-installation.installation-b{
    width:56%;
    height:40%;
  }

  .sequence-installation.installation-a{
    width:58%;
  }

  .sequence-installation.installation-c,
  .sequence-installation.installation-d{
    width:26%;
    height:22%;
  }

  body.home-epic .sequence-track::before,
  body.home-epic .world-track::before,
  body.home-epic .flow-track::before,
  body.home-epic .sequence-panel::before,
  body.home-epic .world-panel::before,
  body.home-epic .flow-card::before{
    display:none;
  }

  body.home-epic .mood-visual,
  body.home-epic .world-stage-sticky,
  body.home-epic .flow-visual{
    top:auto;
    min-height:auto;
  }

  body.home-epic .world-stage-shell{
    min-height:auto;
  }

  body.home-epic .world-canvas-card{
    min-height:620px;
    height:auto;
  }
}

@media (max-width: 720px){
  .sequence-stage{
    min-height:560px;
  }

  .sequence-counter{
    gap:10px;
  }

  .sequence-counter span{
    font-size:34px;
  }

  .sequence-float-card strong{
    font-size:24px;
  }

  .sequence-panel h3{
    font-size:clamp(32px, 10vw, 48px);
  }
}

@media (max-width: 640px){
  body.home-epic::before,
  body.home-epic::after{
    inset:-10vh -10vw;
  }

  .epic-particle-veil{
    display:none;
  }

  .epic-river-canvas,
  .epic-scene-scrim{
    display:none;
  }

  .sequence-stage{
    min-height:520px;
    border-radius:32px;
  }

  .sequence-aura.aura-a{
    width:180px;
    height:180px;
  }

  .sequence-aura.aura-b{
    width:220px;
    height:220px;
  }

  .sequence-installation.installation-b{
    width:62%;
    height:38%;
    border-width:12px;
  }

  .sequence-installation.installation-a{
    width:64%;
    height:16%;
  }

  .sequence-installation.installation-c,
  .sequence-installation.installation-d{
    width:28%;
    height:18%;
  }

  .sequence-float-card{
    padding:16px 16px 18px;
  }

  .sequence-panel{
    padding:22px;
    border-radius:24px;
  }

  body.home-epic .trust-marquee{
    border-radius:28px;
  }
}

@media (prefers-reduced-motion: reduce){
  body.home-epic::before,
  body.home-epic::after,
  .split-line-inner,
  .split-word-inner,
  .sequence-installation,
  .sequence-float-card,
  .sequence-panel,
  .montage-card,
  .world-canvas-card,
  .world-callout,
  .flow-card,
  .partner-visual,
  .partner-visual-card,
  .final-shell,
  .scrim-caption,
  .scrim-aura{
    transition:none!important;
    transform:none!important;
  }
}