.bbss-eyebrow,.bbss-ticker-label,.bbss-stage-note{font:600 10px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.22em}
.bbss-campaign{overflow:hidden;isolation:isolate;background:#171613;color:#f9f0e4;--accent:#efc69a}
.bbss-scene{display:grid;grid-template-columns:43% 57%;min-height:584px;position:relative;overflow:hidden}
.bbss-copy{padding:72px 0 70px clamp(30px,5.6vw,92px);align-self:center;z-index:1;position:relative}
.bbss-eyebrow{display:flex;align-items:center;gap:14px;color:var(--accent)}
.bbss-eyebrow::before{content:"";display:block;width:27px;height:1px;background:currentColor}
.bbss-copy h2,.bbss-copy p{margin:0}
.bbss-copy h2{margin:22px 0 22px;font:400 clamp(51px,6.1vw,96px)/.97 Georgia,serif;letter-spacing:-.067em}
.bbss-copy h2 em{color:var(--accent);font-weight:400}
.bbss-copy p{font-size:16px;line-height:1.68;color:#d0c5b8;max-width:37ch}
.bbss-poster-details span,.bbss-poster-details strong{display:block}
.bbss-poster-details span{white-space:nowrap;font-size:clamp(12px,1.45vw,16px)}
.bbss-poster-details strong{color:var(--accent);font-weight:600;margin-top:4px}
.bbss-cta{display:inline-flex;align-items:center;gap:25px;margin-top:30px;padding:12px 17px 12px 20px;background:#f2e2cc;color:#231e19;text-decoration:none;font-size:13px;font-weight:650}
.bbss-cta:hover{background:#fff5e8}
.bbss-stage{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate;background:linear-gradient(145deg,#171613 5%,#27231e 67%,#1c1a16)}
.bbss-product{width:min(86%,500px);aspect-ratio:1;position:relative}
.bbss-photo,.bbss-tiles,.bbss-blank{position:absolute;inset:0;width:100%;height:100%}
.bbss-photo,.bbss-blank{object-fit:contain}
.bbss-product:not(.bbss-playing){filter:drop-shadow(0 24px 16px rgba(0,0,0,.42))}
.bbss-tiles{display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);perspective:660px;pointer-events:none}
.bbss-playing .bbss-tiles{display:grid}
.bbss-blank{display:none;pointer-events:none}
.bbss-pending .bbss-photo,.bbss-playing .bbss-photo{opacity:0}
.bbss-branding .bbss-blank{display:block}
.bbss-branding .bbss-photo{animation:bbss-logo-reveal .76s ease-out .18s both}
@keyframes bbss-logo-reveal{from{opacity:0}to{opacity:1}}
.bbss-tile{position:relative;opacity:0;transform-origin:center;background-image:var(--picture);background-size:300% 300%;background-position:var(--x) var(--y);backface-visibility:hidden;animation:bbss-appear .46s ease-out var(--enter) both,bbss-assemble .76s cubic-bezier(.4,.05,.18,1) var(--lock) both,bbss-backing .76s ease var(--lock) both}
.bbss-tile::after{content:"";position:absolute;inset:0;border:1px solid rgba(238,187,126,.85);box-shadow:inset 0 0 14px rgba(219,169,112,.19),0 7px 12px #0e0c0a;background:linear-gradient(138deg,rgba(249,197,136,.19),transparent 43%);animation:bbss-seam .76s ease var(--lock) both}
@keyframes bbss-backing{0%,53%{background-color:#2c241c}100%{background-color:transparent}}
@keyframes bbss-appear{from{opacity:0}to{opacity:1}}
@keyframes bbss-assemble{
  0%{transform:translate3d(var(--dx),var(--dy),-36px) rotateX(var(--rx)) rotateY(var(--ry)) scale(.86)}
  26%{transform:translate3d(var(--dx),var(--dy),-10px) rotateX(var(--rx)) rotateY(var(--swing)) scale(.89)}
  76%{transform:translate3d(0,0,8px) rotateX(0) rotateY(-3deg) scale(1)}
  100%{transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1)}
}
@keyframes bbss-seam{0%,42%{opacity:1}100%{opacity:0}}
@media(max-width:640px){.bbss-tile{--spread:.68}}
.bbss-stage-note{position:absolute;z-index:1;bottom:24px;left:25px;color:#d0c5b8}
.bbss-ticker{display:flex;align-items:center;border-top:1px solid #544638;min-height:66px;gap:0}
.bbss-ticker-label{align-self:stretch;display:grid;place-items:center;padding:0 24px;color:var(--accent);border-right:1px solid #544638;white-space:nowrap}
.bbss-ticker-window{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bbss-track{display:flex;width:max-content;animation:bbss-roll 38s linear infinite}
.bbss-group{display:flex;align-items:center;width:max-content;flex:none}
.bbss-scent{display:inline-flex;align-items:center;gap:22px;padding:0 11px;white-space:nowrap;color:#f6ead8;font:19px Georgia,serif}
.bbss-scent::after{content:"✦";color:#d5a879;font:11px Georgia,serif}
@keyframes bbss-roll{to{transform:translateX(-50%)}}
.bbss-ticker.bbss-is-paused .bbss-track{animation-play-state:paused}
.bbss-pause{min-height:44px;min-width:49px;background:transparent;border:0;padding:0;color:#efc69a;font-size:18px}
@media(max-width:860px){.bbss-shell{width:calc(100% - 36px)}.bbss-scene{min-height:440px}.bbss-copy{padding-left:30px}.bbss-stage-note{display:none}}
@media(max-width:640px){
.bbss-copy h2{font-size:clamp(43px,12.1vw,66px);margin:16px 0}.bbss-copy p{font-size:14px}.bbss-poster-details span{font-size:clamp(11.5px,3.35vw,14px)}.bbss-cta{margin-top:17px}.bbss-stage{margin-top:5px;padding:0 0 28px}.bbss-product{width:min(85%,386px)}.bbss-ticker{min-height:52px}.bbss-ticker-label{padding:0 10px;font-size:8px;letter-spacing:.12em}.bbss-scent{font-size:16px}.bbss-pause{min-width:42px}.bbss-discovery{padding:38px 0 54px}.bbss-samples{grid-template-columns:repeat(2,1fr)}.bbss-sample{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.bbss-track{animation:none}.bbss-playing .bbss-tiles{display:none}.bbss-pending .bbss-photo,.bbss-playing .bbss-photo,.bbss-branding .bbss-photo{opacity:1;animation:none}.bbss-branding .bbss-blank,.bbss-pause{display:none}.bbss-ticker-window{overflow:auto;mask-image:none}.bbss-group[aria-hidden]{display:none}}
#comptoir-des-senteurs{width:min(100% - 32px,1320px);margin:32px auto 40px;box-sizing:border-box;scroll-margin-top:140px}
#comptoir-des-senteurs *{box-sizing:border-box}
#comptoir-des-senteurs .bbss-copy h2{text-transform:none;color:#f9f0e4!important}
#comptoir-des-senteurs .bbss-cta{text-decoration:none}
#comptoir-des-senteurs button.bbss-pause{color:#efc69a;background:transparent;border:0;border-radius:0;padding:0}
@media(max-width:640px){
#comptoir-des-senteurs{width:calc(100% - 24px);scroll-margin-top:106px}
#comptoir-des-senteurs .bbss-scene{display:flex;flex-direction:column;min-height:0}
#comptoir-des-senteurs .bbss-copy{padding:34px 20px 4px;width:100%}
}