:root{--ink:#0b0b0c;--ivory:#f1ede5;--paper:#e7e0d4;--gold:#b99155;--gold2:#c8aa77;--blue:#111b34;--line:rgba(185,145,85,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Inter,system-ui,sans-serif;font-weight:300;line-height:1.65}
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem 4vw;color:var(--ivory);background:linear-gradient(to bottom,rgba(7,7,8,.85),rgba(7,7,8,.2),transparent)}
.brand{display:flex;align-items:center;gap:.9rem;color:inherit;text-decoration:none}.brand-mark,.closing-mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.2rem;font-style:italic;color:var(--gold2);letter-spacing:-.12em}.brand-name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.1rem;letter-spacing:.24em}
.site-nav{display:flex;gap:2rem}.site-nav a,.text-link{color:inherit;text-decoration:none;font-size:.83rem;letter-spacing:.04em}.site-nav a:hover,.text-link:hover{color:var(--gold2)}.menu-toggle{display:none;border:0;background:none;color:inherit;font-size:1.5rem}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:8rem 7vw 5rem;color:var(--ivory);background:url("assets/hero-hourglass.jpg") center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,7,.94),rgba(6,6,7,.74) 34%,rgba(6,6,7,.2) 62%,rgba(6,6,7,.05))}.hero-copy{position:relative;z-index:2;width:min(650px,46vw);margin-top:2rem}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.22em;font-weight:500;text-transform:uppercase}.eyebrow{color:var(--gold2);margin-bottom:1.4rem}
.hero h1,.section h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;line-height:.98;margin:0}.hero h1{font-size:clamp(3.25rem,5.7vw,6.5rem)}.hero h1 span{display:block;margin-top:.16em;color:var(--paper)}.hero-tagline{max-width:34rem;margin:2rem 0 1.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.3rem;font-style:italic;color:var(--gold2)}.text-link{display:inline-flex;gap:.7rem;padding-top:1rem;border-top:1px solid var(--line)}
.section{position:relative;overflow:hidden;padding:clamp(6rem,10vw,10rem) 7vw}.section.light{background:linear-gradient(135deg,#f3efe8,#e8e1d6)}.section.dark{color:var(--paper);background:radial-gradient(circle at 75% 35%,#1e2332,#111216 38%,#09090a 100%)}
.section-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3.1fr);gap:4rem;max-width:1280px;margin:auto}.section-kicker{padding-top:.7rem;color:#6f675d}.section-kicker.gold{color:var(--gold2)}.section-content{max-width:760px}.section h2{font-size:clamp(3.2rem,5.4vw,5.6rem);letter-spacing:-.025em}.lead{margin:2rem 0 1.3rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.65rem,2.3vw,2.3rem);line-height:1.25}
.watermark{position:absolute;pointer-events:none;background:url("assets/sr-brooch-watermark.png") center/contain no-repeat;opacity:.12}.brooch-one{width:62vw;height:62vw;right:-20vw;top:-7vw;transform:rotate(-3deg)}.brooch-two{width:52vw;height:52vw;left:-18vw;bottom:-10vw;transform:rotate(5deg)}
.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.split-copy{max-width:680px;margin-left:auto}.quote{margin-top:2rem;color:var(--gold2);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;font-style:italic}
.abstract-panel{min-height:560px;border:1px solid rgba(185,145,85,.38);border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(185,145,85,.16),transparent 26%),repeating-radial-gradient(ellipse at center,rgba(185,145,85,.2) 0 2px,transparent 2px 19px),#11141c;box-shadow:inset 0 0 80px rgba(0,0,0,.55)}.abstract-panel span{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,5vw,5rem);letter-spacing:.15em;color:var(--gold2)}.abstract-panel small{margin-top:1rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(241,237,229,.68)}
.detail-lines{margin-top:2.6rem;display:grid;gap:.9rem;color:#5f584e;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;font-style:italic}.detail-lines span{padding-bottom:.45rem;border-bottom:1px solid rgba(95,88,78,.25)}
.genesis{min-height:820px;display:grid;place-items:center}.genesis-inner{width:min(880px,100%);text-align:center}.genesis-inner .lead{margin-inline:auto;max-width:680px}.genesis-inner>p:not(.lead){max-width:700px;margin-inline:auto}.capsule-outline{position:relative;width:min(320px,70vw);aspect-ratio:.58;margin:4rem auto 0;border:1px solid var(--gold);border-radius:999px;opacity:.78}.capsule-line.inner{position:absolute;inset:12px;border:1px solid rgba(185,145,85,.66);border-radius:inherit}.capsule-star,.capsule-pin{position:absolute;left:50%;transform:translateX(-50%);color:var(--gold2)}.capsule-star{top:-22px;font-size:2.5rem}.capsule-pin{bottom:-30px;font-size:3rem;line-height:1}
.coming-soon{margin-top:3rem;display:flex;align-items:center;gap:1.25rem;font-size:.72rem;letter-spacing:.18em;color:#6e665c}.coming-soon .line{height:1px;flex:1;background:rgba(110,102,92,.3)}
.closing{min-height:70vh;display:grid;place-items:center;align-content:center;gap:1rem;text-align:center;color:var(--paper);background:radial-gradient(circle at center,rgba(17,27,52,.9),rgba(8,8,9,1) 70%)}.closing-mark{font-size:8rem}.closing p{margin:0;max-width:760px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.1}.closing>span{color:var(--gold2);font-size:.72rem;letter-spacing:.3em}
.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 7vw;background:#070708;color:rgba(241,237,229,.58);font-size:.76rem;border-top:1px solid rgba(185,145,85,.18)}
@media(max-width:900px){.site-header{padding:1rem 1.2rem}.brand-name{display:none}.menu-toggle{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:0;background:rgba(8,8,9,.97)}.site-nav.open{display:flex}.site-nav a{padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.07)}.hero{min-height:92svh;padding:8rem 1.3rem 4rem;background-position:62% center}.hero-copy{width:min(92vw,620px)}.hero h1{font-size:clamp(3rem,12vw,5rem)}.section{padding:5.5rem 1.3rem}.section-grid,.split-section{grid-template-columns:1fr;gap:1.5rem}.split-copy{margin:0}.abstract-panel{min-height:420px}.watermark{opacity:.08}.brooch-one,.brooch-two{width:100vw;height:100vw}.brooch-one{right:-45vw;top:5vw}.brooch-two{left:-45vw;bottom:5vw}.site-footer{flex-direction:column}}


/* --- Prototype 02 refinements --- */
.hero-copy{
  padding:1.4rem 1.4rem 1.6rem 0;
}
.hero h1{
  text-shadow:0 2px 14px rgba(0,0,0,.35);
}
.hero h1::before,
.hero h1::after{
  content:none !important;
}
.site-header{
  background:linear-gradient(to bottom,rgba(6,6,8,.93),rgba(6,6,8,.72) 65%,rgba(6,6,8,.16));
}
.site-nav{
  gap:1.5rem;
}
.site-nav a{
  opacity:.88;
}
.brand-mark{
  font-size:2rem;
  color:var(--gold2);
}
.brand-name{
  font-size:.95rem;
  letter-spacing:.26em;
  opacity:.9;
}

.genesis-product{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:7vw;
  align-items:center;
  min-height:860px;
}
.genesis-copy{
  max-width:680px;
  margin-left:auto;
}
.genesis-copy .lead{
  max-width:620px;
}
.genesis-note{
  margin-top:1.8rem;
  color:rgba(231,224,212,.6);
  font-size:.82rem;
  letter-spacing:.04em;
}
.genesis-visual{
  display:flex;
  justify-content:center;
}
.capsule-frame{
  position:relative;
  width:min(520px,42vw);
  aspect-ratio:.78;
  padding:18px;
  border:1px solid var(--gold);
  border-radius:46% / 24%;
  background:rgba(8,8,9,.55);
  box-shadow:0 35px 80px rgba(0,0,0,.35), inset 0 0 45px rgba(185,145,85,.05);
}
.capsule-frame::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(185,145,85,.52);
  border-radius:inherit;
  pointer-events:none;
}
.capsule-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:44% / 22%;
  filter:saturate(.9) contrast(1.05) brightness(.88);
}
.capsule-frame .capsule-star{
  top:-25px;
  font-size:2.6rem;
}
.capsule-frame .capsule-pin{
  bottom:-31px;
  font-size:3rem;
}
.closing-mark{
  position:relative;
}
.closing-mark::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:240px;
  height:380px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(185,145,85,.16);
  border-radius:46% / 24%;
  z-index:-1;
}

@media(max-width:900px){
  .genesis-product{
    grid-template-columns:1fr;
    gap:3rem;
    min-height:auto;
  }
  .genesis-copy{margin:0}
  .capsule-frame{width:min(82vw,520px)}
}


/* --- Prototype 03: header/hero cleanup + Genesis framing --- */

/* Header is the sole navigation layer. */
.site-header{
  z-index:100;
}
.hero .site-nav,
.hero-nav,
.hero-links{
  display:none !important;
}

/* Prevent decorative/duplicate hero copy from appearing as another nav/text layer. */
.hero-copy::before,
.hero-copy::after,
.hero h1::before,
.hero h1::after{
  content:none !important;
  display:none !important;
}

/* Give the hero copy a clear, deliberate zone away from the header. */
.hero-copy{
  position:relative;
  z-index:2;
  max-width:650px;
  padding-top:clamp(5rem,10vh,8rem);
}
.hero h1{
  position:relative;
  opacity:1;
}

/* Genesis: show the complete product as an object in a frame, rather than cropping into it. */
.capsule-frame{
  width:min(590px,44vw);
  aspect-ratio:.88;
  padding:24px;
  border-radius:42% / 22%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.genesis-photo-mat{
  width:calc(100% - 34px);
  height:calc(100% - 34px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:38% / 19%;
  background:
    radial-gradient(circle at 50% 45%,rgba(185,145,85,.08),transparent 55%),
    #09090a;
}
.capsule-frame img{
  width:88%;
  height:88%;
  object-fit:contain;
  object-position:center;
  border-radius:4px;
  filter:saturate(.88) contrast(1.04) brightness(.9);
  box-shadow:0 24px 55px rgba(0,0,0,.42);
}

@media(max-width:900px){
  .capsule-frame{width:min(88vw,590px)}
  .hero-copy{padding-top:6.5rem}
}

/* Prototype 04 — hero artwork cleanup */
.hero{
  background-position:center 44%;
}
@media(max-width:900px){
  .hero{background-position:60% 44%;}
}


/* Prototype 05 — clean hero: artwork carries the message */
.hero-copy{display:none !important;}
.hero-scroll{
  position:absolute;
  z-index:3;
  left:7vw;
  bottom:4.2rem;
}
.hero-scroll .text-link{
  color:rgba(241,237,229,.88);
  border-top:1px solid rgba(185,145,85,.55);
}
@media(max-width:900px){
  .hero-scroll{left:1.3rem;bottom:2.4rem;}
}


/* Prototype 06 — restore hero artwork brightness now that overlay copy is gone */
.hero-overlay{
  background:
    linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.03) 28%, rgba(0,0,0,.02) 72%, rgba(0,0,0,.12) 100%) !important;
}
@media(max-width:900px){
  .hero-overlay{
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.04) 30%, rgba(0,0,0,.03) 75%, rgba(0,0,0,.14) 100%) !important;
  }
}


/* Prototype 07 — actual SR Brooch in header */
.brand-brooch{
  display:block;
  width:42px;
  height:54px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.32));
}
.brand{
  gap:.8rem;
}
.brand-name{
  font-family:"Cormorant Garamond",Georgia,serif;
  letter-spacing:.27em;
}
@media(max-width:900px){
  .brand-brooch{width:38px;height:48px}
  .brand-name{display:inline;font-size:.78rem;letter-spacing:.18em}
}

/* Prototype 08 — official Stated Reverie Brooch */
:root{--sr-gold:#c09a58;--sr-blue:#172a63;--sr-black:#0a0a0c;}
.brand-brooch{width:39px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));}
.closing-mark{width:112px;height:auto;margin:0 auto 2.2rem;border:0!important;}
.closing-mark::before{display:none!important;}
.closing-mark img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));}
@media(max-width:900px){.brand-brooch{width:35px;height:47px}.closing-mark{width:92px}}


/* Prototype 09 — black presentation field behind official SR Brooch */
.brand-brooch{
  background:#000;
  border-radius:10px;
  padding:3px;
  box-sizing:content-box;
}
.closing-mark{
  background:#000;
  border-radius:18px;
  padding:10px;
  box-sizing:content-box;
}
.closing-mark img{
  background:#000;
}

/* Prototype 10 — multi-page brand site */
.interior-header{background:rgba(7,7,8,.96);border-bottom:1px solid rgba(185,145,85,.18)}
.interior-main{background:#0a0a0c;color:var(--paper)}
.interior-hero{position:relative;min-height:68vh;display:flex;align-items:flex-end;padding:11rem 8vw 7rem;overflow:hidden;background:radial-gradient(circle at 75% 40%,#17213b 0,#101116 35%,#09090a 72%)}
.interior-copy{position:relative;z-index:2;max-width:950px}
.interior-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(4rem,8vw,8rem);line-height:.9;margin:0;color:#eee8de}
.interior-lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.6rem,2.6vw,2.5rem);max-width:760px;color:var(--gold2);line-height:1.25}
.interior-watermark{position:absolute;width:50vw;height:70vw;right:-12vw;top:2vw;background:url("assets/stated-reverie-brooch-watermark.png") center/contain no-repeat;opacity:.32}
.interior-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:8vw;padding:8rem 8vw;background:linear-gradient(135deg,#f2eee7,#e5ded2);color:#151515}
.interior-text{max-width:760px;font-size:1.05rem}
.interior-text>p:first-child{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;line-height:1.35;margin-top:0}
.interior-text blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-style:italic;color:#80653c;border-left:1px solid #b99155;margin:3rem 0 0;padding-left:2rem}
.interior-feature{align-self:start;border-top:1px solid rgba(80,70,55,.25);padding-top:2rem}
.feature-number{font-size:.72rem;letter-spacing:.2em;color:#8a7658}
.interior-feature h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.2rem;font-weight:400;line-height:1.05}
.prompt-card{display:grid;gap:1rem;margin:3rem 0;padding:2rem;border:1px solid rgba(128,101,60,.3);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;font-style:italic}
.real-product{margin:0}.real-product img{width:100%;display:block;object-fit:contain;background:#09090a;padding:1.5rem}.real-product figcaption{font-size:.75rem;letter-spacing:.06em;color:#70695f;margin-top:.7rem}
.interior-close{min-height:45vh;display:grid;place-items:center;align-content:center;text-align:center;gap:1rem;background:radial-gradient(circle,#17213b,#080809 70%);padding:5rem 2rem}
.interior-close img{width:82px;background:#000;border-radius:14px;padding:6px}
.interior-close p{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;margin:.5rem 0;color:#ddd5c8}
.interior-close a{color:var(--gold2);text-decoration:none;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(185,145,85,.4);padding-bottom:.4rem}
@media(max-width:900px){.interior-hero{min-height:60vh;padding:9rem 1.3rem 4rem}.interior-body{grid-template-columns:1fr;padding:5rem 1.3rem}.interior-watermark{width:100vw;height:120vw;right:-45vw}.interior-feature{margin-top:2rem}}

/* Prototype 11 — The House / Rooms gallery language */
.house-threshold{
  display:grid;grid-template-columns:1fr minmax(320px,760px) 1fr;align-items:center;gap:2.5rem;
  padding:5.5rem 7vw;text-align:center;background:#0b0b0d;color:#e7e0d4
}
.threshold-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(185,145,85,.5),transparent)}
.room-label{font-size:.7rem;letter-spacing:.25em;color:var(--gold2);margin:0 0 1rem}
.house-threshold h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.5rem,4vw,4.4rem);font-weight:400;margin:0;line-height:1}
.house-threshold p:last-child{max-width:620px;margin:1.5rem auto 0;color:rgba(231,224,212,.68)}
.room-entry{display:inline-flex;gap:.8rem;align-items:center;margin-top:2rem;color:var(--gold2);text-decoration:none;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;padding-bottom:.5rem;border-bottom:1px solid rgba(185,145,85,.45)}
.room-entry:hover{border-color:var(--gold2)}
.dark-link{color:#725b38;border-color:rgba(114,91,56,.4)}
.gallery-purpose{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.35rem;color:#6d655a}

/* Each room has its own restrained atmosphere — different rooms, one House. */
.story-room{--room-accent:#b18c58;--room-glow:#352b20}
.resonate-room{--room-accent:#b99155;--room-glow:#182546}
.capsule-room{--room-accent:#aa8054;--room-glow:#3a2923}
.genesis-room{--room-accent:#8e9bb7;--room-glow:#1d2737}
.interior-main{--room-accent:var(--gold2);--room-glow:#17213b}
.story-room .interior-main,.resonate-room .interior-main,.capsule-room .interior-main,.genesis-room .interior-main{--room-accent:inherit}
.story-room .interior-hero{background:radial-gradient(circle at 75% 40%,#352b20,#151311 38%,#09090a 72%)}
.resonate-room .interior-hero{background:radial-gradient(circle at 75% 40%,#182546,#10131c 38%,#09090a 72%)}
.capsule-room .interior-hero{background:radial-gradient(circle at 75% 40%,#3a2923,#171211 38%,#09090a 72%)}
.genesis-room .interior-hero{background:radial-gradient(circle at 75% 40%,#1d2737,#11151c 38%,#09090a 72%)}
.story-room .interior-lead{color:#c6a271}.resonate-room .interior-lead{color:#c6a06a}
.capsule-room .interior-lead{color:#bd936c}.genesis-room .interior-lead{color:#aeb9cf}
.room-threshold{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding:0 8vw;background:#0a0a0c;color:#8f8679}
.room-threshold span{height:1px;background:linear-gradient(90deg,transparent,rgba(185,145,85,.4))}
.room-threshold span:last-child{background:linear-gradient(90deg,rgba(185,145,85,.4),transparent)}
.room-threshold em{font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;letter-spacing:.12em;font-style:italic}
.continue-label{font-size:.65rem;letter-spacing:.22em;color:rgba(231,224,212,.45);margin-bottom:.25rem}
.interior-close a{margin-top:.3rem}
@media(max-width:900px){
 .house-threshold{grid-template-columns:1fr;padding:4rem 1.3rem}.threshold-rule{display:none}
 .room-threshold{padding:0 1.3rem}.room-threshold em{font-size:.85rem}
}

/* Prototype 12 — The Founder’s Book */
.founder-book-discovery{display:grid;grid-template-columns:minmax(260px,520px) minmax(280px,520px);gap:4rem;align-items:center;padding:6rem 8vw;background:#0b0b0d;color:#e8e1d6;border-top:1px solid rgba(185,145,85,.18);border-bottom:1px solid rgba(185,145,85,.12)}
.book-object{overflow:hidden;border-radius:3px;box-shadow:0 28px 70px rgba(0,0,0,.45)}
.book-object img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .8s ease,filter .5s ease;filter:brightness(.72) saturate(.82)}
.founder-book-discovery:hover .book-object img{transform:scale(1.025);filter:brightness(.9) saturate(.95)}
.book-caption span{font-size:.67rem;letter-spacing:.24em;color:#a98653}
.book-caption strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:2.5rem;line-height:1.05;margin:.8rem 0}
.book-caption em{display:block;color:rgba(232,225,214,.52);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem;margin-bottom:1.5rem}
.book-caption a{color:#c4a06b;text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;border-bottom:1px solid rgba(196,160,107,.4);padding-bottom:.4rem}
.book-reading{min-height:100vh;padding:10rem 6vw 6rem;background:radial-gradient(circle at 50% 15%,#30271e,#0b0b0c 58%);display:grid;place-items:center}
.book-page{width:min(880px,94vw);min-height:74vh;padding:clamp(3rem,7vw,7rem);background:linear-gradient(100deg,#e9dfcb,#f5ecdb 48%,#e5d8c1);color:#2b251e;box-shadow:0 35px 90px rgba(0,0,0,.58),inset 0 0 60px rgba(116,85,48,.12);border:1px solid rgba(118,88,49,.25);position:relative}
.book-page::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(87,64,39,.12),transparent);pointer-events:none}
.chapter-index{font-size:.66rem;letter-spacing:.22em;color:#876c49}
.book-page h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(3.5rem,7vw,6.5rem);line-height:.9;margin:1.4rem 0 3rem}
.chapter-copy{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;line-height:1.55;max-width:690px}
.chapter-copy p{margin:0 0 1.45rem}
.chapter-5 .chapter-copy p:last-child{font-size:1.8rem;font-style:italic;color:#6f5330;margin-top:3rem;white-space:pre-line}
.chapter-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:4rem;padding-top:1.2rem;border-top:1px solid rgba(87,64,39,.22);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.chapter-nav a{color:#695338;text-decoration:none}.chapter-nav a:last-child{text-align:right}.chapter-nav span{color:#a77d46}
.future-shop-link{display:inline-block;margin-top:2rem;color:#6e4e28;text-decoration:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;border-bottom:1px solid rgba(110,78,40,.4)}
.future-shop-note{font-family:Inter,sans-serif!important;font-size:.62rem!important;font-style:normal!important;text-transform:uppercase;letter-spacing:.12em;color:#9a8b77!important;margin-top:.8rem!important}
.collection-preview{margin:0;background:#09090a;color:#e7e0d4;min-height:100vh;display:grid;place-items:center;text-align:center;font-family:Inter,sans-serif}
.collection-preview main{max-width:760px;padding:4rem}.collection-preview img{width:90px;background:#000;padding:7px;border-radius:14px}.collection-preview main>p:first-of-type{font-size:.7rem;letter-spacing:.25em;color:#b99155}.collection-preview h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(3.5rem,7vw,6rem);margin:1rem 0}.collection-copy{color:#a9a095;line-height:1.7}.collection-preview a{display:inline-block;margin-top:2rem;color:#c4a06b;text-decoration:none}
@media(max-width:900px){.founder-book-discovery{grid-template-columns:1fr;padding:4rem 1.3rem;gap:2rem}.book-page{padding:3rem 1.6rem}.chapter-copy{font-size:1.25rem}.book-page::after{display:none}}


/* Prototype 13 — remembered-room navigation */
.memory-room-index{background:#08090b;color:#e8e1d6;border-top:1px solid rgba(185,145,85,.15);border-bottom:1px solid rgba(185,145,85,.18)}
.memory-room-intro{padding:5rem 8vw 4rem;max-width:820px}
.memory-room-intro h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:.95;margin:.6rem 0 1.2rem}
.memory-room-intro>p:last-child{max-width:660px;color:rgba(232,225,214,.58);line-height:1.7}
.memory-room-card{position:relative;min-height:205px;display:grid;grid-template-columns:90px minmax(320px,520px) 1fr 70px;align-items:stretch;color:inherit;text-decoration:none;border-top:1px solid rgba(185,145,85,.17);overflow:hidden;background:#090a0c}
.memory-number{display:grid;place-items:center;font-family:"Cormorant Garamond",Georgia,serif;font-size:3.5rem;color:#9d7948;border-right:1px solid rgba(185,145,85,.18)}
.memory-copy{z-index:3;display:flex;flex-direction:column;justify-content:center;padding:2.2rem 3rem;background:linear-gradient(90deg,#090a0c 75%,rgba(9,10,12,.84),rgba(9,10,12,.22))}
.memory-copy small{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;letter-spacing:.05em;color:#eee8de}
.memory-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:1.22rem;color:#bca783;margin-top:.7rem}
.memory-copy em{font-style:normal;text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;color:#806743;margin-top:1.25rem}
.memory-image{position:relative;overflow:hidden;margin-left:-90px}
.memory-image::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#090a0c 0%,rgba(9,10,12,.68) 15%,rgba(9,10,12,.12) 50%,rgba(9,10,12,.35) 100%);transition:opacity .8s ease}
.memory-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.055);filter:blur(3.2px) brightness(.67) saturate(.72);transition:filter 1.1s ease,transform 1.3s ease}
.memory-arrow{z-index:4;display:grid;place-items:center;font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;color:#a98653;background:linear-gradient(90deg,transparent,#090a0c)}
.memory-room-card:hover .memory-image img,.memory-room-card:focus-visible .memory-image img{filter:blur(.65px) brightness(.9) saturate(.9);transform:scale(1.015)}
.memory-room-card:hover .memory-image::before,.memory-room-card:focus-visible .memory-image::before{opacity:.6}
.memory-room-card:hover .memory-copy small,.memory-room-card:focus-visible .memory-copy small{color:#d8b77d}
.memory-room-card:hover .memory-arrow,.memory-room-card:focus-visible .memory-arrow{transform:translateX(6px);color:#d8b77d}
.memory-arrow{transition:transform .45s ease,color .45s ease}
@media(max-width:900px){
 .memory-room-intro{padding:4rem 1.3rem 3rem}
 .memory-room-card{grid-template-columns:58px 1fr 42px;min-height:260px}
 .memory-number{font-size:2.3rem}
 .memory-copy{grid-column:2;padding:1.5rem;justify-content:flex-end;background:linear-gradient(0deg,#090a0c 5%,rgba(9,10,12,.86) 58%,rgba(9,10,12,.08))}
 .memory-image{position:absolute;inset:0 0 0 58px;margin:0}
 .memory-arrow{grid-column:3}
 .memory-copy small{font-size:1.4rem}
 .memory-copy strong{font-size:1.05rem}
}


/* Prototype 14 — Entering the Room
   Carry the same remembered image from the House index into the destination page,
   so the visitor feels they have stepped into that memory/room. */

.story-room .interior-hero,
.resonate-room .interior-hero,
.capsule-room .interior-hero,
.genesis-room .interior-hero{
  isolation:isolate;
  position:relative;
  overflow:hidden;
}

/* The image occupies the right side of the room, like the visitor has now entered it. */
.story-room .interior-hero::before,
.resonate-room .interior-hero::before,
.capsule-room .interior-hero::before,
.genesis-room .interior-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  width:56%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  opacity:.9;
  transform:scale(1.025);
}

/* Carry over the exact Room image from the previous navigation panel. */
.story-room .interior-hero::before{
  background-image:url("assets/room-story-memory.jpg");
  filter:blur(1.7px) brightness(.72) sepia(.10) saturate(.78);
}
.resonate-room .interior-hero::before{
  background-image:url("assets/room-resonate-memory.jpg");
  filter:blur(1.6px) brightness(.68) saturate(.84);
}
.capsule-room .interior-hero::before{
  background-image:url("assets/room-capsules-memory.jpg");
  filter:blur(1.8px) brightness(.70) sepia(.13) saturate(.76);
}
.genesis-room .interior-hero::before{
  background-image:url("assets/room-genesis-memory.jpg");
  filter:blur(2px) brightness(.62) saturate(.66);
}

/* Blend image into the dark page instead of showing a rectangular photo panel. */
.story-room .interior-hero::after,
.resonate-room .interior-hero::after,
.capsule-room .interior-hero::after,
.genesis-room .interior-hero::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(9,10,12,1) 0%,
      rgba(9,10,12,.99) 34%,
      rgba(9,10,12,.84) 48%,
      rgba(9,10,12,.34) 67%,
      rgba(9,10,12,.12) 88%,
      rgba(9,10,12,.24) 100%),
    linear-gradient(180deg,rgba(9,10,12,.12),rgba(9,10,12,.30));
}

/* Text remains on the left — the remembered room occupies the right. */
.interior-copy{
  position:relative;
  z-index:4;
  width:min(760px,54%);
}

/* Keep the old brooch watermark extremely quiet in these room entrances. */
.story-room .interior-watermark,
.resonate-room .interior-watermark,
.capsule-room .interior-watermark,
.genesis-room .interior-watermark{
  opacity:.035;
  z-index:2;
}

/* Entering the room: image resolves gently from haze to memory. */
@media (prefers-reduced-motion:no-preference){
  .story-room .interior-hero::before,
  .resonate-room .interior-hero::before,
  .capsule-room .interior-hero::before,
  .genesis-room .interior-hero::before{
    animation:enterMemoryRoom 2.3s cubic-bezier(.2,.75,.25,1) both;
  }

  @keyframes enterMemoryRoom{
    0%{
      opacity:.20;
      transform:scale(1.075);
      filter:blur(7px) brightness(.44) saturate(.52);
    }
    100%{
      opacity:.9;
      transform:scale(1.025);
    }
  }
}

/* The threshold underneath now reads like you have crossed into the room. */
.room-threshold em{
  color:#b89a6d;
}
.story-room .room-threshold em::before{content:"You are entering the Studio — ";}
.resonate-room .room-threshold em::before{content:"You are entering Resonated States — ";}
.capsule-room .room-threshold em::before{content:"You are entering the Collection — ";}
.genesis-room .room-threshold em::before{content:"You are entering the Archive — ";}

@media(max-width:900px){
  .story-room .interior-hero::before,
  .resonate-room .interior-hero::before,
  .capsule-room .interior-hero::before,
  .genesis-room .interior-hero::before{
    width:100%;
    opacity:.48;
  }

  .story-room .interior-hero::after,
  .resonate-room .interior-hero::after,
  .capsule-room .interior-hero::after,
  .genesis-room .interior-hero::after{
    background:
      linear-gradient(180deg,rgba(9,10,12,.82),rgba(9,10,12,.60) 46%,rgba(9,10,12,.86));
  }

  .interior-copy{
    width:100%;
  }
}


/* ===== THE COLLECTION — REAL PRODUCT GALLERY ===== */
.collection-page{margin:0;background:#0a0a0b;color:#e7e0d4;font-family:Inter,sans-serif}
.collection-page .site-header{background:rgba(8,8,9,.94)}
.collection-hero{padding:10rem 7vw 5rem;text-align:center;max-width:980px;margin:auto}
.collection-hero>img{width:82px;background:#000;padding:6px;border-radius:14px;margin-bottom:1.4rem}
.collection-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.92;margin:.7rem 0 1.5rem}
.collection-hero>p:last-child{max-width:720px;margin:auto;color:#aaa197;line-height:1.8;font-size:1.02rem}
.product-gallery{width:min(1320px,90vw);margin:0 auto 7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.product-card{background:#111113;border:1px solid rgba(196,160,107,.18);overflow:hidden;display:flex;flex-direction:column}
.product-card>img{display:block;width:100%;height:auto;object-fit:contain;background:#050505;padding:.75rem}
.product-card>div:not(.litho-pair){padding:1.55rem 1.7rem 1.8rem}
.product-card span{display:block;color:#b99155;font-size:.67rem;letter-spacing:.23em;margin-bottom:.55rem}
.product-card h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-weight:500;margin:0 0 .65rem;color:#eee6da}
.product-card p{margin:0;color:#a9a095;line-height:1.65;font-size:.9rem}
.litho-card{grid-column:1/-1}
.litho-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#050505;padding:0!important}
.litho-pair img{width:100%;height:auto;object-fit:contain;display:block;background:#050505}
.collection-close{text-align:center;padding:1rem 2rem 8rem}
.collection-close p{color:#b99155;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}
.collection-close h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;margin:.5rem 0 1.5rem}
.collection-close a{color:#c4a06b;text-decoration:none}
@media(max-width:760px){.collection-hero{padding-top:8rem}.product-gallery{grid-template-columns:1fr}.litho-card{grid-column:auto}.litho-pair{grid-template-columns:1fr}.product-card h2{font-size:1.75rem}}

/* V18 Memory Booklet + Resonated States alignment */
.booklet-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:3rem 0}.booklet-showcase figure{margin:0}.booklet-showcase img{display:block;width:100%;height:auto;object-fit:contain;background:#eee9df}.booklet-showcase figcaption{padding:.65rem .1rem 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#6f6558}.abstract-panel span{display:block;width:100%;box-sizing:border-box;text-align:center;line-height:.95;letter-spacing:.12em;padding:0 1rem}.abstract-panel small{display:block;width:100%;box-sizing:border-box;text-align:center;padding:0 1rem}@media(max-width:700px){.booklet-showcase{grid-template-columns:1fr}}

/* V19 — Collection hero: real Memory Frame lineup behind statement */
.collection-hero{
  position:relative;
  isolation:isolate;
  max-width:none;
  min-height:720px;
  padding:10rem 7vw 5rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#09090a;
}
.collection-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("assets/memory-frame-lineup-panorama.jpg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% auto;
}
.collection-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(7,7,9,.70),rgba(7,7,9,.57) 24%,rgba(7,7,9,.64) 50%,rgba(7,7,9,.57) 76%,rgba(7,7,9,.70));
}
.collection-hero>img,.collection-hero>.room-label,.collection-hero>h1,.collection-hero>p{position:relative;z-index:1}
.collection-hero h1{text-shadow:0 2px 22px rgba(0,0,0,.95),0 1px 4px rgba(0,0,0,.95)}
.collection-hero>p:last-child{color:#f0e9dd;text-shadow:0 2px 10px #000,0 1px 3px #000}
.collection-hero .room-label{text-shadow:0 2px 8px #000}
@media(max-width:760px){
 .collection-hero{min-height:620px;padding-top:8rem}
 .collection-hero::before{background-size:auto 58%;background-position:center 48%}
 .collection-hero::after{background:rgba(7,7,9,.67)}
}

/* V20 — Collection use guide + launch/test pricing */
.collection-guide{width:min(1120px,86vw);margin:0 auto 4rem;text-align:center;padding:3.2rem 0 1rem}
.collection-guide h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:400;margin:.5rem auto 1.2rem;max-width:850px;color:#eee6da}
.collection-guide>p:not(.room-label){max-width:880px;margin:0 auto;color:#aaa197;line-height:1.8}
.universal-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.2rem 0}
.universal-notes>div{border:1px solid rgba(196,160,107,.25);background:#111113;padding:1.4rem;text-align:left}
.universal-notes strong{display:block;color:#c4a06b;font-size:.68rem;letter-spacing:.16em;margin-bottom:.65rem}
.universal-notes span{display:block;color:#aaa197;font-size:.86rem;line-height:1.6}
.collection-guide .pricing-note{font-size:.8rem!important;color:#7f776d!important;border-top:1px solid rgba(196,160,107,.16);padding-top:1.2rem}
.product-card .price{margin-top:1rem!important;padding-top:.8rem;border-top:1px solid rgba(196,160,107,.16);color:#c4a06b!important;font-size:.78rem!important;letter-spacing:.02em}
.calendar-card>img{object-position:center}
@media(max-width:760px){.universal-notes{grid-template-columns:1fr}.collection-guide{width:min(92vw,1120px)}}

/* V22 bundle clarity */
.bundle-mini{display:flex!important;align-items:center;justify-content:flex-start;gap:.7rem;margin:1rem 0 .15rem;padding:0!important}
.bundle-mini img{width:76px;height:76px;object-fit:contain;background:#050505;border:1px solid rgba(196,160,107,.22);padding:.2rem}
.bundle-mini span{margin:0!important;color:#c4a06b!important;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem!important;letter-spacing:0!important}
.product-card .price small{color:#9d958a;font-size:.72rem;letter-spacing:0}

/* V23 — Shadowbox backdrop / fabric add-on */
.product-card .bonus-line{display:block;margin-top:.55rem;color:#d6b77f;font-weight:500;line-height:1.5}
.backdrop-story{width:min(1120px,86vw);margin:1.5rem auto 5rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:2.2rem;align-items:center;background:#111113;border:1px solid rgba(196,160,107,.2);padding:2rem}
.backdrop-story>img{width:100%;height:auto;display:block;border:1px solid rgba(196,160,107,.2)}
.backdrop-copy h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2.3rem,4vw,3.8rem);font-weight:400;color:#eee6da;margin:.35rem 0 1rem}
.backdrop-copy>p:not(.room-label){color:#aaa197;line-height:1.75;margin:0}
.fabric-offer{margin-top:1.5rem;padding:1.2rem 1.3rem;border-left:2px solid #c4a06b;background:rgba(196,160,107,.06)}
.fabric-offer strong{display:block;color:#c4a06b;font-size:1.05rem;margin-bottom:.45rem}
.fabric-offer span{display:block;color:#c9c0b5;font-size:.88rem;line-height:1.55}
.fabric-offer small{display:block;color:#81796f;font-size:.72rem;line-height:1.5;margin-top:.65rem;font-style:italic}
@media(max-width:760px){.backdrop-story{width:min(92vw,1120px);grid-template-columns:1fr;padding:1.2rem}.backdrop-story>img{order:-1}}

/* V25 — Entrance hourglass motion + interactive House rooms */
.hero{overflow:hidden}
.hourglass-sand{position:absolute;z-index:1;left:58.55%;top:42.2%;width:18px;height:29%;pointer-events:none;transform:translateX(-50%);overflow:visible;filter:drop-shadow(0 0 5px rgba(225,170,80,.16))}
.hourglass-sand::before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(246,210,139,.05),rgba(250,214,137,.96) 10%,rgba(231,176,84,.9) 76%,rgba(239,191,99,.16));box-shadow:0 0 4px rgba(241,190,93,.62);animation:sand-stream 1.7s ease-in-out infinite}
.hourglass-sand::after{content:"";position:absolute;left:50%;bottom:-3px;width:30px;height:8px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(231,176,83,.74) 0 28%,rgba(207,143,54,.42) 48%,rgba(175,112,38,0) 74%);filter:blur(.35px);animation:sand-impact 2.4s ease-in-out infinite}
.hourglass-sand .sand-glow{position:absolute;left:50%;top:6%;width:18px;height:88%;transform:translateX(-50%);background:linear-gradient(to right,transparent,rgba(244,200,116,.10),transparent);filter:blur(5px);animation:sand-glimmer 4.8s ease-in-out infinite}
.hourglass-sand .sand-mound{position:absolute;left:50%;bottom:-1px;width:22px;height:10px;transform:translateX(-50%) scaleY(.72);transform-origin:50% 100%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(135deg,rgba(247,205,121,.88),rgba(189,119,38,.72));filter:drop-shadow(0 0 2px rgba(235,179,87,.34));animation:sand-mound 6.8s ease-in-out infinite}
.hourglass-sand span{position:absolute;top:-2px;left:50%;width:2px;height:2px;border-radius:50%;background:#efc271;box-shadow:0 0 3px rgba(244,194,101,.62);animation:sand-grain 2.05s linear infinite}
.hourglass-sand span:nth-of-type(3n+1){width:1px;height:1px;animation-duration:1.72s}.hourglass-sand span:nth-of-type(4n){width:3px;height:3px;opacity:.78;animation-duration:2.28s}
.hourglass-sand span:nth-of-type(1){animation-delay:-.12s;--drift:-3px}.hourglass-sand span:nth-of-type(2){animation-delay:-.31s;--drift:2px}.hourglass-sand span:nth-of-type(3){animation-delay:-.48s;--drift:-1px}.hourglass-sand span:nth-of-type(4){animation-delay:-.67s;--drift:4px}.hourglass-sand span:nth-of-type(5){animation-delay:-.84s;--drift:-4px}.hourglass-sand span:nth-of-type(6){animation-delay:-1.01s;--drift:1px}.hourglass-sand span:nth-of-type(7){animation-delay:-1.18s;--drift:3px}.hourglass-sand span:nth-of-type(8){animation-delay:-1.35s;--drift:-2px}.hourglass-sand span:nth-of-type(9){animation-delay:-1.52s;--drift:5px}.hourglass-sand span:nth-of-type(10){animation-delay:-1.69s;--drift:-5px}.hourglass-sand span:nth-of-type(11){animation-delay:-1.86s;--drift:2px}.hourglass-sand span:nth-of-type(12){animation-delay:-2.03s;--drift:-3px}.hourglass-sand span:nth-of-type(13){animation-delay:-2.20s;--drift:1px}.hourglass-sand span:nth-of-type(14){animation-delay:-2.37s;--drift:-1px}
@keyframes sand-stream{0%,100%{opacity:.52;transform:translateX(-50%) scaleX(.55)}38%{opacity:1;transform:translateX(-50%) scaleX(1.2)}72%{opacity:.74;transform:translateX(-50%) scaleX(.78)}}
@keyframes sand-grain{0%{transform:translate3d(0,0,0) scale(.55);opacity:0}6%{opacity:.95}45%{transform:translate3d(calc(var(--drift,0px)*.35),92px,0) scale(1);opacity:1}88%{opacity:.82}100%{transform:translate3d(var(--drift,0px),190px,0) scale(.7);opacity:0}}
@keyframes sand-impact{0%,100%{opacity:.36;transform:translateX(-50%) scale(.78)}50%{opacity:.82;transform:translateX(-50%) scale(1.12)}}
@keyframes sand-mound{0%,100%{transform:translateX(-50%) scale(.84,.58);opacity:.62}48%{transform:translateX(-50%) scale(1.08,1);opacity:.92}82%{transform:translateX(-50%) scale(.98,.84);opacity:.8}}
@keyframes sand-glimmer{0%,100%{opacity:.15;transform:translateX(-50%) translateX(-4px)}50%{opacity:.62;transform:translateX(-50%) translateX(4px)}}
.memory-room-grid{padding:0 7vw 6rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:center}
.memory-room-grid .memory-room-card{min-height:440px;display:block;border:1px solid rgba(185,145,85,.18);border-radius:2px;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;overflow:hidden;isolation:isolate}
.memory-room-grid .memory-room-card:hover,.memory-room-grid .memory-room-card:focus-visible{transform:scale(1.075);z-index:10;border-color:rgba(216,183,125,.65);box-shadow:0 26px 65px rgba(0,0,0,.62)}
.memory-room-grid .memory-image{position:absolute;inset:0;margin:0;z-index:-1}
.memory-room-grid .memory-image::before{background:linear-gradient(0deg,#090a0c 5%,rgba(9,10,12,.78) 48%,rgba(9,10,12,.18) 82%,rgba(9,10,12,.35))}
.memory-room-grid .memory-number{position:absolute;top:18px;left:20px;display:block;border:0;font-size:3rem;line-height:1;z-index:3;text-shadow:0 2px 10px #000}
.memory-room-grid .memory-copy{position:absolute;inset:auto 0 0;display:flex;padding:2rem 1.35rem 1.5rem;background:linear-gradient(0deg,rgba(9,10,12,.98),rgba(9,10,12,.84) 72%,transparent);z-index:3}
.memory-room-grid .house-room-name{font-size:.62rem;letter-spacing:.2em;color:#d8b77d;margin-bottom:.55rem}
.memory-room-grid .memory-copy small{font-size:1.35rem}.memory-room-grid .memory-copy strong{font-size:1.03rem}.memory-room-grid .memory-copy em{margin-top:.9rem}
.memory-room-grid .memory-arrow{position:absolute;right:16px;top:17px;background:none;font-size:1.6rem}
@media(max-width:1100px){.memory-room-grid{grid-template-columns:repeat(2,1fr)}.memory-room-grid .memory-room-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.memory-room-grid{grid-template-columns:1fr;padding:0 1.3rem 4rem}.memory-room-grid .memory-room-card:last-child{grid-column:auto}.memory-room-grid .memory-room-card{min-height:360px}.memory-room-grid .memory-room-card:hover{transform:scale(1.02)}.hourglass-sand{left:62%;top:42%;height:27%}}
@media(prefers-reduced-motion:reduce){.hourglass-sand{display:none}.memory-room-grid .memory-room-card{transition:none}.memory-room-grid .memory-room-card:hover{transform:none}}

/* V26 — House rooms grounded in real Stated Reverie imagery */
.memory-room-card .memory-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease,filter .55s ease,opacity .55s ease;}
.memory-room-card.gallery-memory .memory-image img{object-fit:cover;object-position:center;}
.memory-room-card:hover .memory-image img,.memory-room-card:focus-visible .memory-image img{transform:scale(1.06);}


/* V27 — atmospheric room imagery + Reverie Vault coming-soon treatment */
.room-atmosphere{margin:0 0 2rem;border:1px solid rgba(80,70,55,.18);background:#171512;overflow:hidden;box-shadow:0 18px 42px rgba(40,32,22,.14)}
.room-atmosphere img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.78) contrast(1.03)}
.vault-coming-soon{position:relative;overflow:hidden}
.vault-coming-soon>img{display:block;width:100%}
.coming-soon-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(82%,520px);padding:1.6rem 1.8rem;text-align:center;background:rgba(10,9,8,.78);border:1px solid rgba(224,197,145,.58);box-shadow:0 12px 42px rgba(0,0,0,.45);backdrop-filter:blur(4px)}
.coming-soon-badge strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:.12em;color:#f1dfb9;line-height:1}
.coming-soon-badge span{display:block;margin-top:.75rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#eee6d8;line-height:1.5}
.collection-memory-atmosphere{max-width:1180px;margin:1rem auto 5rem;padding:0 4vw;display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(260px,.85fr);gap:3rem;align-items:center}
.collection-memory-atmosphere img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid #29251f;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.collection-memory-atmosphere h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;margin:.5rem 0 1rem}
.collection-memory-atmosphere p:last-child{color:#aaa197;line-height:1.75}
@media(max-width:760px){.collection-memory-atmosphere{grid-template-columns:1fr}.coming-soon-badge{width:88%;padding:1.1rem}.coming-soon-badge span{font-size:.65rem}}

/* V35 — unmistakable hourglass sand motion, aligned to the actual hero artwork */
.hourglass-sand{left:61.15%;top:42.5%;width:28px;height:34%;z-index:3;filter:drop-shadow(0 0 8px rgba(239,183,87,.42))}
.hourglass-sand::before{width:3px;height:100%;background:linear-gradient(to bottom,rgba(255,230,166,.18),rgba(255,220,133,1) 8%,rgba(238,178,73,.98) 78%,rgba(255,212,119,.28));box-shadow:0 0 7px rgba(255,198,94,.8);animation:sand-stream-v35 1.15s ease-in-out infinite}
.hourglass-sand::after{bottom:-5px;width:48px;height:12px;background:radial-gradient(ellipse at center,rgba(255,208,116,.9) 0 20%,rgba(216,146,48,.58) 43%,rgba(175,112,38,0) 74%);animation:sand-impact-v35 1.55s ease-in-out infinite}
.hourglass-sand .sand-glow{top:0;width:34px;height:100%;background:linear-gradient(to right,transparent,rgba(255,206,110,.2),transparent);filter:blur(7px);animation:sand-glimmer-v35 3s ease-in-out infinite}
.hourglass-sand .sand-mound{bottom:-3px;width:38px;height:15px;background:linear-gradient(135deg,rgba(255,218,137,.96),rgba(185,111,30,.82));animation:sand-mound-v35 4.2s ease-in-out infinite}
.hourglass-sand span{top:-4px;width:3px;height:3px;background:#ffd98a;box-shadow:0 0 5px rgba(255,207,111,.9);animation:sand-grain-v35 1.55s linear infinite}
.hourglass-sand span:nth-of-type(3n+1){width:2px;height:2px;animation-duration:1.28s}.hourglass-sand span:nth-of-type(4n){width:4px;height:4px;opacity:.95;animation-duration:1.72s}
@keyframes sand-stream-v35{0%,100%{opacity:.62;transform:translateX(-50%) scaleX(.62)}32%{opacity:1;transform:translateX(-50%) scaleX(1.55)}68%{opacity:.8;transform:translateX(-50%) scaleX(.9)}}
@keyframes sand-grain-v35{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}5%{opacity:1}48%{transform:translate3d(calc(var(--drift,0px)*.55),120px,0) scale(1.15);opacity:1}90%{opacity:.95}100%{transform:translate3d(var(--drift,0px),285px,0) scale(.65);opacity:0}}
@keyframes sand-impact-v35{0%,100%{opacity:.42;transform:translateX(-50%) scale(.72)}45%{opacity:1;transform:translateX(-50%) scale(1.25)}}
@keyframes sand-mound-v35{0%,100%{transform:translateX(-50%) scale(.78,.52);opacity:.62}52%{transform:translateX(-50%) scale(1.12,1);opacity:1}}
@keyframes sand-glimmer-v35{0%,100%{opacity:.15;transform:translateX(-50%) translateX(-8px)}50%{opacity:.8;transform:translateX(-50%) translateX(8px)}}
@media(max-width:900px){.hourglass-sand{left:61.15%;top:42.5%;height:34%}}


/* V37 — CSS-position-aware source-locked hourglass animation.
   Canvas particles are mapped to the hourglass coordinates in hero-hourglass.jpg,
   so they remain on the real sand stream even when background-size: cover crops the image. */
.hourglass-sand{display:none!important}
.hourglass-sand-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hourglass-sand-canvas{display:none}}
/* V39 — Listening Room + included NFC story */
.memory-room-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1500px;margin:0 auto}
@media(max-width:1100px){.memory-room-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.memory-room-grid{grid-template-columns:1fr}}
.listening-memory .memory-image img{object-position:center}
.nfc-included{display:inline-block;margin:.35rem 0 .65rem;color:#b98f55;text-decoration:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(185,143,85,.38);padding-bottom:.18rem}.nfc-included:hover{color:#d8b77d}
.listening-hero{position:relative;min-height:72vh;display:grid;align-items:end;overflow:hidden;background:#090a0c;color:#f0e9dc}.listening-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.listening-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.75) 43%,rgba(5,7,10,.18) 76%)}.listening-hero-copy{position:relative;z-index:2;max-width:760px;padding:8rem 8vw 6rem}.listening-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3.7rem,7vw,7.5rem);font-weight:400;line-height:.88;margin:.6rem 0 1.3rem}.listening-hero h1 em{display:block;color:#d8b77d;font-weight:400}.listening-hero p{max-width:640px;font-size:1.08rem;line-height:1.75;color:rgba(240,233,220,.82)}.life-line{font-family:"Cormorant Garamond",Georgia,serif;color:#d8b77d;font-size:1.35rem!important;font-style:italic}
.listening-intro{padding:6rem 8vw;background:#f0ebe2;color:#1c1b19;text-align:center}.listening-intro h2,.listening-examples h2,.listening-close h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.7rem,5vw,5rem);line-height:1;margin:.5rem auto 1.3rem}.listening-intro>p{max-width:800px;margin:0 auto 1rem;line-height:1.8}.experience-grid{margin:3.5rem auto 0;max-width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(50,40,28,.18)}.experience-card{background:#faf7f1;padding:2.5rem 2rem;text-align:left}.experience-card b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-weight:500;color:#7b5a31;margin-bottom:.65rem}.experience-card p{line-height:1.7;margin:0}.experience-card a{color:#7b5a31}.listening-examples{padding:6rem 8vw;background:#0b0c0e;color:#eee5d8;text-align:center}.memory-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1250px;margin:3rem auto 0}.memory-example{min-height:230px;padding:2rem;display:flex;flex-direction:column;justify-content:end;text-align:left;border:1px solid rgba(216,183,125,.18);background:linear-gradient(145deg,#171719,#0c0d0f)}.memory-example strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.8rem;color:#d8b77d}.memory-example span{line-height:1.55;color:rgba(238,229,216,.72)}.listening-close{text-align:center;padding:7rem 8vw;background:#eee7dc}.listening-close blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,4vw,4rem);font-style:italic;max-width:900px;margin:0 auto 2.5rem;color:#24211d}.collection-cta{display:inline-block;background:#1b1a18;color:#f0e7d7;text-decoration:none;padding:1rem 1.6rem;letter-spacing:.12em;font-size:.78rem}.listening-note{max-width:760px;margin:2rem auto 0;line-height:1.7;color:#665f55}@media(max-width:800px){.experience-grid,.memory-example-grid{grid-template-columns:1fr}.listening-hero-copy{padding:6rem 1.4rem 4rem}.listening-intro,.listening-examples,.listening-close{padding-left:1.4rem;padding-right:1.4rem}}

/* V40 — Recollection Vox listening samples */
.vox-samples{padding:6rem 8vw;background:#f6f1e8;color:#1d1b18;text-align:center}.vox-samples h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.7rem,5vw,5rem);line-height:1;margin:.5rem auto 1.2rem}.vox-samples-intro{max-width:790px;margin:0 auto 3rem;line-height:1.8;color:#5e574e}.vox-sample-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.vox-sample-card{background:#fffdf8;border:1px solid rgba(82,62,38,.18);padding:2rem 1.5rem;min-height:330px;display:flex;flex-direction:column;text-align:left}.vox-sample-kicker{font-size:.7rem;letter-spacing:.16em;color:#8a6a3d}.vox-sample-card h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-weight:500;margin:.5rem 0}.vox-sample-card p{line-height:1.65;color:#5d574e;flex:1}.vox-play{display:inline-block;align-self:flex-start;border:1px solid #8a6a3d;color:#5d4325;text-decoration:none;padding:.8rem 1rem;letter-spacing:.1em;font-size:.72rem;transition:.2s ease}.vox-play:hover,.vox-play:focus{background:#1b1a18;color:#f5ead8;border-color:#1b1a18}.vox-sample-card small{display:block;margin-top:1rem;line-height:1.45;color:#81786d}.vox-samples-foot{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.3;margin:3.5rem auto 1rem;max-width:850px}.vox-source-note{max-width:780px;margin:0 auto;color:#746c62;font-size:.86rem;line-height:1.6}@media(max-width:1000px){.vox-sample-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.vox-sample-grid{grid-template-columns:1fr}.vox-samples{padding-left:1.4rem;padding-right:1.4rem}}

/* =========================================================
   V41 SOFT LAUNCH ENTRANCE
   Keeps the V40 House intact; replaces only the front door.
   ========================================================= */
.hero-v41{min-height:100svh;padding:9rem 6vw 6rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:6vw;align-items:center;background:#08090b;overflow:hidden}
.hero-v41-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(185,145,85,.13),transparent 30%),radial-gradient(circle at 20% 25%,rgba(17,27,52,.72),transparent 38%),linear-gradient(135deg,#090a0d,#070708 70%)}
.hero-v41-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.22),transparent 50%,rgba(5,5,6,.18));pointer-events:none}
.hero-v41-copy,.memory-frame-rotator,.v41-scroll-cue{position:relative;z-index:2}
.hero-v41-copy{max-width:690px}.v41-eyebrow{margin:0 0 1.1rem;color:var(--gold2);font-size:.72rem;letter-spacing:.24em;font-weight:500}
.hero-v41 h1{font-size:clamp(3.4rem,5.7vw,6.6rem);letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.35)}.hero-v41 h1 span{display:block;color:var(--paper);font-style:italic;font-size:.72em;margin-top:.16em}
.v41-senses{margin:1.7rem 0 1.4rem;color:var(--gold2);font-size:.78rem;letter-spacing:.17em}.v41-senses b{font-weight:400;opacity:.55;margin:0 .4em}
.v41-lead{max-width:600px;margin:0 0 .9rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.35;color:#eee8de}.v41-examples{max-width:580px;color:rgba(231,224,212,.68);font-size:.92rem}
.v41-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.v41-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;padding:.85rem 1.25rem;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:500 .72rem Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.v41-button.primary{background:var(--gold);color:#090909}.v41-button.primary:hover{background:var(--gold2)}.v41-button.secondary{background:rgba(8,8,9,.4);color:var(--ivory)}.v41-button.secondary:hover{background:rgba(185,145,85,.12);border-color:var(--gold2)}
.memory-frame-rotator{width:min(700px,100%);justify-self:end}.rotator-stage{position:relative;aspect-ratio:1.18;overflow:hidden;border:1px solid rgba(185,145,85,.42);background:#050506;box-shadow:0 35px 80px rgba(0,0,0,.45)}.rotator-stage::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 45px rgba(0,0,0,.28);pointer-events:none}.rotator-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1.25rem;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform 1.2s ease}.rotator-slide.active{opacity:1;transform:scale(1)}
.rotator-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;color:rgba(241,237,229,.75);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem}.rotator-controls{display:flex;align-items:center;gap:.55rem}.rotator-prev,.rotator-next,.rotator-dot{border:0;background:none;color:var(--paper);cursor:pointer}.rotator-prev,.rotator-next{font-size:1.45rem;line-height:1;padding:.15rem .35rem}.rotator-dots{display:flex;gap:.45rem}.rotator-dot{width:7px;height:7px;border-radius:50%;padding:0;background:rgba(231,224,212,.28)}.rotator-dot.active{background:var(--gold2);box-shadow:0 0 0 3px rgba(185,145,85,.12)}
.v41-scroll-cue{position:absolute;left:6vw;bottom:2rem;color:rgba(241,237,229,.58);text-decoration:none;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.v41-scroll-cue span{color:var(--gold2);margin-left:.4rem}
.v41-watch,.v41-interest,.v41-explore{padding:clamp(5rem,8vw,8rem) 7vw}.v41-watch{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:7vw;align-items:center;background:linear-gradient(135deg,#f3efe8,#e8e1d6)}.v41-section-copy h2,.v41-interest h2,.v41-explore h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:1;margin:.5rem 0 1.4rem}.v41-section-copy>p:last-child{max-width:580px;color:#655e55}.v41-demo-placeholder{aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:.55rem;text-align:center;padding:2rem;color:var(--paper);background:radial-gradient(circle at 50% 40%,#20283b,#0d0f14 70%);border:1px solid rgba(185,145,85,.45);box-shadow:0 25px 60px rgba(0,0,0,.16)}.demo-mark{display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:1.4rem;padding-left:4px}.v41-demo-placeholder strong{margin-top:.7rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;font-weight:400}.v41-demo-placeholder span{max-width:440px;color:rgba(231,224,212,.62);font-size:.82rem}
.v41-interest{display:grid;grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);gap:8vw;color:var(--paper);background:radial-gradient(circle at 15% 20%,#17213b,#0b0c0f 46%,#080809 100%)}.interest-intro>p:last-child{max-width:520px;color:rgba(231,224,212,.68)}.interest-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.interest-form label>span,.interest-form legend{display:block;margin-bottom:.45rem;color:rgba(241,237,229,.72);font-size:.72rem;letter-spacing:.07em}.interest-form em{font-weight:300;color:rgba(241,237,229,.42)}.interest-form input,.interest-form textarea{width:100%;border:1px solid rgba(185,145,85,.38);border-radius:0;padding:.85rem .9rem;background:rgba(255,255,255,.035);color:var(--ivory);font:300 .9rem Inter,system-ui,sans-serif;outline:none}.interest-form textarea{resize:vertical;min-height:110px}.interest-form input:focus,.interest-form textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 2px rgba(185,145,85,.12)}.interest-form .wide{grid-column:1/-1}.interest-form fieldset{border:0;padding:0;margin:0}.interest-form .check{display:flex;align-items:center;gap:.7rem;margin:.45rem 0;cursor:pointer}.interest-form .check input{width:18px;height:18px;accent-color:var(--gold)}.interest-form .check span{margin:0;font-size:.85rem;letter-spacing:0}.interest-form button{width:max-content}.form-note{margin:0;color:rgba(231,224,212,.46);font-size:.72rem}
.v41-explore{text-align:center;color:var(--paper);background:#080809;border-top:1px solid rgba(185,145,85,.16);border-bottom:1px solid rgba(185,145,85,.16)}.v41-explore h2{margin-bottom:1rem}.v41-explore>p:not(.room-label){max-width:650px;margin:0 auto 2rem;color:rgba(231,224,212,.65)}
@media(max-width:900px){.hero-v41{grid-template-columns:1fr;gap:3rem;padding:7.5rem 1.3rem 5rem;min-height:auto}.hero-v41-copy{max-width:none}.hero-v41 h1{font-size:clamp(3rem,13vw,5rem)}.memory-frame-rotator{justify-self:stretch;width:100%}.rotator-stage{aspect-ratio:1}.v41-scroll-cue{display:none}.v41-watch,.v41-interest{grid-template-columns:1fr;padding:5rem 1.3rem;gap:2.5rem}.interest-form{grid-template-columns:1fr}.interest-form label,.interest-form fieldset,.interest-form .wide{grid-column:1}.v41-explore{padding:5rem 1.3rem}.v41-actions{align-items:stretch}.v41-button{width:100%}}
@media(prefers-reduced-motion:reduce){.rotator-slide{transition:none}.hero-v41 *{scroll-behavior:auto}}

/* V41.1 — real hands-on demonstration */
.v41-demo-video{border:1px solid rgba(185,145,85,.32);background:#050506;box-shadow:0 28px 65px rgba(0,0,0,.38);overflow:hidden}
.v41-demo-video video{display:block;width:100%;aspect-ratio:16/9;background:#000;object-fit:contain}
.v41-video-caption{display:flex;flex-direction:column;gap:.22rem;padding:1rem 1.15rem 1.1rem;color:rgba(241,237,229,.76)}
.v41-video-caption strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--paper)}
.v41-video-caption span{font-size:.88rem;letter-spacing:.02em}