@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,800&display=swap');
:root{--cream:#f6f7ef;--green:#203f32;--muted:#647165;--mint:#e1ebd8;--line:#dce1d4}*{box-sizing:border-box}html{scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #6b9176;outline-offset:6px}.announcement{padding:11px 20px;background:var(--green);color:#eef2df;text-align:center;font-size:12px;letter-spacing:.055em}header{height:101px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Manrope',sans-serif;font-size:47px;letter-spacing:-4px;font-weight:600;line-height:1}.wordmark span{font-family:sans-serif;font-size:12px;letter-spacing:0;vertical-align:top;position:relative;top:9px;margin-left:6px}nav{display:flex;gap:36px;font-size:14px}.nav-shop{border:1px solid #8c9b87;padding:13px 22px;border-radius:30px;font-size:14px}.nav-shop span{margin-left:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;margin:0 5.5%;padding:28px 0 46px;gap:36px}.hero-copy{padding-top:61px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.17em;margin:0 0 28px}.tiny-flower{font-size:20px;vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',sans-serif;font-size:clamp(60px,6.3vw,94px);font-weight:500;line-height:1.05;letter-spacing:-.067em;margin-bottom:29px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1 em{font-size:1.12em}.intro{font-size:17px;line-height:1.7;color:#657264;margin-bottom:30px}.button{display:inline-flex;gap:42px;align-items:center;justify-content:space-between;padding:17px 25px;border:0;border-radius:32px;font-size:14px}.dark{color:var(--cream);background:var(--green)}.button:hover{background:#355a43}.button span{font-size:20px}.text-link{display:inline-block;margin-left:24px;font-size:13px;padding-bottom:6px;border-bottom:1px solid #a1aa96}.text-link span{margin-left:12px}.hero-notes{display:flex;align-items:center;gap:14px;margin-top:54px;font-size:11px;color:#6f7b69}.hero-notes i{height:3px;width:3px;background:#819276;border-radius:50%}.hero-art{min-height:585px;border-radius:180px 180px 10px 10px;position:relative;background:radial-gradient(ellipse at 52% 46%,#f1f5e4 0,#e2ebd4 45%,#cedfc3 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-corner{position:absolute;left:30px;top:32px;font-size:9px;letter-spacing:.12em}.hero-art .photo-corner{top:56px;left:0;right:0;text-align:center}.product-ghost{width:108px;height:282px;border:1px solid #97ae8d;border-radius:25px 25px 21px 21px;background:linear-gradient(90deg,#c8d9bb80,#f4f8e0a0,#c9d9bf80);position:relative;transform:rotate(14deg);box-shadow:20px 26px 40px #42643512;display:flex;align-items:center;flex-direction:column;padding-top:104px}.product-ghost:before{content:'';position:absolute;top:73px;left:0;right:0;border-top:1px solid #97ae8d}.ghost-brand{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-2px}.ghost-label{font-size:8px;letter-spacing:.18em;line-height:1.6;text-align:center;margin-top:12px}.ghost-bottom{font-size:6px;letter-spacing:.1em;margin-top:25px}.orbit{position:absolute;border:1px solid #6e926324;border-radius:50%;width:700px;height:230px;transform:rotate(-33deg)}.orbit-two{height:360px;width:790px;transform:rotate(-33deg)}.art-caption{position:absolute;bottom:73px;display:flex;align-items:center;gap:10px;text-align:left;color:#55704b}.art-caption p{font-family:Georgia,serif;font-size:17px;margin:0}.art-caption small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:.13em;margin-top:9px}.placeholder-symbol{font-size:22px;font-weight:400}.vertical-note{position:absolute;right:19px;top:220px;writing-mode:vertical-rl;letter-spacing:.13em;font-size:8px}.art-bottom{position:absolute;bottom:24px;font-size:10px;letter-spacing:.04em;color:#526c48}.qualities{display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 4%;font-size:12px;letter-spacing:.015em}.qualities b{font-size:20px;font-weight:400;color:#69855d}.section{padding:96px 5.5%}h2{font-family:'Manrope',sans-serif;font-size:clamp(38px,4vw,57px);font-weight:400;letter-spacing:-.055em;line-height:1.15;margin-bottom:24px}.welcome{text-align:center;padding-top:98px;padding-bottom:97px}.welcome .eyebrow{margin-bottom:24px}.welcome p:last-child{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:39px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:6px}.botanicals{padding-top:20px}.botanical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.botanical-image{height:312px;position:relative;border-radius:3px;display:grid;place-items:center}.mint{background:#e0e8d7}.eucalyptus{background:#dce4dc}.herbs{background:#e9e8d9}.image-index{position:absolute;top:20px;left:20px;font-size:10px;color:#61715b}.image-placeholder{display:block;text-align:center;font-size:26px;font-weight:400;color:#667c5c}.image-placeholder small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:.12em;margin-top:11px}.image-caption{position:absolute;bottom:22px;left:22px;font-family:Georgia,serif;font-style:italic;font-size:22px;color:#617357}.card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.card-label h3{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.04em;margin-bottom:0}.card-label span{font-size:8px;letter-spacing:.06em}.botanical-grid article>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:320px;margin-top:14px}.ritual{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--cream)}.ritual-art{min-height:670px;background:#c8d6be;position:relative;color:#355037;display:flex;align-items:center;justify-content:center}.ritual-art>p{position:absolute;bottom:39px;left:11%;font-size:44px;line-height:1.1;letter-spacing:-.06em}.ritual-copy{padding:68px 12%}.ritual-copy h2{font-size:65px}.ritual-copy .eyebrow{color:#c2d0b9;font-size:10px}.step{display:flex;gap:23px;border-top:1px solid #ffffff26;padding-top:18px;margin-top:19px}.step>span{font-size:10px;color:#aebfa3;padding-top:4px}.step h3{font-size:14px;font-weight:500;margin-bottom:7px}.step p{font-size:12px;color:#bfccb7;line-height:1.7;margin:0;max-width:280px}.shop{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding-top:105px;padding-bottom:105px}.shop p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.shop .button{margin-top:13px}.shop p.shop-note{font-size:11px;margin:16px 0 0}.shop-image{height:350px;background:#e3e9d9;border-radius:140px 140px 4px 4px;display:grid;place-items:center;position:relative}.shop-image-label{position:absolute;bottom:25px;font-size:9px;letter-spacing:.14em}footer{padding:40px 5.5% 24px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-top p{margin:0;font-family:Georgia,serif;font-size:22px;font-style:italic}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:10px}dialog{border:1px solid #a1b196;border-radius:12px;padding:55px;max-width:520px;width:calc(100% - 32px);color:var(--green);background:var(--cream)}dialog::backdrop{background:#142d23aa}dialog h2{font-size:45px}dialog>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.close{position:absolute;right:16px;top:10px;background:none;border:none;font-size:30px;color:var(--green)}
@media(min-width:1500px){header,.hero{max-width:1400px;margin-left:auto;margin-right:auto}.section{padding-left:max(5.5%,calc((100% - 1400px)/2));padding-right:max(5.5%,calc((100% - 1400px)/2))}}@media(max-width:1000px){.hero{gap:20px}.hero-copy{padding-top:40px}h1{font-size:66px}.hero-art{min-height:550px}.text-link{margin:22px 0 0;display:table}.hero-notes{margin-top:30px}.card-label{display:block}.card-label span{display:block;margin-top:10px}.ritual-copy{padding:55px 10%}.shop{gap:35px}}@media(max-width:700px){header{height:82px}.wordmark{font-size:40px}nav{display:none}.nav-shop{font-size:12px;padding:11px 18px}.announcement{font-size:10px}.hero{grid-template-columns:1fr;padding-top:0;gap:35px}.hero-copy{padding-top:38px}h1{font-size:clamp(62px,13vw,86px)}.intro{font-size:16px}.hero-art{min-height:500px;border-radius:160px 160px 6px 6px}.hero-notes{margin-top:30px}.text-link{display:inline-block;margin:0 0 0 18px;font-size:12px}.hero .eyebrow{font-size:10px}.qualities{display:grid;grid-template-columns:1fr 1fr;gap:19px;text-align:center;font-size:10px;padding:24px 5%}.qualities b{display:none}.section{padding:65px 6%}.welcome h2{font-size:36px}.welcome p:last-child{font-size:14px}.desktop{display:none}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin:20px 0 0}.botanical-grid{grid-template-columns:1fr;gap:32px}.botanical-image{height:330px}.card-label{display:flex}.card-label span{margin-top:0}.botanical-grid article>p{max-width:100%}.ritual{grid-template-columns:1fr}.ritual-art{min-height:440px}.ritual-art>p{font-size:40px;left:6%;bottom:10px}.ritual-copy{padding:55px 7%}.ritual-copy h2{font-size:62px}.step p{font-size:14px;max-width:100%}.shop{grid-template-columns:1fr;gap:35px}.shop h2{font-size:38px}.shop-image{height:300px}.footer-top{flex-wrap:wrap;gap:27px}.footer-top p{font-size:18px}.footer-top>a:last-child{width:100%}.footer-bottom{display:block;line-height:1.9}.footer-bottom span{display:block}dialog{padding:40px 28px}}

/* Bloom reference: botanical green, warm cream, rounded serif and pill controls. */
:root{--cream:#fbf5eb;--green:#215b32;--muted:#516952;--mint:#bedfc2;--line:#d7e1ce}
body{background:var(--cream)}
h1,h2,.wordmark{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.045em}
h1{font-size:clamp(60px,6vw,88px);line-height:1.06}
h2{line-height:1.14}
em,h1 em{font-family:inherit;font-size:1em;font-weight:inherit;font-style:normal;letter-spacing:inherit}
.wordmark{font-weight:800;letter-spacing:-.065em}
nav,.nav-shop,.button{font-weight:700}
.button,.nav-shop{border-radius:48px}
.nav-shop{background:var(--green);color:#fff;border-color:var(--green)}
.dark{color:#fff}.button:hover,.nav-shop:hover{background:#174726}
.hero-art{border-radius:16px;background:radial-gradient(ellipse at 52% 46%,#eef5df 0,#d4e9c9 48%,#bedfc2 100%)}
.hero-art .photo-corner{top:30px}
.product-ghost{border-color:#78a478;background:linear-gradient(90deg,#b5d5ad90,#edf4dca0,#bad9b590);color:var(--green)}
.product-ghost:before{border-color:#78a478}
.ghost-brand{font-family:'Fraunces',Georgia,serif;font-weight:700}
.art-caption p,.image-caption,.card-label h3,.footer-top p{font-family:'Fraunces',Georgia,serif;font-style:normal;font-weight:600}
.mint{background:#bedfc2}.eucalyptus{background:#d1e7da}.herbs{background:#e6edc7}
.botanical-image,.shop-image,.ritual-art{border-radius:16px}
.shop-image{background:#bedfc2}
.qualities{background:#e8efda}
.ritual{border-radius:20px;overflow:hidden;margin:0 2%}
.ritual-art{background:#bedfc2;border-radius:0}
.ritual-art>p{font-family:'Fraunces',Georgia,serif;font-weight:600}
.ritual-copy .eyebrow,.step>span{color:#d1e7c6}.step p{color:#e0ecd7}
.intro,.hero-notes,.botanical-grid article>p,.shop p:not(.eyebrow){color:var(--muted)}
.art-caption,.art-bottom,.image-placeholder,.image-caption,.image-index{color:#38633b}
.eyebrow{font-size:12px;letter-spacing:.12em}
.card-label span{font-size:10px}.shop-note{font-size:12px}
dialog{border-radius:20px}
@media(max-width:700px){h1{font-size:clamp(56px,12vw,80px)}.hero-art{border-radius:16px}.ritual{margin:0 4%;border-radius:16px}.ritual-art{border-radius:0}.shop-image{border-radius:16px}.card-label{flex-wrap:wrap}}

/* Refero craft pass: preserve Bloom, improve readable hierarchy and touch access. */
:root{--radius-media:16px;--radius-panel:20px;--radius-action:48px;--text-body:1rem;--text-small:.875rem;--text-caption:.75rem}
h1,h2{letter-spacing:-.025em;text-wrap:balance}p{text-wrap:pretty}
.hero-art,.botanical-image,.shop-image{border-radius:var(--radius-media)}
.button,.nav-shop{border-radius:var(--radius-action);min-height:48px;font-size:var(--text-small);letter-spacing:.015em}
.welcome p:last-child,.botanical-grid article>p,.step p,.shop p:not(.eyebrow){font-size:var(--text-body);line-height:1.65}
.section-heading>p,.step h3,.text-link{font-size:var(--text-small)}
.hero-notes,.qualities,.footer-top>a:last-child,.footer-bottom,.shop p.shop-note{font-size:var(--text-caption)}
.photo-corner,.hero-art .photo-corner,.art-caption small,.image-placeholder small,.shop-image-label,.image-index,.art-bottom{font-size:var(--text-caption);letter-spacing:.06em}
.vertical-note{display:none}.card-label{flex-wrap:wrap}.card-label span{font-size:var(--text-caption);line-height:1.5}
.art-caption{max-width:calc(100% - 40px)}.art-caption p{font-size:18px}.art-caption small{line-height:1.5}
.close{width:44px;height:44px}.text-link{min-height:44px;align-content:center}
nav a{min-height:44px;display:flex;align-items:center}dialog{overscroll-behavior:contain}
@media(max-width:700px){header{height:auto;min-height:116px;flex-wrap:wrap;padding-top:16px;padding-bottom:8px;gap:8px}nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;font-size:13px}.hero .eyebrow{font-size:12px}.hero-copy{padding-top:30px}.hero-notes{flex-wrap:wrap;gap:10px}.text-link{margin:12px 0 0 16px}.hero-art{min-height:500px}.art-caption{bottom:65px}.art-bottom{font-size:11px}.ritual-copy .eyebrow{font-size:12px}.step>span{font-size:12px}.card-label span{font-size:11px}.footer-top>a:last-child{min-height:44px;align-content:center}}
@media(max-width:380px){.text-link{display:table;margin-left:0}.hero-notes{font-size:11px}}

/* OLIPOP secondary reference: geometry and footer framing only. */
:root{--radius-action:50px;--radius-hero:24px}
.hero-art{border-radius:var(--radius-hero)}
.shop-image{border-radius:50%;aspect-ratio:1;width:100%;max-width:420px;height:auto;justify-self:center}
.shop-image-label{bottom:19%;max-width:75%;text-align:center}
footer{background:var(--green);color:var(--cream);border-top:0}
.footer-bottom{border-color:#ffffff38;color:#e0ecd7}
@media(max-width:700px){.hero-art{border-radius:var(--radius-hero)}.shop-image{height:auto;max-width:340px}.footer-top{gap:24px}}

/* Cinematic hero only — existing typography, copy, dimensions and lower page preserved. */
.cinematic-top{position:relative;isolation:isolate;overflow:hidden;background:#08271f;color:white}
.botanical-scene{position:absolute;z-index:-3;inset:-4%;background:url('assets/botanical-cinema.png') center center/cover no-repeat;transform-origin:66% 48%;animation:botanical-depth 18s ease-in-out infinite alternate;will-change:transform}
.cinematic-top:after{content:'';position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,23,17,.77),rgba(3,23,17,.4) 42%,rgba(3,23,17,.07) 76%),linear-gradient(180deg,rgba(2,18,13,.4),transparent 28%,rgba(2,18,13,.18))}
.cinematic-top header{border-color:#ffffff35;color:#fff}
.cinematic-top .hero-copy,.cinematic-top .intro,.cinematic-top .hero-notes{color:#fff}
.cinematic-top .hero-notes i{background:#fff}
.cinematic-top .text-link{border-color:#ffffff80;color:#fff}
.cinematic-top .button,.cinematic-top .nav-shop{background:#fff;color:var(--green);border-color:#fff}
.cinematic-top .button:hover,.cinematic-top .nav-shop:hover{background:#e5efdd}
.cinematic-top .product-stage{background:none;border-radius:0;overflow:visible}
.hero-product{display:block;width:min(100%,520px);height:520px;object-fit:contain;transform:rotate(-9deg);filter:drop-shadow(20px 35px 32px #001b1690)}
.fresh-air{pointer-events:none;position:absolute;inset:-40%;z-index:-1;opacity:0;background:radial-gradient(ellipse at 65% 54%,transparent 29%,#deffe81a 37%,transparent 48%),radial-gradient(ellipse at 61% 60%,transparent 21%,#d5ffe514 28%,transparent 38%);filter:blur(20px);transform-origin:65% 50%;animation:air-toward-viewer 12s linear infinite;will-change:transform,opacity}
.fresh-air-two{animation-delay:-6s;transform:rotate(-8deg)}
.motion-control{position:absolute;right:24px;bottom:12px;display:flex;align-items:center;gap:10px;min-height:32px;padding:5px 12px;border:1px solid #ffffff50;border-radius:50px;background:#08271f80;color:white;font-size:12px}
.cinematic-top.motion-paused .botanical-scene,.cinematic-top.motion-paused .fresh-air{animation-play-state:paused}
@keyframes botanical-depth{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-.7%,.5%,0)}}
@keyframes air-toward-viewer{0%{transform:scale(.5) translate3d(7%,-2%,0);opacity:0}25%{opacity:.65}75%{opacity:.35}100%{transform:scale(1.55) translate3d(-7%,5%,0);opacity:0}}
@media(max-width:1000px){.hero-product{height:470px}}
@media(max-width:700px){.botanical-scene{background-position:62% center}.cinematic-top:after{background:linear-gradient(180deg,#0317119c,rgba(3,23,17,.58) 48%,rgba(3,23,17,.1))}.hero-product{width:min(100%,440px);height:440px}.cinematic-top .product-stage{min-height:500px}.motion-control{right:16px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.botanical-scene,.fresh-air{animation:none}.fresh-air{display:none}.motion-control{display:none}}

/* Brighter Bloom palette, grounded in the user's three supplied references. */
:root{--cream:#fffaf2;--mint:#d3f2c9;--muted:#48664f;--line:#d5e7d0;--sky:#bdeefa;--blush:#ffdbea;--lilac:#e8dcfa}
.botanical-scene{filter:brightness(1.22) saturate(1.12)}
.cinematic-top:after{background:linear-gradient(90deg,rgba(3,30,19,.67),rgba(3,30,19,.28) 43%,rgba(3,30,19,0) 75%),linear-gradient(180deg,rgba(2,25,15,.3),transparent 28%,rgba(2,25,15,.08))}
.cinematic-top .button{background:#d9ffbd;border-color:#d9ffbd}.cinematic-top .button:hover{background:#eaffd8}
.qualities{background:#d8f2ca;border-color:#c8e4ba}
.welcome{background:linear-gradient(110deg,#e0ffd7 0%,#fffaf2 49%,#ffe0ef 100%)}
.botanicals{background:#fffdf9}
.mint{background:linear-gradient(135deg,#c1eab5,#e3ffd3)}
.eucalyptus{background:linear-gradient(135deg,#91daf3,#d5f6fc)}
.herbs{background:linear-gradient(135deg,#eddbfc,#ffd8e5 72%,#ffe9cd)}
.ritual-art{background:linear-gradient(135deg,#e9d5ff,#e2f6f3 60%,#d5ffd9)}
.ritual-copy{background:#d5efc7;color:var(--green)}
.ritual-copy .eyebrow,.step>span{color:#496545}.step{border-color:#215b3230}.step p{color:#3e6047}
.shop{background:linear-gradient(110deg,#fffaf2 30%,#fff0f5 75%,#f1e8ff)}
.shop-image{background:linear-gradient(140deg,#d2f5bf,#e2fadc 45%,#c4eee6)}
footer{background:#215b32}
@media(max-width:700px){.cinematic-top:after{background:linear-gradient(180deg,#031e139e,rgba(3,30,19,.51) 48%,rgba(3,30,19,.04))}}

/* Viewport-sized opening section; allow content to grow on short screens. */
@media(min-width:701px){
  .cinematic-top{min-height:80vh;min-height:80svh;display:flex;flex-direction:column}
  .cinematic-top header{flex-shrink:0;width:89%;max-width:1400px;margin-inline:auto}
  .cinematic-top .hero{flex:1;width:89%;max-width:1400px;margin-inline:auto;min-height:0;align-items:center}
  .cinematic-top .hero-copy{padding-top:0}
  .cinematic-top .product-stage{min-height:0}
  .cinematic-top .hero-product{height:min(520px,55svh)}
}

/* Fable-inspired cut-paper herbs carried forward on a colourful breeze. */
.cinematic-top{background:linear-gradient(115deg,#e3ffd1 0%,#e8f9dc 29%,#c5efee 56%,#d8d5fc 78%,#ffd9e9 100%);color:#064c37}
.cinematic-top .botanical-scene,.cinematic-top .fresh-air{display:none}
.cinematic-top:after{background:linear-gradient(90deg,#f3ffdf70,transparent 62%);z-index:-2}
.cinematic-top header,.cinematic-top .hero-copy,.cinematic-top .intro,.cinematic-top .hero-notes,.cinematic-top .text-link{color:#064c37}
.cinematic-top header{border-color:#064c3725}
.cinematic-top .text-link{border-color:#064c3750}
.cinematic-top .hero-notes i{background:#064c37}
.cinematic-top .button{background:#064c37;color:#fff}
.cinematic-top .button:hover{background:#136348}
.cinematic-top .hero-product{filter:drop-shadow(18px 28px 22px #064c3733)}
.illustrated-wind{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.wind-leaf{position:absolute;left:68%;top:48%;width:clamp(130px,19vw,370px);height:auto;opacity:0;animation:herb-gust var(--speed,3.2s) cubic-bezier(.3,.05,.65,.6) infinite;animation-delay:var(--delay);will-change:transform,opacity}
.leaf-1{--x:-72vw;--y:-52vh;--turn:-65deg;--delay:-.2s}
.leaf-2{--x:35vw;--y:-55vh;--turn:95deg;--delay:-1.4s;--speed:2.8s}
.leaf-3{--x:40vw;--y:35vh;--turn:150deg;--delay:-2.5s}
.leaf-4{--x:-65vw;--y:48vh;--turn:-140deg;--delay:-1.7s;--speed:3.6s}
.leaf-5{--x:-20vw;--y:-60vh;--turn:40deg;--delay:-2.8s;--speed:3.8s}
.leaf-6{--x:15vw;--y:60vh;--turn:-90deg;--delay:-.9s}
.leaf-7{--x:50vw;--y:-8vh;--turn:200deg;--delay:-2s;--speed:3.5s}
.leaf-8{--x:-80vw;--y:8vh;--turn:-40deg;--delay:-3s;--speed:4s}
@keyframes herb-gust{0%{opacity:0;transform:translate(-50%,-50%) scale(.08) rotate(0deg)}15%{opacity:.8}75%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.5) rotate(var(--turn))}}
.wind-ribbon{position:absolute;left:53%;top:32%;width:38%;height:30%;border:2px solid #fff9;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform-origin:30% 60%;animation:wind-sweep 2.6s ease-out infinite}
.ribbon-two{top:48%;left:48%;width:48%;animation-delay:-.9s}
.ribbon-three{top:15%;left:59%;width:28%;animation-delay:-1.8s}
@keyframes wind-sweep{from{opacity:0;transform:scale(.35) rotate(-22deg)}25%{opacity:.8}to{opacity:0;transform:scale(2.5) rotate(12deg)}}
.cinematic-top.motion-paused .wind-leaf,.cinematic-top.motion-paused .wind-ribbon{animation-play-state:paused}
@media(max-width:700px){.wind-leaf{left:62%;top:65%;width:210px}.cinematic-top:after{background:linear-gradient(180deg,#f3ffdf80,transparent 65%)}}
@media(prefers-reduced-motion:reduce){.wind-leaf,.wind-ribbon{animation:none}.leaf-1{opacity:.65;left:80%;top:14%;transform:rotate(30deg)}.leaf-4{opacity:.6;left:2%;top:75%;transform:rotate(-40deg)}}
.illustrated-wind{mask-image:linear-gradient(90deg,#0002 0%,#0001 40%,#000 62%);-webkit-mask-image:linear-gradient(90deg,#0002 0%,#0001 40%,#000 62%)}
@media(max-width:700px){.illustrated-wind{mask-image:linear-gradient(180deg,transparent 0%,#0001 40%,#000 67%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#0001 40%,#000 67%)}}

/* Graphic manga gusts: solid leaves, ink contours and layered speed lines. */
.illustrated-wind{mask-image:none;-webkit-mask-image:none;clip-path:inset(0 0 0 46%)}
.wind-leaf{opacity:1;left:72%;width:clamp(105px,13vw,255px);animation-name:manga-leaf-flight;will-change:transform}
@keyframes manga-leaf-flight{from{transform:translate(-50%,-50%) scale(0) rotate(0deg)}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.65) rotate(var(--turn))}}
.manga-wind{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gust-line,.gust-echo{stroke-linecap:round;stroke-linejoin:round;animation:ink-wind 1.8s linear infinite;animation-delay:var(--shift)}
.gust-line{stroke:#fffdf5;stroke-width:3;stroke-dasharray:190 45 34 24 8 380}
.gust-echo{stroke:#398b7e;stroke-width:1.1;stroke-dasharray:90 55 16 490}
@keyframes ink-wind{from{stroke-dashoffset:1362}to{stroke-dashoffset:0}}
.cinematic-top.motion-paused .gust-line,.cinematic-top.motion-paused .gust-echo{animation-play-state:paused}
@media(max-width:700px){.illustrated-wind{mask-image:none;-webkit-mask-image:none;clip-path:inset(48% 0 0)}.wind-leaf{left:62%;width:170px}}
@media(prefers-reduced-motion:reduce){.wind-leaf,.gust-line,.gust-echo{animation:none}.wind-leaf{display:none}.leaf-1,.leaf-4{display:block;opacity:1}}


/* MindMarket reference — background and product treatment only. */
.cinematic-top{background:#f5f1e4}
.cinematic-top:after{display:none}
.cinematic-top .illustrated-wind{background:radial-gradient(ellipse at 82% 52%,#8ed462 0 26%,transparent 26.15%),radial-gradient(circle at 91% 19%,#f5e211 0 5%,transparent 5.15%),radial-gradient(circle at 52% 84%,#2ba0ff 0 4%,transparent 4.15%),radial-gradient(circle at 96% 78%,#ff705d 0 3%,transparent 3.15%)}
.cinematic-top .hero-product{filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}
.cinematic-top .gust-line{stroke:#fff;stroke-width:3}
.cinematic-top .gust-echo{stroke:#43804d;stroke-width:1.1}


/* Clean hero for exploring new directions; all content and dimensions retained. */
.cinematic-top .illustrated-wind,
.cinematic-top .botanical-scene,
.cinematic-top .fresh-air,
.cinematic-top .motion-control{display:none}
.cinematic-top .hero-product{animation:none}

/* Supplied hero photograph, displayed intact in the existing image area. */
.cinematic-top .hero-product{transform:none;filter:none;object-fit:contain}


/* Header purchase interaction only; inset border does not affect geometry. */
.cinematic-top .nav-shop{position:relative}
.cinematic-top .nav-shop::after{content:"";position:absolute;inset:0;border:2.5px solid #064c37;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s ease}
.cinematic-top .nav-shop:hover::after,.cinematic-top .nav-shop:focus-visible::after{opacity:1}
.cinematic-top .nav-shop .nav-arrow{display:inline-block;width:1em;height:1em;vertical-align:middle;color:#064c37}
.nav-arrow svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.nav-arrow .arrow-stem{stroke-dasharray:17;stroke-dashoffset:0;transition:stroke-dashoffset .25s ease}
.nav-shop:hover .nav-arrow svg,.nav-shop:focus-visible .nav-arrow svg{transform:translateX(2px) rotate(45deg) scale(.85)}
.nav-shop:hover .arrow-stem,.nav-shop:focus-visible .arrow-stem{stroke-dashoffset:17}
@media(prefers-reduced-motion:reduce){.nav-arrow svg,.nav-arrow .arrow-stem,.cinematic-top .nav-shop::after{transition:none}}


/* Full-height product photography, feathered into the existing cream canvas. */
@media(min-width:701px){
 .cinematic-top .product-stage{position:absolute;inset:0 0 0 43%;height:100%;min-height:0;z-index:-1;pointer-events:none;overflow:hidden}
 .cinematic-top .hero-product{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center center;transform:none;filter:none;mask-image:linear-gradient(90deg,transparent 0%,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
}
@media(max-width:700px){
 .cinematic-top .hero-product{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(180deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%)}
}


/* Illustrated jungle scene: midpoint horizon, slow leaves and low mist. */
.cinematic-top{background:#edf3dc url('assets/jungle-products.png') right center/cover no-repeat}
.cinematic-top .product-stage{visibility:hidden}
.jungle-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.jungle-cloud{position:absolute;width:28%;height:12%;border-radius:50%;background:radial-gradient(ellipse at 25% 60%,#fffdf3b3 0 20%,transparent 55%),radial-gradient(ellipse at 52% 40%,#fffdf3bb 0 25%,transparent 60%),radial-gradient(ellipse at 78% 60%,#fffdf399 0 18%,transparent 54%);filter:blur(8px);animation:jungle-cloud-drift 22s ease-in-out infinite alternate}
.cloud-a{left:52%;top:50%}.cloud-b{left:76%;top:74%;animation-delay:-9s;animation-duration:28s}.cloud-c{left:39%;top:85%;animation-delay:-16s;animation-duration:32s}
@keyframes jungle-cloud-drift{from{transform:translateX(-7%)}to{transform:translateX(20%)}}
.jungle-drift{position:absolute;width:20px;height:9px;border-radius:100% 0 100% 0;background:#73a878;box-shadow:inset 0 -2px #40754b;animation:jungle-leaf-drift 14s ease-in-out infinite alternate}
.drift-1{left:58%;top:49%;rotate:30deg}.drift-2{left:88%;top:38%;rotate:-35deg;animation-delay:-4s}.drift-3{left:72%;top:79%;rotate:65deg;animation-delay:-8s}.drift-4{left:94%;top:63%;rotate:20deg;animation-delay:-10s}.drift-5{left:49%;top:69%;rotate:-30deg;animation-delay:-6s}.drift-6{left:81%;top:55%;rotate:45deg;animation-delay:-2s}
@keyframes jungle-leaf-drift{from{transform:translate(0,0) rotate(-12deg)}to{transform:translate(38px,-28px) rotate(32deg)}}
.cinematic-top .motion-control{display:flex}
.cinematic-top.motion-paused .jungle-cloud,.cinematic-top.motion-paused .jungle-drift{animation-play-state:paused}
@media(max-width:700px){.cinematic-top{background-size:auto 100%;background-position:42% center}.jungle-atmosphere{top:45%}}
@media(prefers-reduced-motion:reduce){.jungle-cloud,.jungle-drift{animation:none}.cinematic-top .motion-control{display:none}}
.cinematic-top:after{display:block;z-index:-1;background:linear-gradient(90deg,#f5f1e4e8 0%,#f5f1e4cf 33%,#f5f1e470 45%,transparent 58%);pointer-events:none}

/* Slush-inspired pastel paper and inflatable botanical collage. Hero only. */
.cinematic-top{background:#dceeff}
.cinematic-top:after,.cinematic-top .jungle-atmosphere,.cinematic-top .motion-control{display:none}
.cinematic-top .product-stage{visibility:visible}
.cinematic-top .hero-product{object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;filter:none;transform:none;animation:none}
@media(min-width:701px){.cinematic-top .product-stage{inset:110px 3% 20px 48%;height:auto}.cinematic-top .hero-product{width:100%;height:100%;max-width:none}}
@media(max-width:700px){.cinematic-top .hero-product{width:100%;height:100%;object-fit:contain}}

/* Telefon: Składniki jako karuzela pozioma (jak Polecane); kategorie niżej są wtedy jedyną pionową listą. */
@media(max-width:700px){
  .botanical-grid{display:flex;gap:14px;margin-inline:-6%;padding-inline:6%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6%;scrollbar-width:none}
  .botanical-grid::-webkit-scrollbar{display:none}
  .botanical-grid>article{flex:0 0 78%;scroll-snap-align:start}
  .botanical-image{height:260px}
}