:root{--black:#050706;--white:#f5f4ec;--grey:#a7aaa4;--gold:#c9b08a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;position:sticky;top:0;z-index:90;background:rgba(5,7,6,.93);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1b}.logo{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.19em;font-weight:700}.logo img{width:32px;height:32px;object-fit:contain}.desktop-nav{display:flex;gap:25px}.desktop-nav a{font-size:11px;font-weight:600;color:#d8d9d4;transition:color .2s}.desktop-nav a:hover{color:#fff}.partner-link{font-size:10px;font-weight:700;letter-spacing:.12em;border:1px solid #686c66;padding:15px 18px}.partner-link span{margin-left:13px}.menu-button,.mobile-nav{display:none}.hero{display:grid;grid-template-columns:53% 47%;min-height:740px;max-height:930px;height:calc(100svh - 78px);background:#070a08;overflow:hidden}.hero-copy{padding:9% 5% 5% 9%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 26px}.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a5bf94;margin-right:9px;box-shadow:0 0 14px #a5bf9480}.hero h1,.section h2,.statement h2,.feature h2,.origin h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.1vw,92px);letter-spacing:-.066em;line-height:1.07;margin:0;font-weight:700}.hero h1 em,.section h2 em,.statement h2 em,.feature h2 em,.origin h2 em{font-style:normal;color:#91ad92}.hero-description{font-size:15px;line-height:1.9;color:#c6cac3;margin:30px 0 36px}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 25px;font-size:10px;font-weight:800;letter-spacing:.13em}.button.light{background:#f0eee5;color:#111812}.button.outline{border:1px solid #a3a99e;color:#fff}.underlink,.text-link{font-size:11px;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #a0a59e;padding:9px 0;display:inline-block}.hero-foot{display:flex;justify-content:space-between;position:absolute;bottom:35px;left:9%;right:7%;color:#9ba79e;font-size:9px;letter-spacing:.14em}.hero-photo{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#10251b 0%,#060806 62%);overflow:hidden}.hero-photo img{width:min(92%,680px);height:min(90%,760px);object-fit:contain;filter:drop-shadow(0 24px 40px #0008)}.hero-tag{position:absolute;bottom:35px;right:5%;font-size:10px;letter-spacing:.16em;color:#a9baa7}.marquee{border-block:1px solid #242a25;padding:18px 0;overflow:hidden;white-space:nowrap;background:#0e130f}.marquee div{display:flex;justify-content:space-around;gap:40px;min-width:1200px;font-size:10px;letter-spacing:.2em;color:#d5d9ce}.marquee b{color:#739b74}.section{padding:110px 5%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.section h2,.statement h2,.feature h2,.origin h2{font-size:clamp(40px,5vw,76px)}.section-intro{color:#b8beb5;font-size:14px;line-height:1.8;margin:23px 0 0}.slide-controls{display:flex;gap:10px}.slide-controls button{border:1px solid #5c635b;background:transparent;color:#fff;width:52px;height:52px;font-size:23px}.slide-controls button:hover{background:#fff;color:#000}.products{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:18px}.products::-webkit-scrollbar{display:none}.product{width:clamp(260px,25vw,390px);flex:0 0 clamp(260px,25vw,390px);scroll-snap-align:start}.product-image{height:clamp(310px,33vw,460px);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent),#050706 78%) 0%,#050706 68%);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-image:hover img{transform:scale(1.045)}.product-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#9ea79d;margin-top:18px}.product-title{display:flex;align-items:center;justify-content:space-between}.product h3{font-size:28px;letter-spacing:-.04em;margin:9px 0}.product-title a{font-size:23px}.product p{color:#c6cac3;font-size:12px;line-height:1.8;margin:3px 0}.collection-bottom{display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.13em;color:#88948b;margin-top:25px}.statement{text-align:center;padding:120px 8%;background:#102219}.statement p:not(.eyebrow){color:#cad3c8;line-height:1.9;max-width:620px;margin:26px auto}.pill-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:35px 0}.pill-row span{border:1px solid #56705b;padding:11px 15px;font-size:9px;letter-spacing:.1em}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.feature-image{overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:12%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background:#141916}.feature-copy p:not(.eyebrow){max-width:440px;color:#b8c1b7;line-height:1.9;margin:25px 0}.academy .editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.editorial-grid a img{width:100%;height:340px;object-fit:cover}.editorial-grid a span{display:block;margin:22px 0 10px;color:#b5b7b0;font-size:10px;letter-spacing:.17em}.editorial-grid h3{font-size:23px;margin:0}.origin{position:relative;min-height:600px;display:flex;align-items:center;padding:7%;overflow:hidden}.origin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.origin-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061009eb 0%,#061009a0 45%,#06100930 100%)}.origin-content{position:relative;max-width:650px}.origin-content p:not(.eyebrow){color:#e2e5dc;line-height:1.8;max-width:480px;margin:24px 0 35px}.partners{text-align:center;background:#111a14}.partners p:not(.eyebrow){color:#c2ccc0;max-width:580px;margin:30px auto;line-height:1.9}.partners .button{margin-top:12px}footer{padding:70px 5% 25px;background:#060806}.footer-main{display:grid;grid-template-columns:2.4fr repeat(3,1fr);gap:40px}.footer-main p{font-size:13px;line-height:1.8;color:#9ba69b}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:15px}.footer-main b{font-size:10px;letter-spacing:.15em;color:#a4a9a0;margin-bottom:10px}.footer-main a:not(.logo){font-size:12px;color:#c3c7bf}.footer-bottom{border-top:1px solid #283029;margin-top:65px;padding-top:23px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.1em;color:#909a91}
@media(max-width:1080px){.desktop-nav{gap:12px}.desktop-nav a{font-size:10px}.hero{min-height:640px}.hero-copy{padding-left:7%}.hero h1{font-size:clamp(43px,5vw,70px)}}
@media(max-width:780px){.header{height:65px;padding:0 5%}.desktop-nav,.partner-link{display:none}.menu-button{display:block;border:0;background:none;color:#fff;font-size:25px}.mobile-nav{display:none;position:fixed;z-index:88;top:65px;left:0;right:0;background:#0b100d;padding:25px 6%;box-shadow:0 30px 50px #0009}.mobile-nav.open{display:flex;flex-direction:column;gap:24px}.mobile-nav a{font-size:16px}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;display:flex;flex-direction:column}.hero-copy{padding:65px 6% 40px}.hero h1{font-size:clamp(45px,11vw,76px)}.hero-description{margin:24px 0}.hero-foot{position:static;margin-top:50px}.hero-photo{min-height:430px;height:68vw;max-height:650px}.hero-photo img{height:100%;max-width:90%}.hero-tag{bottom:15px}.section{padding:70px 5%}.section-head{align-items:flex-start;gap:15px}.section h2,.statement h2,.feature h2,.origin h2{font-size:clamp(38px,9vw,62px)}.slide-controls{align-self:flex-end}.slide-controls button{width:40px;height:40px}.product{width:76vw;flex-basis:76vw}.product-image{height:87vw;max-height:480px}.collection-bottom{flex-direction:column}.statement{padding:75px 5%}.feature{grid-template-columns:1fr}.feature-image{height:390px}.feature-copy{padding:65px 6%}.academy .editorial-grid{grid-template-columns:1fr;gap:32px}.editorial-grid a img{height:280px}.origin{min-height:570px;padding:8%}.footer-main{grid-template-columns:repeat(2,1fr);gap:30px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.6}.hero-actions{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Tesla-inspired discoverable product carousel */
.collection-top-hint{align-self:flex-end;font-size:10px;letter-spacing:.17em;color:#a6afa6;white-space:nowrap;padding-bottom:12px}
.collection-top-hint span{color:#fff;font-size:18px;margin-left:12px}
.products-shell{position:relative}
.products{scroll-padding-inline:0;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.products.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.products:focus-visible{outline:2px solid #c9b08a;outline-offset:4px}
.products .product-image img{-webkit-user-drag:none;user-select:none}
.tesla-next{position:absolute;right:0;top:0;height:min(460px,33vw);width:clamp(76px,8vw,132px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:0;color:#fff;background:linear-gradient(90deg,transparent,#050706b8 30%,#050706ef 100%);transition:opacity .2s;z-index:3}
.tesla-next-arrow{display:grid;place-items:center;width:64px;height:64px;border:1px solid #f5f4ec;border-radius:50%;font-size:35px;font-weight:300;background:#ffffff0d;backdrop-filter:blur(12px);transition:background .2s,color .2s,transform .2s}
.tesla-next:hover .tesla-next-arrow{background:#fff;color:#050706;transform:translateX(4px)}
.tesla-next-label{font-size:10px;font-weight:700;letter-spacing:.22em}
.tesla-next[disabled]{opacity:0;pointer-events:none}
.collection-navigation{display:flex;align-items:center;gap:28px;margin-top:12px;color:#a6afa6}
.collection-swipe-hint{white-space:nowrap;display:flex;gap:12px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.15em;color:#eee}
.swipe-icon{font-size:25px;font-weight:300}.swipe-mobile{display:none}
.collection-progress{height:3px;background:#3c423e;flex:1;min-width:40px;overflow:hidden}
.collection-progress span{display:block;height:100%;width:7%;background:#f5f4ec;transition:width .15s}
.collection-navigation-right{display:flex;align-items:center;gap:8px;white-space:nowrap}
#collection-count{font-size:10px;letter-spacing:.14em;margin-right:12px}
.collection-navigation-right button{border:1px solid #666e67;background:transparent;color:#fff;width:46px;height:46px;font-size:23px;transition:background .2s,color .2s}
.collection-navigation-right button:hover:not(:disabled){background:#fff;color:#050706}
.collection-navigation-right button:disabled{opacity:.3;cursor:default}
@media(max-width:780px){.collection-top-hint{display:none}.products{gap:14px;scroll-snap-type:x mandatory}.product{width:76vw;flex-basis:76vw}.tesla-next{height:min(87vw,480px);width:72px;background:linear-gradient(90deg,transparent,#050706ad 50%,#050706d9 100%)}.tesla-next-arrow{width:48px;height:48px;font-size:27px}.tesla-next-label{font-size:9px}.collection-navigation{gap:12px;flex-wrap:wrap}.collection-swipe-hint{font-size:9px}.swipe-desktop{display:none}.swipe-mobile{display:inline}.collection-progress{order:3;flex-basis:100%}.collection-navigation-right{margin-left:auto}.collection-navigation-right button{width:42px;height:42px}#collection-count{margin-right:2px}}
@media(prefers-reduced-motion:reduce){.tesla-next-arrow,.collection-progress span{transition:none}}

/* 02 / THE POWER OF PURE — cinematic full-bleed brand chapter */
.power-pure{isolation:isolate;position:relative;min-height:clamp(670px,62vw,920px);display:flex;align-items:center;overflow:hidden;background:#060b08;border-top:1px solid #242b25;border-bottom:1px solid #242b25}
.power-pure-image{position:absolute;z-index:-2;inset:0;background-image:url('assets/brand/ritual-black-v1.webp');background-position:center center;background-size:cover;transform:scale(1.02)}
.power-pure-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,8,5,.98) 0%,rgba(3,8,5,.91) 26%,rgba(3,8,5,.66) 49%,rgba(3,8,5,.18) 83%),linear-gradient(0deg,rgba(3,8,5,.83),transparent 30%,transparent 76%,rgba(3,8,5,.27))}
.power-pure-content{width:min(100%,1550px);margin:auto;padding:130px max(6.5%,32px) 140px;position:relative}
.power-kicker{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.24em;font-weight:700;color:#d3c1a4;margin:0 0 34px}
.power-line{display:inline-block;width:38px;height:1px;background:#c9b08a}
.power-pure h2{font-family:'Manrope',sans-serif;font-size:clamp(48px,6.2vw,112px);line-height:1.04;letter-spacing:-.075em;font-weight:800;max-width:1050px;margin:0;text-wrap:balance}
.power-pure h2 em{font-style:normal;color:#a7bca3;display:block;letter-spacing:-.067em;font-size:.72em;margin-top:14px}
.power-description{max-width:510px;color:#d1d7d0;font-size:clamp(15px,1.3vw,19px);line-height:1.75;margin:34px 0 32px}
.power-cta{display:inline-flex;align-items:center;gap:32px;text-decoration:none;color:#fff;font-size:11px;letter-spacing:.16em;font-weight:700;padding:15px 0;border-bottom:1px solid #b4bfb4;transition:gap .2s,color .2s}
.power-cta:hover{gap:44px;color:#c9b08a}
.power-cta-arrow{font-size:23px;font-weight:400;line-height:1}
.power-pure-footer{position:absolute;bottom:30px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;color:#e3e8e1;font-size:10px;letter-spacing:.18em}
@media(max-width:780px){.power-pure{min-height:740px;align-items:flex-end}.power-pure-image{background-position:64% center}.power-pure-shade{background:linear-gradient(0deg,rgba(3,8,5,.99) 0%,rgba(3,8,5,.9) 29%,rgba(3,8,5,.38) 65%,rgba(3,8,5,.2) 100%),linear-gradient(90deg,rgba(3,8,5,.48),transparent 80%)}.power-pure-content{padding:170px 6% 108px}.power-kicker{font-size:9px;margin-bottom:26px;letter-spacing:.17em}.power-pure h2{font-size:clamp(43px,9.2vw,73px);letter-spacing:-.07em}.power-pure h2 em{font-size:.72em;margin-top:12px}.power-description{font-size:15px;line-height:1.65;margin:25px 0 20px}.power-description br{display:none}.power-pure-footer{left:6%;right:6%;bottom:22px;font-size:8px}.power-pure-footer span:last-child{display:none}.power-cta{min-height:48px;font-size:10px}}
@media(max-width:390px){.power-pure{min-height:700px}.power-pure h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){.power-cta{transition:none}}


/* Future is Refillable / editorial product experience */
.refill-future{position:relative;isolation:isolate;overflow:hidden;background:#080b09;border-top:1px solid #202721;border-bottom:1px solid #202721;color:#f4f4ef}
.refill-ambient{position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 31% 37% at 67% 53%,rgba(66,101,63,.22),transparent 80%),radial-gradient(ellipse 35% 50% at 92% 7%,rgba(165,144,101,.09),transparent 80%)}
.refill-inner{max-width:1740px;margin:auto;min-height:760px;padding:112px 5.4% 34px;display:grid;grid-template-columns:46% 54%;grid-template-rows:1fr auto;align-items:center;position:relative}
.refill-copy{position:relative;z-index:4;padding-bottom:35px}.refill-kicker{display:flex;align-items:center;gap:14px;color:#b8c3b5;font-size:10px;letter-spacing:.22em;font-weight:700;margin:0 0 39px}.refill-kicker-line{width:28px;height:1px;background:#a2b8a0}
.refill-copy h2{font-family:'Manrope',sans-serif;font-size:clamp(49px,5.15vw,94px);letter-spacing:-.085em;line-height:1.055;margin:0;font-weight:800;white-space:nowrap}.refill-copy h2 em{font-style:normal;color:#a7bda7}
.refill-description{font-size:clamp(14px,1.1vw,17px);line-height:1.85;color:#aeb6ac;max-width:420px;margin:31px 0 32px}.refill-link{display:inline-flex;gap:38px;align-items:center;padding:16px 0;border-bottom:1px solid #a3b4a0;font-size:11px;font-weight:700;letter-spacing:.13em;transition:gap .25s}.refill-link:hover{gap:50px}.refill-link span{font-size:20px}
.refill-stage{height:600px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.refill-orbit{position:absolute;width:min(96%,610px);aspect-ratio:1;border:1px solid rgba(169,190,166,.14);border-radius:50%;transform:rotateX(66deg) rotateZ(-12deg)}.orbit-two{width:min(78%,470px);border-color:rgba(169,190,166,.1)}
.refill-tin{position:absolute;width:min(61%,385px);left:9%;top:8%;z-index:3;filter:drop-shadow(25px 30px 25px rgba(0,0,0,.66));animation:refill-hover 7s ease-in-out infinite}.refill-tin img{width:100%;height:auto;object-fit:contain}
.refill-pouch{position:absolute;right:3%;top:21%;width:36%;height:66%;max-width:240px;z-index:2;filter:drop-shadow(20px 24px 20px #000a);transform:rotate(6deg);animation:refill-pouch-hover 8s ease-in-out infinite}.refill-pouch-face{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#203627;background:linear-gradient(110deg,#d9dac9 0%,#f5f2e5 25%,#e5e3d3 73%,#c4c6b6 100%);clip-path:polygon(3% 0,97% 0,100% 98%,0 98%);border-radius:5px 5px 14px 14px;box-shadow:inset -15px 0 24px #46553b20,inset 12px 0 18px #ffffff60}.refill-pouch-top{position:absolute;z-index:2;left:4%;right:4%;top:8%;border-top:2px dashed #85907c;opacity:.5}.refill-pouch-mark{font-family:Georgia,serif;font-size:clamp(38px,5vw,80px);font-weight:700;line-height:.85;color:#285037}.refill-pouch-brand{letter-spacing:.29em;font-size:clamp(9px,1.1vw,15px);font-weight:700}.refill-pouch-rule{width:35px;height:1px;background:#7d9b80;margin:10px}.refill-pouch-face strong{font-size:clamp(11px,1.3vw,18px);letter-spacing:.04em}.refill-pouch-face small{font-size:clamp(8px,.7vw,10px);letter-spacing:.15em}.refill-pouch-weight{font-size:12px;margin-top:20px}
.refill-stage-floor{position:absolute;bottom:5%;width:84%;height:35px;background:#080b09;border-radius:50%;box-shadow:0 0 55px 35px #8da78d0a;filter:blur(15px)}.refill-floating-note{position:absolute;z-index:4;font-size:9px;letter-spacing:.22em;color:#abb7a7}.note-left{left:0;bottom:20%}.note-right{right:0;top:12%}
.refill-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #ffffff22;color:#aab2a7;font-size:10px;letter-spacing:.13em}.refill-footer b{color:#f5f5ed;font-weight:500;margin-left:10px}.refill-footer-mid{color:#d6e0d0}
@keyframes refill-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes refill-pouch-hover{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-11px)}}
@media(max-width:1000px){.refill-inner{grid-template-columns:1fr;min-height:unset;padding:80px 6% 30px}.refill-copy{padding:0}.refill-copy h2{font-size:clamp(44px,8vw,80px)}.refill-stage{height:520px}.refill-tin{width:44%;left:20%}.refill-pouch{right:16%;width:28%}.refill-footer{margin-top:10px}}
@media(max-width:600px){.refill-inner{padding:70px 6% 25px}.refill-kicker{font-size:9px;margin-bottom:24px}.refill-copy h2{font-size:clamp(41px,11vw,66px)}.refill-description{margin:23px 0 18px;font-size:14px;line-height:1.75}.refill-stage{height:340px;margin:8px -5% 0}.refill-tin{width:56%;left:7%;top:8%}.refill-pouch{width:37%;height:68%;right:7%;top:18%}.refill-pouch-face{gap:6px}.refill-pouch-mark{font-size:43px}.refill-pouch-rule{margin:5px}.refill-pouch-weight{margin-top:8px}.refill-floating-note{font-size:8px}.note-left{left:6%;bottom:4%}.note-right{right:5%;top:4%}.refill-footer{flex-wrap:wrap;font-size:9px;line-height:1.6}.refill-footer-mid{order:3;width:100%}}
@media(max-width:365px){.refill-copy h2{font-size:38px}.refill-stage{height:300px}}
@media(prefers-reduced-motion:reduce){.refill-tin,.refill-pouch{animation:none}.refill-link{transition:none}}

/* 02 — BEYOND TEA / cinematic fluid chapter */
.beyond-tea{position:relative;isolation:isolate;min-height:100svh;min-height:max(690px,100svh);overflow:hidden;display:flex;align-items:center;background:#010503;color:#fff;border-top:1px solid #14221a;border-bottom:1px solid #14221a}
.beyond-visual{position:absolute;inset:0;z-index:-1;overflow:hidden;transform:scale(var(--beyond-zoom,1));transform-origin:center center;will-change:transform}
.beyond-video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.2) contrast(1.18) brightness(.76)}
.beyond-shade{position:absolute;inset:0;background:linear-gradient(90deg,#010503 0%,rgba(1,5,3,.93) 22%,rgba(1,5,3,.61) 51%,rgba(1,5,3,.16) 100%),linear-gradient(0deg,#010503bb,transparent 26%,transparent 76%,#01050375)}
.beyond-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#a8e2b014 1px,transparent 1px),linear-gradient(90deg,#a8e2b014 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent,#000)}
.beyond-content{width:min(100%,1650px);margin:0 auto;padding:130px 7% 140px;position:relative;z-index:2}
.beyond-kicker{display:flex;align-items:center;gap:13px;margin:0 0 38px;color:#b7cbb9;font-size:11px;font-weight:700;letter-spacing:.22em}
.beyond-dot{width:7px;height:7px;border-radius:50%;background:#a2ecae;box-shadow:0 0 20px #72df8d}
.beyond-tea h2{font-family:Manrope,sans-serif;font-size:clamp(58px,7.8vw,138px);font-weight:800;line-height:.98;letter-spacing:-.09em;margin:0;max-width:1400px}
.beyond-tea h2 em{display:block;font-style:normal;color:#b6dfb4;margin-top:13px}
.beyond-description{margin:36px 0 29px;max-width:520px;color:#d2dbd3;font-size:clamp(16px,1.5vw,21px);line-height:1.65}
.beyond-cta{display:inline-flex;gap:28px;align-items:center;color:#fff;border-bottom:1px solid #b2c8b7;padding:15px 0;font-size:11px;font-weight:700;letter-spacing:.15em;text-decoration:none;transition:gap .2s}
.beyond-cta:hover{gap:42px}.beyond-cta span{font-size:23px;font-weight:400}
.beyond-bottom{position:absolute;bottom:34px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;color:#a9b9aa;font-size:10px;letter-spacing:.18em}
@media(max-width:780px){.beyond-tea{min-height:720px;min-height:100svh;align-items:flex-end}.beyond-video{object-position:58% center}.beyond-shade{background:linear-gradient(0deg,#010503 0%,#010503ee 23%,#010503a0 48%,#0105034d 100%)}.beyond-grid{background-size:64px 64px}.beyond-content{padding:170px 6% 112px}.beyond-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:26px}.beyond-tea h2{font-size:clamp(43px,10.4vw,78px);line-height:1.05}.beyond-tea h2 em{margin-top:10px}.beyond-description{font-size:15px;margin:26px 0 20px}.beyond-description br{display:none}.beyond-cta{min-height:48px;font-size:10px}.beyond-bottom{left:6%;right:6%;bottom:22px;font-size:8px}.beyond-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.beyond-visual{transform:none!important;will-change:auto}.beyond-cta{transition:none}}

/* BEYOND TEA — corrected visual matching the supplied reference */
.beyond-tea{background:#000;border:0;min-height:max(730px,100svh)}
.beyond-visual{background:#000;overflow:hidden}
.beyond-ink-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 46%;display:block;filter:saturate(1.08) contrast(1.07);animation:beyondFloat 20s ease-in-out infinite alternate;transform-origin:63% 38%}
@keyframes beyondFloat{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1%,1%,0)}}
.beyond-shade{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.96) 15%,rgba(0,0,0,.80) 32%,rgba(0,0,0,.30) 56%,rgba(0,0,0,.03) 100%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 25%,transparent 82%,rgba(0,0,0,.25))}
.beyond-grid{display:none}
.beyond-content{padding-top:130px;padding-bottom:130px}
.beyond-tea h2{font-size:clamp(56px,7.1vw,124px);max-width:960px}
@media(max-width:780px){.beyond-tea{min-height:780px;min-height:100svh}.beyond-ink-image{object-position:59% top}.beyond-shade{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.96) 19%,rgba(0,0,0,.82) 40%,rgba(0,0,0,.12) 75%,transparent 100%)}.beyond-content{padding:260px 6% 110px}.beyond-tea h2{font-size:clamp(43px,10.4vw,78px)}}
@media(prefers-reduced-motion:reduce){.beyond-ink-image{animation:none}}

/* Approved product artwork stays separate from generated editorial scenes. */
.power-pure{background:#000}.power-pure-shade{background:linear-gradient(90deg,#000e 0%,#000b 37%,#0003 75%),linear-gradient(0deg,#0009,transparent 35%)}
.power-pure-content{z-index:1}.brand-ritual-product{position:absolute;z-index:0;right:10%;top:5%;width:clamp(160px,17vw,280px);height:auto;object-fit:contain;mix-blend-mode:lighten;pointer-events:none}
@media(max-width:780px){.brand-ritual-product{width:135px;right:6%;top:20px}.power-pure-shade{background:linear-gradient(0deg,#000f 0%,#000d 35%,#0006 75%,#0003 100%)}}