/* Layout rebuilt for SereniTea from the supplied Château Lumière reference.
   Existing SereniTea imagery and content; no Framer runtime dependency. */
:root{--paper:#f8f7f2;--wine:#172a1d;--ink:#203124;--muted:#5f6d5e;--gold:#ffbb10;--cream:#f4f1e5;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:Jost,Arial,sans-serif;--header-height:86px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:300 17px/1.8 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3,figure,blockquote{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::selection{background:var(--gold);color:var(--wine)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px 20px}.skip-link:focus{top:10px}.eyebrow{font:300 12px/1.5 var(--sans);letter-spacing:2.16px;text-transform:uppercase;color:var(--muted)}h1,h2{font:300 52px/1.05 var(--serif);letter-spacing:.08em;text-transform:uppercase}h3{font:300 44px/1.15 var(--serif);letter-spacing:.02em}em{font-weight:300}.text-link{display:inline-flex;gap:20px;align-items:center;font:300 12px/1.5 var(--sans);letter-spacing:2.16px;text-transform:uppercase;transition:color .2s}.text-link span{color:var(--gold);font-size:18px}.text-link:hover{color:var(--gold)}
.ribbon{height:44px;overflow:hidden;border:1px solid var(--wine);background:var(--paper)}.ribbon-track{display:flex;width:max-content;height:100%;animation:ribbon 38s linear infinite}.ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:90px;min-width:100vw;padding:0 32px}.ribbon span{white-space:nowrap;font:400 10px/1.5 var(--sans);letter-spacing:2.5px}.ribbon:hover .ribbon-track{animation-play-state:paused}@keyframes ribbon{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:30;background:#000;color:var(--cream)}.header-inner{max-width:1100px;height:var(--header-height);margin:auto;display:grid;grid-template-columns:240px 1fr 80px;align-items:center}.wordmark{width:fit-content;font:400 28px/1.2 var(--serif);letter-spacing:-.02em}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:38px}.desktop-nav a{font:300 12px/1.5 var(--sans);letter-spacing:2.16px;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color .2s}.desktop-nav a:hover{color:white}.menu-toggle{display:none;justify-self:end;width:44px;height:44px;padding:10px;border:0;color:var(--cream);background:transparent;cursor:pointer}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{padding:22px 24px 32px;background:#000;display:grid;gap:22px}.mobile-nav a{font-size:12px;letter-spacing:2px;text-transform:uppercase}
.hero{position:relative;isolation:isolate;height:100svh;min-height:620px;display:grid;place-items:center;text-align:center;color:white;padding:80px 24px;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:-2;object-position:center 48%}.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.68);z-index:-1}.hero-content{width:100%;max-width:940px;position:relative;transform:translateY(-24px)}.hero h1{margin:18px 0 22px}.hero-description{max-width:607px;margin:auto;color:rgba(240,232,216,.66);font-size:15px;font-weight:400;line-height:1.8}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:44px}.button-glass{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:10px 17px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.13);box-shadow:inset 0 0 10px #ffffff22;backdrop-filter:blur(8px);font:300 12px/1.5 var(--sans);letter-spacing:2.16px;text-transform:uppercase;transition:background .25s}.button-glass:hover{background:#ffffff33}.hero .text-link{color:var(--muted)}.hero .text-link:hover{color:white}.hero .text-link span{color:var(--cream)}.hero-scroll{position:absolute;bottom:-77px;left:50%;transform:translateX(-50%);font-size:25px;line-height:1;padding:10px}.image-credit{position:absolute;bottom:12px;right:12px;max-width:calc(100% - 24px);background:#0008;color:#eee;padding:4px 8px;font:300 10px/1.5 var(--sans);letter-spacing:.025em;text-align:right}.hero>.image-credit{background:transparent;opacity:.7}
.story{padding:80px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px;max-width:1600px;margin:auto}.story-visual{position:relative;height:720px;overflow:hidden}.story-visual>img{object-position:55% center}.story-visual>.image-credit{left:12px;right:auto;bottom:10px}.story-stat{position:absolute;bottom:24px;right:0;width:300px;max-width:80%;border:1px solid rgba(255,255,255,.7);padding:16px 20px;text-align:center;background:#ffffff1c;backdrop-filter:blur(10px);color:white}.story-stat .eyebrow{color:var(--cream);display:block}.stat-number{display:block;font:300 52px/1.05 var(--serif);letter-spacing:.08em;text-transform:uppercase;margin:4px 0}.story-copy{max-width:500px}.story-copy h2{margin:2px 0 32px}.story-copy>p:not(.eyebrow){color:var(--muted);margin:0 0 20px}.story-copy .text-link{margin-top:24px;color:var(--muted)}
.collection{padding:94px 50px 88px;background:var(--wine);color:var(--cream)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 auto 36px;max-width:1500px}.section-heading h2{margin-top:8px}.section-heading>.text-link{flex-shrink:0;letter-spacing:0;font-size:14px;font-weight:400;gap:40px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 32px;max-width:1500px;margin:auto}.collection-card{min-width:0;display:flex;flex-direction:column;scroll-margin-top:95px}.card-image{display:block;position:relative;aspect-ratio:600/690;overflow:hidden;background:#d9d2c4}.card-image>img{transition:transform .7s ease}.card-image:hover>img{transform:scale(1.025)}.card-meta{margin:28px 0 28px;font-size:11px;letter-spacing:1.6px;color:var(--gold)}.card-meta span{color:var(--cream)}.collection-card h3{margin-bottom:8px}.card-description{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:30px;max-width:98%}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid #f0e8d833;font:300 30px/1.15 var(--serif);letter-spacing:.02em}.card-bottom>span{font:300 22px var(--sans);color:var(--gold)}.card-bottom:hover{color:var(--gold)}
/* Retained CSS book illustration from the current SereniTea site. */
.book-art{position:relative;display:grid;place-items:center;background:#314334}.book-shadow{position:absolute;width:63%;height:76%;transform:translate(14px,13px) rotate(-5deg);background:#a78c52;box-shadow:18px 26px 30px #10211580}.book-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:63%;height:76%;padding:28px;transform:rotate(-5deg);background:#f2ead3;border:1px solid #c4aa76;box-shadow:14px 20px 34px #10211580,inset 9px 0 9px #a8916655;color:#536b24;text-align:center}.book-cover:before{content:"";position:absolute;inset:14px;border:1px solid #b7a579;pointer-events:none}.book-overline,.book-bottom{position:relative;font-size:9px;font-weight:400;letter-spacing:.14em}.book-center{position:relative;font:400 clamp(44px,6vw,90px)/.9 var(--serif);letter-spacing:-.05em}.book-center em{color:#6d9b0b;font-size:.55em}
.terroir{position:relative;isolation:isolate;min-height:950px;padding:95px 40px 90px;background:#090909;color:var(--cream);display:flex;flex-direction:column;overflow:hidden}.terroir-media{position:absolute;inset:0;z-index:-2}.terroir:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#090909e8,#09090980 50%,#090909e8)}.terroir-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.terroir-intro h2{font-size:44px;line-height:1.15;letter-spacing:.02em;text-transform:none;margin-top:8px}.terroir-intro>p{font-size:15px;line-height:1.8;max-width:550px;margin-top:26px}.terroir-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center;margin:190px 0 130px}.terroir-facts span{font:300 30px/1.15 var(--serif);letter-spacing:.02em}.terroir-facts p{font:300 10px/1.6 var(--sans);letter-spacing:1.6px;color:var(--muted);margin-top:10px}.terroir blockquote{text-align:center;font:300 34px/1.3 var(--serif);margin-top:auto}.terroir cite{display:block;font:300 10px/1.5 var(--sans);letter-spacing:2px;color:var(--muted);margin-top:28px}
.experiences{padding:100px 40px;background:var(--paper)}.experiences-inner{max-width:1070px;margin:auto}.experiences h2{margin:6px 0 60px}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.experience-card{padding:48px 28px 54px;border:1px solid var(--gold);display:flex;flex-direction:column;min-height:410px}.experience-card .eyebrow{margin:8px 0 24px;font-size:10px;letter-spacing:1.8px}.experience-card>p:not(.eyebrow){color:var(--muted);margin-bottom:25px}.experience-card>a{margin-top:auto;padding-top:15px;border-top:1px solid #2a1b1f22;color:#b39550;font:400 12px/1.5 var(--sans)}.experience-card>a:hover{color:var(--ink)}
.closing{padding:110px 24px 90px;background:var(--wine);color:var(--cream);border-radius:32px 32px 0 0;text-align:center}.closing h2{margin:14px 0 24px;font-size:44px;line-height:1.15;letter-spacing:.02em;text-transform:none}.closing>p:not(.eyebrow){max-width:740px;margin:0 auto 36px;color:var(--muted);font-size:14px;line-height:1.8}.button-gold{display:flex;justify-content:center;align-items:center;gap:22px;min-height:42px;max-width:1024px;margin:auto;background:var(--gold);border-radius:6px;color:var(--wine);font:400 12px/1.5 var(--sans);transition:background .2s}.button-gold:hover{background:#d7bb77}
.film{padding:40px 8vw 85px;background:var(--wine);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.film h2{font-size:36px;line-height:1.15;letter-spacing:.02em;text-transform:none;margin:10px 0 20px}.film>div>p:not(.eyebrow){color:var(--muted);font-size:15px}.film-stage{aspect-ratio:16/9;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#000a,#000a),url('assets/tea-ritual.webp') center/cover;border:1px solid #f0e8d822}.film-mark{font:300 42px var(--serif);color:var(--gold)}.film-stage>p{color:var(--cream)!important;margin-top:15px}
.site-footer{padding:55px 32px 24px;background:var(--wine);color:var(--muted)}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:80px}.footer-main .eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);margin-bottom:14px}.footer-main .wordmark{display:inline-block;color:var(--cream);font-size:26px}.footer-main p:not(.eyebrow){font-size:12px;line-height:1.7;margin-top:28px}.footer-main nav{display:grid;gap:28px;justify-items:start}.footer-main nav a{font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.footer-main nav a:hover{color:var(--cream)}.footer-bottom{border-top:1px solid #f0e8d819;padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.5}.footer-bottom>a{white-space:nowrap}
@media(min-width:1600px){.header-inner{max-width:1300px}.story{gap:100px}.hero h1{font-size:64px}.collection{padding-inline:max(50px,calc((100vw - 1500px)/2))}.terroir{padding-inline:max(40px,calc((100vw - 1500px)/2))}}
@media(max-width:1199px){.header-inner{margin:0 40px;grid-template-columns:170px 1fr 0}.desktop-nav{gap:24px}.desktop-nav a{font-size:10px}.story{gap:50px}.story-visual{height:650px}h1,h2{font-size:46px}.collection{padding-inline:35px}.experience-card{padding:36px 24px}.experience-card h3{font-size:38px}.terroir-intro{gap:6%}}
@media(max-width:809px){:root{--header-height:68px}html{scroll-padding-top:84px}.header-inner{margin:0 24px;display:flex;justify-content:space-between}.desktop-nav{display:none}.menu-toggle{display:block}.ribbon{height:36px}.ribbon-group{gap:55px;min-width:1000px}.hero{min-height:600px;height:calc(100svh - 36px);padding-inline:24px}.hero h1{font-size:44px}.story{padding:60px 24px;gap:35px}.story-visual{height:530px}.story-copy h2{font-size:36px}.story-copy>p:not(.eyebrow){font-size:15px}.story-stat{width:240px}.stat-number{font-size:42px}.collection{padding:65px 24px}.collection-grid{gap:40px 24px}.section-heading h2{font-size:38px}.section-heading>.text-link{gap:15px}.collection-card h3{font-size:34px}.card-bottom{font-size:25px}.terroir{min-height:850px;padding:70px 24px}.terroir-intro h2{font-size:36px}.terroir-facts{margin:160px 0 100px;gap:20px}.terroir-facts span{font-size:26px}.experiences{padding:70px 24px}.experiences h2{font-size:42px;margin-bottom:40px}.experience-grid{gap:14px}.experience-card{padding:28px 18px;min-height:380px}.experience-card h3{font-size:30px}.experience-card>p:not(.eyebrow){font-size:15px}.closing{padding:80px 24px 55px}.film{padding:30px 24px 65px;gap:35px}.footer-main{padding-bottom:55px}}
@media(max-width:599px){h1,h2{font-size:36px;letter-spacing:.06em}.hero{min-height:580px}.hero h1{font-size:clamp(30px,7.8vw,44px);line-height:1.12;margin:20px 0 24px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.hero-description{font-size:14px;max-width:340px}.desktop-break{display:none}.hero-actions{flex-direction:column;gap:25px;margin-top:34px}.hero-scroll{bottom:-65px}.image-credit{font-size:9px;bottom:8px;right:8px;max-width:calc(100% - 16px)}.story{grid-template-columns:1fr;gap:40px;padding:48px 20px 58px}.story-visual{height:auto;aspect-ratio:4/5}.story-copy{max-width:none}.story-copy h2{font-size:40px;margin-bottom:25px}.story-copy h2 br:nth-of-type(2){display:none}.story-copy .text-link{margin-top:10px}.story-stat{bottom:22px;width:230px;padding:14px}.story-stat .eyebrow{font-size:10px}.collection{padding:60px 20px}.section-heading{align-items:flex-start;margin-bottom:30px;gap:20px}.section-heading h2{font-size:34px}.section-heading>.text-link{font-size:10px;white-space:nowrap;gap:8px;margin-top:28px}.collection-grid{grid-template-columns:1fr;gap:42px}.card-image{aspect-ratio:600/690}.card-meta{margin:22px 0 18px;font-size:10px}.collection-card h3{font-size:36px}.card-description{margin-bottom:24px}.card-bottom{font-size:28px;padding-top:17px}.book-center{font-size:68px}.book-cover{padding:26px 20px}.book-overline,.book-bottom{font-size:8px}.terroir{padding:60px 20px 65px;min-height:920px}.terroir-intro{grid-template-columns:1fr;gap:12px}.terroir-intro h2{font-size:36px}.terroir-intro>p{margin-top:10px}.terroir-facts{grid-template-columns:1fr 1fr;row-gap:40px;margin:80px 0}.terroir-facts span{font-size:30px}.terroir-facts p{font-size:9px}.terroir blockquote{font-size:28px}.terroir cite{font-size:9px}.experiences{padding:65px 20px}.experiences h2{font-size:38px;margin-bottom:35px}.experience-grid{grid-template-columns:1fr;gap:20px}.experience-card{min-height:0;padding:35px 26px}.experience-card h3{font-size:40px}.experience-card .eyebrow{margin:10px 0 20px}.experience-card>p:not(.eyebrow){font-size:17px}.closing{border-radius:24px 24px 0 0;padding:65px 20px 45px}.closing h2{font-size:36px}.button-gold{min-height:44px}.film{grid-template-columns:1fr;padding:25px 20px 50px;gap:25px}.film h2{font-size:36px}.site-footer{padding:40px 20px 25px}.footer-main{gap:35px;grid-template-columns:1fr 1fr}.footer-main nav{gap:22px}.footer-bottom{flex-direction:column;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ribbon-track{transform:none}}

/* SereniTea identity and content-specific refinements. */
.site-header{background:#080b08;color:var(--cream)}
.header-inner{grid-template-columns:180px 1fr 80px}
.brand-logo{display:block;width:117px;height:81px;overflow:hidden;background:#fff;flex-shrink:0}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.desktop-nav a{color:#d1d8ca}
.mobile-nav{background:#080b08}
.hero h1{max-width:900px;text-wrap:balance}
.hero-description{color:#f2f0e7;max-width:660px}
.hero .eyebrow{color:#e6dcae}
.hero .text-link{color:#e5e9db}
.story-copy h2 em{color:inherit;font-style:normal}
.story-copy>p:not(.eyebrow){color:#556350}
.story-copy .text-link{color:#52750e}
.story-stat{right:12px}
.collection .eyebrow,.terroir .eyebrow,.closing .eyebrow,.film .eyebrow{color:#dbe7c8}
.collection .card-description{color:#c3cec0}
.card-meta span{color:#dce6d5}
.terroir h2 em{color:#e2eccb}
.terroir-facts p,.terroir cite{color:#d4dfd0}
.terroir:before{background:linear-gradient(#0c1b11e8,#0b1c1190 48%,#0c1b11ec)}
.experience-card{border-color:#a3b580}
.experience-card>a{color:#52750e}
.closing>p:not(.eyebrow),.film>div>p:not(.eyebrow){color:#d1dacb}
.closing h2 em{color:#dcebbd}
.button-gold{max-width:300px;background:var(--gold);font-weight:500}
.button-gold:hover{background:#f5ca55}
.film-stage{padding:0;min-height:260px}
.film-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;min-height:260px;padding:24px;color:var(--cream);font-size:17px;text-align:center}
.film-empty .film-mark{font-size:42px;line-height:1}
.film-stage iframe{display:block;width:100%;height:100%;min-height:260px;border:0}
.site-footer{color:#d1dccd}
.footer-logo{width:126px;height:87px}
.footer-main .eyebrow{color:#e5e7c3}
.footer-main p:not(.eyebrow){color:#d1dccd}
.footer-main nav a:hover{color:#fff}
.book-photo>img{width:100%;height:100%;object-fit:cover}
.collection-card .card-image.book-art{cursor:default}
.terroir-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:809px){:root{--header-height:76px}.brand-logo{width:104px;height:72px}.header-inner{margin:0 24px}}
@media(max-width:599px){
  .section-heading{display:block}
  .section-heading>.text-link{margin-top:16px}
  .hero h1{letter-spacing:.025em}
  .book-shadow,.book-cover{width:74%}
  .book-center{font-size:clamp(44px,12vw,68px)}
  .terroir-facts{grid-template-columns:1fr 1fr}
  .footer-main{gap:20px}
  .film-stage,.film-empty,.film-stage iframe{min-height:230px}
}