:root{--ink:#32190f;--brown:#6d3d25;--gold:#c39147;--champagne:#e8c88f;--cream:#fbf7f1;--peach:#f5dfd1;--white:#fff;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--serif);font-weight:400;line-height:1.8}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;padding:.5rem 1rem}.skip:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:20;height:78px;padding:0 clamp(22px,4vw,70px);display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:28px;background:rgba(251,247,241,.86);border-bottom:1px solid rgba(109,61,37,.12);backdrop-filter:blur(18px)}.brand{height:56px;width:150px;overflow:hidden;display:grid;place-items:center}.brand img{width:132px;height:132px;object-fit:contain;filter:invert(1);mix-blend-mode:multiply}.nav{justify-self:center;display:flex;gap:clamp(18px,2.4vw,38px);font:500 13px/1 var(--sans);letter-spacing:.08em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.3s}.nav a:hover:after{right:0}.header-cta,.button{font:600 13px/1 var(--sans);letter-spacing:.08em}.header-cta{padding:14px 20px;border:1px solid var(--brown)}.menu-toggle{display:none}.hero{position:relative;min-height:760px;height:100svh;overflow:hidden;background:#eacfc0;color:#fff}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,20,10,.68) 0%,rgba(45,20,10,.22) 43%,rgba(45,20,10,0) 72%),linear-gradient(0deg,rgba(35,15,8,.26),transparent 44%)}.hero-copy{position:absolute;left:clamp(28px,7vw,110px);bottom:clamp(70px,12vh,150px);max-width:690px}.eyebrow{font:700 12px/1.2 var(--sans);letter-spacing:.22em;color:#9a6635;margin:0 0 24px}.eyebrow.light{color:#f1d49c}.hero h1,.section h2{font-family:var(--serif);font-weight:700;letter-spacing:-.055em;line-height:1.22;margin:0}.hero h1{font-size:clamp(48px,6.4vw,100px)}.hero h1 em{font-style:normal;color:#ecc985}.hero-copy>p:not(.eyebrow){font-size:clamp(17px,1.4vw,22px);max-width:600px;margin:22px 0 0}.actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;padding:18px 27px}.button.gold{background:linear-gradient(110deg,#a86e28,#deb86d);color:#fff}.text-link{font:600 14px/1 var(--sans);border-bottom:1px solid;padding:10px 0}.text-link span{margin-left:8px}.launch-stamp{position:absolute;right:clamp(24px,6vw,90px);bottom:60px;width:118px;height:118px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sans);line-height:1.05}.launch-stamp span,.launch-stamp small{font-size:10px;letter-spacing:.16em}.launch-stamp strong{font-size:32px;margin:5px 0}.section{padding:clamp(82px,10vw,150px) clamp(24px,7vw,110px)}.section h2{font-size:clamp(38px,4.3vw,68px)}.intro{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}.intro-kicker{font:500 12px/1.7 var(--sans);letter-spacing:.18em;color:#9a725d;border-left:1px solid var(--gold);padding-left:18px}.intro-copy{font-size:17px;color:#715442;margin:0}.product-feature{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:clamp(50px,8vw,130px);align-items:center;background:#fff}.product-photo{position:relative;min-height:680px;overflow:hidden}.product-photo:before{content:"";position:absolute;inset:10% -15% -5% 18%;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#f6e7dc,#e3bfa6)}.product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:48% 48% 0 0;clip-path:inset(0 0 0 0 round 48% 48% 0 0)}.product-copy h2 i{font-weight:400;color:#ad7435}.lead{font-size:19px;color:#654b3c;max-width:650px}.benefits{margin-top:34px;border-top:1px solid #dfd0c6}.benefits>div{display:grid;grid-template-columns:44px 170px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #dfd0c6;align-items:start}.benefits span{font:600 12px var(--sans);color:var(--gold)}.benefits strong{font-size:18px}.benefits p{margin:0;color:#806858;font-size:15px}.size-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;font-family:var(--sans)}.size-row span,.size-row b{padding:10px 14px;border:1px solid #d3bfae;font-size:12px}.size-row b{background:var(--ink);color:#fff;border-color:var(--ink)}.formula{background:linear-gradient(125deg,#2a130b,#6b391f);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;overflow:hidden;position:relative}.formula:after{content:"";position:absolute;width:580px;height:580px;right:-140px;top:-220px;border:1px solid rgba(229,189,112,.25);border-radius:50%;box-shadow:0 0 100px rgba(216,165,75,.18)}.formula-title,.formula-card{position:relative;z-index:1}.formula-card{padding:50px;border:1px solid rgba(244,214,164,.3);background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}.plus{display:inline-block;background:var(--gold);padding:5px 10px;font:700 11px var(--sans);letter-spacing:.14em}.inci{font:600 clamp(20px,2.2vw,34px)/1.3 var(--sans);letter-spacing:.05em;color:#efcf99}.formula-card h3{font-size:22px;margin:30px 0 12px}.formula-card>p:not(.inci){color:#e5d5cb}.formula-card small{color:#bda99d}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:55px}.section-heading>p{font-size:17px;color:#725543;margin:0 0 10px}.series-visual{position:relative;overflow:hidden;background:#f1dace;aspect-ratio:16/8}.series-visual img{width:100%;height:100%;object-fit:cover}.series-note{position:absolute;right:0;bottom:0;padding:12px 20px;background:#fff;font:600 10px var(--sans);letter-spacing:.16em}.product-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dac8ba;border-top:0}.product-list article{padding:28px 24px;border-right:1px solid #dac8ba;min-height:190px;position:relative}.product-list article:last-child{border:0}.product-list article.available{background:#32190f;color:#fff}.product-list span{font:600 11px var(--sans);color:#b58a5a}.product-list h3{font-size:18px;margin:34px 0 0;line-height:1.3}.product-list p{font-size:14px;margin:4px 0;color:#947663}.product-list .available p{color:#d9c6b8}.product-list b{font:600 10px var(--sans);letter-spacing:.1em;position:absolute;bottom:20px}.hair-gallery{display:grid;grid-template-columns:1fr 1.08fr 1fr;grid-template-rows:auto 1fr;gap:20px;background:#35180f;color:#fff}.gallery-copy{grid-column:1/3;display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px;align-items:end;margin-bottom:28px}.gallery-copy .eyebrow{grid-column:1/3}.gallery-copy p:last-child{color:#cfb9aa;max-width:420px}.gallery-main{grid-column:1/3;margin:0;aspect-ratio:16/8;overflow:hidden}.gallery-main img,.gallery-small img{width:100%;height:100%;object-fit:cover}.gallery-small{margin:0;position:relative;overflow:hidden}.gallery-small figcaption{position:absolute;left:14px;bottom:14px;background:#fff;color:#32190f;padding:6px 10px;font:600 10px var(--sans);letter-spacing:.16em}.gallery-small.one{grid-column:3;grid-row:1/3}.gallery-small.one img{object-position:center}.gallery-small.two{display:none}.story{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:#efd9cd}.story-copy p:not(.eyebrow){color:#6c5041;font-size:17px}.video-frame{position:relative;aspect-ratio:9/16;max-height:720px;justify-self:center;width:min(100%,405px);background:#1b0e09;box-shadow:30px 35px 0 rgba(174,114,69,.18)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.steps{list-style:none;margin:0;padding:0;border-top:1px solid #d7c4b5}.steps li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #d7c4b5}.steps li>span{font:500 13px var(--sans);color:#b27d42}.steps h3{margin:0;font-size:22px}.steps p{margin:4px 0 0;color:#775c4b}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#fff}.faq-list{border-top:1px solid #d9c8ba}.faq details{border-bottom:1px solid #d9c8ba;padding:22px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"＋";font-family:var(--sans);font-weight:400}.faq details[open] summary:after{content:"—"}.faq details p{color:#775e4e}.shop{text-align:center;background:radial-gradient(circle at 50% 10%,#936034,#482418 58%,#29130c);color:#fff}.shop>p:not(.eyebrow){color:#d7c3b8}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:48px}.socials a{width:110px}.socials span{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(238,199,137,.55);border-radius:50%;margin:auto;font:700 12px var(--sans);color:#edcc91;transition:.3s}.socials a:hover span{background:#edcc91;color:#35180f;transform:translateY(-4px)}.socials small{display:block;margin-top:10px;font:500 11px var(--sans);letter-spacing:.05em}footer{padding:48px clamp(24px,7vw,110px);display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center;background:#150a07;color:#bda99d;font:500 11px var(--sans);letter-spacing:.08em}footer img{width:150px;height:90px;object-fit:contain;filter:none}footer small{max-width:420px;text-align:right}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,20px);padding:12px 20px;background:#20100b;color:#fff;border-radius:99px;font:500 13px var(--sans);opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header{height:68px;grid-template-columns:120px 1fr auto;padding:0 18px}.brand{width:110px;height:50px}.brand img{width:104px;height:104px}.header-cta{display:none}.menu-toggle{display:grid;justify-self:end;width:44px;height:44px;border:0;background:none;padding:12px;gap:6px;align-content:center}.menu-toggle span{height:1px;background:#32190f;width:20px}.nav{position:fixed;left:0;right:0;top:68px;background:rgba(251,247,241,.98);padding:25px 24px 34px;display:none;flex-direction:column;gap:24px;border-bottom:1px solid #ddcec3}.nav.open{display:flex}.hero{min-height:700px;height:92svh}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(0deg,rgba(38,17,10,.8) 0%,rgba(38,17,10,.28) 52%,transparent 78%)}.hero-copy{left:24px;right:24px;bottom:62px}.hero h1{font-size:clamp(43px,12vw,62px)}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:90%}.launch-stamp{right:20px;top:95px;bottom:auto;width:84px;height:84px}.launch-stamp strong{font-size:23px}.launch-stamp span,.launch-stamp small{font-size:8px}.actions{gap:20px;margin-top:26px}.button{padding:15px 17px}.intro{grid-template-columns:1fr}.intro-kicker{order:3}.product-feature{grid-template-columns:1fr;padding-left:0;padding-right:0}.product-photo{min-height:580px;margin:0 20px}.product-copy{padding:0 24px}.benefits>div{grid-template-columns:36px 1fr}.benefits p{grid-column:2}.formula{grid-template-columns:1fr}.formula-card{padding:30px 24px}.section-heading{grid-template-columns:1fr}.product-list{grid-template-columns:1fr 1fr}.product-list article:nth-child(2){border-right:0}.product-list article:nth-child(-n+2){border-bottom:1px solid #dac8ba}.hair-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto 360px 300px}.gallery-copy{grid-column:1/3;grid-template-columns:1fr}.gallery-copy .eyebrow{grid-column:auto}.gallery-main{grid-column:1/3}.gallery-small.one{grid-column:1;grid-row:3}.gallery-small.two{display:block;grid-column:2;grid-row:3}.story{grid-template-columns:1fr}.faq{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer small{text-align:center;margin:auto}}
@media(max-width:560px){.section{padding:74px 22px}.eyebrow{margin-bottom:16px}.hero-copy .eyebrow{font-size:10px}.hero h1{letter-spacing:-.07em}.hero-copy>p:not(.eyebrow){line-height:1.7}.actions{align-items:flex-start;flex-direction:column}.intro{gap:24px}.section h2{font-size:clamp(34px,10vw,46px)}.product-photo{min-height:530px}.product-copy h2{font-size:44px}.product-list{grid-template-columns:1fr}.product-list article{border-right:0;border-bottom:1px solid #dac8ba!important}.hair-gallery{grid-template-rows:auto 270px 230px;padding:74px 16px}.gallery-copy{padding:0 6px}.gallery-main{aspect-ratio:auto}.gallery-small{min-height:230px}.gallery-small img{object-position:center top}.story{padding-left:24px;padding-right:24px}.video-frame{max-width:330px}.socials{gap:14px}.socials a{width:78px}.socials span{width:64px;height:64px}.shop h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand journey video library */
.story{grid-template-columns:.75fr 1.25fr;gap:70px 8vw}
.story-count{display:flex;align-items:center;gap:16px;margin-top:34px!important;font:600 12px var(--sans)!important;letter-spacing:.12em}
.story-count strong{font:400 42px/1 var(--serif);color:#9a6635}
.story-player{justify-self:center;width:min(100%,405px)}
.story .video-frame{width:100%;max-height:none;justify-self:auto}
.now-playing{display:flex;flex-direction:column;gap:4px;padding-top:28px}
.now-playing span{font:700 10px var(--sans);letter-spacing:.15em;color:#a66d39}
.now-playing strong{font-size:20px}
.journey-playlist{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfae98;border-left:1px solid #cfae98}
.episode{min-height:135px;padding:24px;text-align:left;border:0;border-right:1px solid #cfae98;border-bottom:1px solid #cfae98;background:rgba(255,255,255,.18);color:#32190f;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:10px;cursor:pointer;transition:.25s}
.episode span{font:700 10px var(--sans);letter-spacing:.15em;color:#a36f4c}
.episode strong{grid-column:1/-1;font:600 18px var(--serif)}
.episode i{font:600 10px var(--sans);font-style:normal;letter-spacing:.08em;opacity:.55}
.episode:hover,.episode.active{background:#3a1c12;color:#fff}
.episode.active span,.episode:hover span{color:#e5bd7f}
.episode:focus-visible{outline:3px solid #c39147;outline-offset:-3px}
@media(max-width:900px){.story{grid-template-columns:1fr}.journey-playlist{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.story{gap:44px}.story-player{max-width:320px}.story .video-frame{max-width:320px;box-shadow:16px 18px 0 rgba(174,114,69,.18)}.journey-playlist{grid-template-columns:1fr;margin-top:10px}.episode{min-height:104px}}

/* Header logo: preserve the complete official lockup. */
.site-header .brand{
  width:170px;
  height:auto;
  min-height:56px;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.site-header .brand img{
  display:block;
  width:158px;
  max-width:100%;
  height:auto;
  object-fit:initial;
}
@media(max-width:900px){
  .site-header{grid-template-columns:132px 1fr auto}
  .site-header .brand{width:128px;height:auto;min-height:48px}
  .site-header .brand img{width:122px;height:auto}
}

/* Travel Set launch feature */
.travel-set{background:linear-gradient(145deg,#f5eee5,#e8dac8)}
.travel-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(44px,8vw,120px);align-items:end;margin-bottom:52px}
.travel-copy{border-left:1px solid #c39147;padding-left:28px;color:#6d5141}
.travel-copy>p{margin:0 0 18px}
.travel-name{font:500 clamp(17px,1.5vw,22px)/1.55 var(--sans);letter-spacing:.02em;color:#32190f}
.travel-name strong{font-family:var(--serif);font-size:1.18em}
.travel-spec{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.travel-spec span{padding:10px 14px;border:1px solid #cdb69e;background:rgba(255,255,255,.48);font:600 11px/1 var(--sans);letter-spacing:.06em;color:#4a2a1c}
.travel-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.travel-gallery figure{position:relative;margin:0;overflow:hidden;background:#eee4d5;aspect-ratio:4/5}
.travel-gallery img{width:100%;height:100%;object-fit:cover;object-position:center}
.travel-gallery figcaption{position:absolute;left:14px;bottom:14px;padding:7px 11px;background:rgba(255,255,255,.9);color:#32190f;font:700 10px/1 var(--sans);letter-spacing:.12em}
.travel-swipe{display:none}
.product-en-name{margin:12px 0 24px;color:#9a6635;font:600 12px/1.5 var(--sans);letter-spacing:.12em}
.product-buy-link{margin-top:26px}
.shop-buy-link{margin-top:28px}

/* Mobile editorial framing: show complete campaign photography without face crops. */
@media(max-width:900px){
  .hero{
    height:auto;
    min-height:0;
    padding-top:68px;
    background:linear-gradient(150deg,#4a2418,#24110b);
  }
  .hero-image{
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    object-fit:contain;
    object-position:center;
  }
  .hero-shade{
    top:68px;
    bottom:auto;
    height:66.667vw;
    background:linear-gradient(0deg,rgba(45,20,10,.34),transparent 58%);
  }
  .hero-copy{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    max-width:none;
    padding:34px 24px 54px;
    background:linear-gradient(155deg,#4a2418,#24110b);
  }
  .hero h1{font-size:clamp(40px,11.2vw,54px)}
  .hero-copy>p:not(.eyebrow){max-width:34em}
  .launch-stamp{top:calc(68px + 66.667vw - 88px);right:18px;width:74px;height:74px}
  .launch-stamp strong{font-size:20px}
  .product-photo{min-height:0;aspect-ratio:2/3}
  .product-photo img{object-fit:contain;object-position:center}
  .series-visual{aspect-ratio:3/2}
  .series-visual img{object-fit:contain;object-position:center}
  .hair-gallery{grid-template-rows:auto auto auto}
  .gallery-main{aspect-ratio:3/2}
  .gallery-small{min-height:0;aspect-ratio:2/3}
  .gallery-main img,.gallery-small img{object-fit:contain;object-position:center}
  .travel-heading{grid-template-columns:1fr;gap:28px;margin-bottom:36px}
  .travel-copy{padding-left:20px}
  .travel-gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(82vw,340px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 0 12px;scrollbar-width:thin}
  .travel-gallery figure{scroll-snap-align:start}
  .travel-gallery img{object-fit:contain}
  .travel-swipe{display:block;margin:8px 0 0;text-align:right;color:#8c6a53;font:600 10px/1.4 var(--sans);letter-spacing:.08em}
}

/* Translucent hair-bond artwork behind the formula heading. */
.formula-title{isolation:isolate;min-height:clamp(430px,38vw,520px);display:flex;flex-direction:column;justify-content:center}
.formula-title .eyebrow,.formula-title h2{position:relative;z-index:2;text-shadow:0 2px 22px rgba(32,12,5,.42)}
.formula-art{
  position:absolute;
  z-index:0;
  left:-10%;
  bottom:-2%;
  width:min(128%,820px);
  max-width:none;
  height:auto;
  margin:0;
  pointer-events:none;
  filter:brightness(1.16) saturate(1.08) drop-shadow(0 16px 38px rgba(225,171,80,.22));
  opacity:.3;
}
.formula .formula-card{background:rgba(42,19,11,.76);backdrop-filter:blur(8px)}
.formula-ingredient-mark{width:min(100%,460px);margin:0 auto 30px;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.formula-ingredient-mark img{display:block;height:auto;margin-inline:auto}
.ingredient-drop{width:50%;filter:drop-shadow(0 18px 28px rgba(239,187,85,.22))}
.ingredient-structure{width:100%;margin-top:-4%!important;filter:drop-shadow(0 10px 20px rgba(13,5,2,.2))}
.formula-ingredient-mark+h3{margin-top:26px}
.ambient-orb{position:absolute;display:block;height:auto;pointer-events:none;user-select:none;z-index:1;will-change:transform;animation:orb-drift 4.8s ease-in-out infinite alternate}
.ambient-orb-hero{top:clamp(112px,14vh,168px);right:clamp(28px,3.5vw,70px);width:clamp(180px,16vw,270px);max-width:none;opacity:.76;filter:saturate(1.08) drop-shadow(0 18px 38px rgba(131,72,22,.2))}
.hero-copy,.launch-stamp{z-index:2}
@keyframes orb-drift{
  0%{transform:translate3d(0,0,0) rotate(-4deg) scale(.98)}
  50%{transform:translate3d(-12px,-12px,0) rotate(2deg) scale(1.02)}
  100%{transform:translate3d(8px,-24px,0) rotate(5deg) scale(1)}
}
@media(max-width:900px){
  .formula-title{min-height:360px;justify-content:flex-start;padding-top:14px}
  .formula-art{left:-18%;bottom:0;width:136%;opacity:.27}
  .formula-ingredient-mark{width:min(100%,350px)}
  .ingredient-drop{width:49%}
  .ambient-orb-hero{top:96px;right:14px;width:112px;opacity:.82;filter:saturate(1.04) drop-shadow(0 10px 22px rgba(131,72,22,.16))}
}

/* Temporary teaser for the rest of the Bond Booster series. */
.series{position:relative;overflow:hidden}
.series>.section-heading,.series>.series-visual,.series>.product-list,.series>.coming-soon-visual{position:relative;z-index:1}
.coming-soon-visual{width:min(100%,720px);margin:clamp(44px,6vw,78px) auto 0;background:#f6ead8;box-shadow:0 30px 80px rgba(102,61,30,.12)}
.coming-soon-visual img{width:100%;height:auto}
.coming-soon-visual figcaption{padding:15px 22px 18px;text-align:center;color:#76563f;background:#fff;font:500 12px/1.7 var(--sans);letter-spacing:.04em}

@media(max-width:560px){
  .coming-soon-visual{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;box-shadow:none}
  .coming-soon-visual figcaption{padding-left:24px;padding-right:24px}
}

@media(prefers-reduced-motion:reduce){.ambient-orb{animation:none!important}}

/* Hair texture editorial transition: copy sits in the image's clear space, never over the hair. */
.texture-story{padding:0 clamp(24px,7vw,110px) clamp(82px,9vw,132px);background:var(--cream)}
.texture-figure{position:relative;margin:0;overflow:hidden;background:#f6f0e7;box-shadow:0 24px 70px rgba(78,42,22,.09)}
.texture-figure>img{width:100%;height:auto;aspect-ratio:1200/890;object-fit:cover;object-position:center}
.texture-caption{position:absolute;z-index:1;left:clamp(28px,4vw,64px);top:50%;width:min(30%,350px);transform:translateY(-50%);color:#32190f}
.texture-caption .eyebrow{margin-bottom:16px}
.texture-caption h2{margin:0;font:700 clamp(30px,3.25vw,54px)/1.34 var(--serif);letter-spacing:-.05em}
.texture-caption small{display:block;margin-top:22px;color:#806858;font:500 11px/1.7 var(--sans);letter-spacing:.02em}
@media(max-width:900px){
  .texture-story{padding-left:0;padding-right:0}
  .texture-figure{box-shadow:none}
  .texture-figure>img{aspect-ratio:auto;object-fit:contain}
  .texture-caption{position:relative;left:auto;top:auto;width:auto;transform:none;padding:34px 24px 0;background:var(--cream)}
  .texture-caption h2{font-size:clamp(32px,8.8vw,46px)}
  .texture-break br{display:none}
  .texture-caption small{margin-top:16px}
}

/* Native journey video player: avoids unreliable embedded Drive preview pages. */
.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#1b0e09}
.video-fallback{display:inline-flex;margin-top:14px;border-bottom:1px solid rgba(109,61,37,.42);font:600 11px/1.6 var(--sans);letter-spacing:.06em;color:#6d5141}
.video-fallback:hover{color:#32190f;border-color:#32190f}

/* Ingredient editorial: a full-bleed continuation rather than a floating card. */
.ingredient-detail{margin:0;padding:clamp(44px,6vw,84px) clamp(24px,9vw,140px) clamp(64px,8vw,110px);background:linear-gradient(180deg,#f8f1e8,#fffaf4);text-align:center}
.ingredient-detail img{width:min(100%,980px);height:auto;margin-inline:auto}
.ingredient-detail figcaption{width:min(100%,760px);margin:18px auto 0;color:#806858;font:500 11px/1.75 var(--sans);letter-spacing:.025em}
@media(max-width:560px){
  .ingredient-detail{padding:28px 0 58px}
  .ingredient-detail img{width:100%}
  .ingredient-detail figcaption{padding:0 24px;margin-top:14px;text-align:left}
}

/* Persistent purchase shortcuts */
.floating-actions{
  position:fixed;
  z-index:40;
  top:50%;
  right:max(12px,env(safe-area-inset-right));
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:11px;
}
.floating-actions a{
  position:relative;
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border:1px solid rgba(231,194,127,.82);
  border-radius:50%;
  color:#f5d89f;
  background:rgba(50,25,15,.9);
  box-shadow:0 9px 24px rgba(39,18,10,.2),inset 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(9px);
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.floating-actions a span{font:700 13px/1 var(--sans);letter-spacing:.08em}
.floating-actions a::before{
  content:attr(data-label);
  position:absolute;
  right:calc(100% + 10px);
  top:50%;
  transform:translate(6px,-50%);
  padding:7px 10px;
  border-radius:99px;
  color:#fff;
  background:rgba(43,21,13,.92);
  white-space:nowrap;
  font:600 10px/1 var(--sans);
  letter-spacing:.04em;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.floating-actions a:hover,.floating-actions a:focus-visible{transform:translateX(-4px);background:#d1a357;color:#2f170e;box-shadow:0 12px 30px rgba(39,18,10,.28)}
.floating-actions a:hover::before,.floating-actions a:focus-visible::before{opacity:1;transform:translate(0,-50%)}
.floating-actions a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.floating-actions .instagram-action,
.floating-actions .line-action,
.floating-actions .shop-action{
  width:86px;
  height:86px;
}
.floating-actions .instagram-action{
  color:#ffe7b8;
  background:
    radial-gradient(circle at 28% 105%,rgba(238,197,116,.98) 0 21%,transparent 45%),
    radial-gradient(circle at 86% -4%,rgba(107,57,151,.98) 0 27%,transparent 53%),
    linear-gradient(145deg,#72428d 0%,#a23f72 44%,#c2675a 70%,#bd8b42 100%);
  border-color:#edca83;
  box-shadow:0 14px 34px rgba(67,27,58,.28),inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 18px rgba(236,193,105,.13);
}
.floating-actions .instagram-action svg{
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 2px 5px rgba(45,13,38,.28));
}
.floating-actions .instagram-action:hover,.floating-actions .instagram-action:focus-visible{
  color:#fff0cd;
  background:
    radial-gradient(circle at 28% 105%,#e4bd72 0 24%,transparent 47%),
    radial-gradient(circle at 86% -4%,#7e4aa6 0 29%,transparent 55%),
    linear-gradient(145deg,#7c4a99 0%,#b0487d 46%,#cc705e 72%,#c6954c 100%);
}
.floating-actions .line-action{
  color:#fff;
  background:
    radial-gradient(circle at 22% 14%,rgba(255,232,178,.28) 0 13%,transparent 38%),
    linear-gradient(145deg,#20ce73 0%,#06b65a 58%,#049949 100%);
  border-color:#edca83;
  box-shadow:0 14px 34px rgba(3,116,56,.27),inset 0 1px 0 rgba(255,255,255,.36),inset 0 0 18px rgba(236,193,105,.12);
}
.floating-actions .line-action span{
  color:#fff;
  font-size:12px;
  letter-spacing:.05em;
  text-shadow:0 2px 6px rgba(0,82,38,.3);
}
.floating-actions .line-action:hover,.floating-actions .line-action:focus-visible{
  color:#fff;
  background:
    radial-gradient(circle at 22% 14%,rgba(255,232,178,.36) 0 15%,transparent 40%),
    linear-gradient(145deg,#2bd37e 0%,#0abc62 58%,#05a34f 100%);
}
.floating-actions .shop-action{
  color:#2f170e;
  background:linear-gradient(145deg,#f1d39a,#c99548);
  border-color:#f5ddb0;
  box-shadow:0 14px 34px rgba(39,18,10,.3),inset 0 1px 0 rgba(255,255,255,.55);
}
.floating-actions .shop-action::after{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid rgba(213,166,88,.6);
  border-radius:50%;
  pointer-events:none;
  animation:shop-pulse 2.4s ease-out infinite;
}
.floating-actions .shop-action:hover,.floating-actions .shop-action:focus-visible{background:#f0cd8e;color:#2f170e}
@keyframes shop-pulse{
  0%{transform:scale(.92);opacity:.7}
  75%,100%{transform:scale(1.18);opacity:0}
}
.floating-ingredient{
  position:fixed;
  z-index:12;
  left:-66px;
  top:62%;
  width:240px;
  max-width:none;
  height:auto;
  opacity:.2;
  pointer-events:none;
  user-select:none;
  filter:saturate(1.08) drop-shadow(0 12px 24px rgba(115,61,20,.16));
  will-change:transform;
  animation:ingredient-drift 5.2s ease-in-out infinite alternate;
}
@keyframes ingredient-drift{
  0%{transform:translate3d(-18px,38px,0) rotate(-9deg) scale(.93)}
  50%{transform:translate3d(78px,-24px,0) rotate(4deg) scale(1.05)}
  100%{transform:translate3d(24px,-70px,0) rotate(12deg) scale(.98)}
}
@media(max-width:900px){
  .floating-actions{top:50%;right:max(9px,env(safe-area-inset-right));transform:translateY(-50%);gap:6px}
  .floating-actions a{width:58px;height:58px;background:rgba(50,25,15,.92);box-shadow:0 9px 24px rgba(39,18,10,.22)}
  .floating-actions .instagram-action,.floating-actions .line-action,.floating-actions .shop-action{width:68px;height:68px}
  .floating-actions .instagram-action svg{width:27px;height:27px}
  .floating-actions .shop-action{background:linear-gradient(145deg,#f1d39a,#c99548)}
  .floating-actions a span{font-size:11px}
  .floating-actions a::before{display:none}
  .ambient-orb-hero{top:96px;right:56px;width:96px}
  .launch-stamp{right:58px}
  .floating-ingredient{left:-38px;top:58%;width:168px;opacity:.19}
}
@media(max-height:560px){
  .floating-actions{gap:6px}
  .floating-actions a{width:54px;height:54px}
  .floating-actions .instagram-action,.floating-actions .line-action,.floating-actions .shop-action{width:62px;height:62px}
}
@media(prefers-reduced-motion:reduce){.floating-ingredient,.floating-actions .shop-action::after{animation:none!important}}

/* Final public-preview safeguards: keep the 220 ml pack identifiable and
   prevent decorative controls from covering faces or copy on narrow phones. */
.product-photo-badge{
  position:absolute;
  z-index:2;
  right:18px;
  bottom:18px;
  padding:9px 13px;
  background:rgba(50,25,15,.88);
  color:#fff;
  font:700 11px/1 var(--sans);
  letter-spacing:.1em;
  box-shadow:0 8px 22px rgba(44,20,11,.18);
}
@media(max-width:480px){
  .ambient-orb-hero{top:88px;right:-20px;width:82px}
}
@media(max-width:360px){
  .floating-actions a{width:54px;height:54px}
  .floating-actions .instagram-action,.floating-actions .line-action,.floating-actions .shop-action{width:62px;height:62px}
  .floating-actions a span{font-size:10px}
}