body.bb-story{--st-ink:#251a19;--st-rose:#bc234e;--st-serif:'Cormorant Garamond',Georgia,serif;margin:0;background:#fce6e4;color:var(--st-ink);font:15px/1.55 Inter,Arial,sans-serif}.bb-story *{box-sizing:border-box}.bb-story main{background:radial-gradient(ellipse at 4% 32%,#ffd2cb77,transparent 26%),radial-gradient(ellipse at 96% 61%,#f2a8b36b,transparent 25%),linear-gradient(#fff1e8bb,#fff2eddd),url('https://beebaboutik.com/wp-content/uploads/2026/10/beebaboutik-story-cream-v1.webp') center/100% auto repeat-y}.bb-story h1,.bb-story h2,.bb-story h3{font-family:var(--st-serif);color:#201919;letter-spacing:-.025em;font-weight:600}.bb-story h2{font-size:clamp(30px,3vw,44px);line-height:1.03;margin:8px 0 14px}.bb-story h3{font-size:24px;line-height:1.1;margin:8px 0}.bb-story p{margin:0 0 12px}.bb-story a{color:inherit;text-decoration:none}.bb-story svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.bb-story img{display:block;width:100%;height:100%;object-fit:cover}.bb-story button,.bb-story input{font:inherit}.bb-story a:focus-visible,.bb-story button:focus-visible,.bb-story input:focus-visible{outline:3px solid #91223f;outline-offset:4px}.bb-story .announcement{min-height:35px;padding:7px 5%;background:#fff2e4aa;color:#642d29;display:flex;justify-content:space-around;gap:15px;font-size:12px}.bb-story .site-header{background:#fff8f2e8;backdrop-filter:blur(15px);border-bottom:1px solid #fff;position:relative;z-index:10}.bb-story .desktop-nav a.active{color:#a52e4e}.bb-story .draft-note{background:#fff9f5e8;color:#744146;padding:7px 20px;text-align:center;font-size:11px;letter-spacing:.025em;border-bottom:1px solid #fff}.bb-story .st-label{font-size:11px;letter-spacing:.22em;color:#9c2445;font-weight:700;margin:0 0 14px}.bb-story .st-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 26px;border:1px solid #ffccd6;border-radius:99px;background:linear-gradient(110deg,#ff9c9c,#e96a8b 48%,#d8346b);color:white;font-size:14px;font-weight:600;box-shadow:0 7px 18px #cc3e6c30,inset 0 1px 0 #fffd;transition:transform .22s,box-shadow .22s;white-space:normal;cursor:pointer}.bb-story .st-button svg{width:20px;height:20px}.bb-story .st-button:hover{transform:translateY(-2px);box-shadow:0 10px 23px #cc3e6c44}.bb-story .st-hero{height:560px;position:relative;overflow:hidden;isolation:isolate;background:#f9d8c9}.bb-story .st-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%;z-index:-2}.bb-story .st-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff2e9 0%,#fff0e7ed 29%,#fbe6da99 41%,transparent 64%),linear-gradient(0deg,#fff0e755,transparent 28%)}.bb-story .hero-light{position:absolute;width:400px;height:400px;border:2px solid #e2ae71aa;border-radius:50%;right:17%;top:85px;box-shadow:0 0 15px #ffecb8,inset 0 0 15px #ffecb8;z-index:-1;pointer-events:none}.bb-story .st-hero-copy{padding:35px 0 30px;width:42%;max-width:560px;margin-left:max(5.8%,calc((100vw - 1300px)/2))}.bb-story h1{font-size:clamp(48px,5.2vw,72px);line-height:.92;margin:0 0 25px;color:#ab302d;font-weight:500}.bb-story h1 span{display:block;font:400 clamp(47px,5.2vw,74px)/1.05 'Beeba Story Script',cursive;color:#d02c56;white-space:nowrap;margin:16px 0 10px}.bb-story .st-hero-copy>p:not(.st-label){max-width:330px;font-size:17px;line-height:1.45;margin-bottom:22px}.bb-story .st-section{max-width:1320px;margin:auto;padding:28px 48px;scroll-margin-top:35px}.bb-story .st-story-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:45px}.bb-story .story-picture{height:350px;position:relative;margin:0;overflow:hidden;border-radius:24px;box-shadow:0 12px 28px #a35a4c20}.bb-story .story-picture img{object-position:50% 55%}.bb-story .story-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#7f372555,transparent 70%)}.bb-story .story-picture figcaption{position:absolute;inset:auto 24px 20px;z-index:1;color:#fff;text-shadow:0 2px 10px #3e2018}.bb-story .story-picture figcaption span{font:54px/1 'Beeba Story Script',cursive;display:block;transform:rotate(-8deg);margin-bottom:20px}.bb-story .story-picture small{font-size:9px;letter-spacing:.08em;background:#693326ba;padding:5px 7px;border-radius:5px}.bb-story .story-copy p:not(.st-label){color:#51403d}.bb-story .st-editorial-note{display:block;font-size:11px;color:#75595a;margin-top:13px;line-height:1.5}.bb-story .st-glass{position:relative;background:linear-gradient(130deg,#fffaf8cf,#ffe1e2a8);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1.5px solid #ffffffe8;border-radius:23px;box-shadow:0 13px 30px #b8556c20,inset 0 2px 3px #ffffffed}.bb-story .st-glass:before{content:'';position:absolute;inset:4px;border:1px solid #ffffff65;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff3,transparent 43%)}.bb-story .st-icon{width:68px;height:68px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #fff;border-radius:50%;background:linear-gradient(120deg,#fff9,#ffe1e0a8);color:#ed2b67;box-shadow:0 6px 15px #cd62791a,inset 0 1px 0 #fff;flex-shrink:0}.bb-story .st-icon svg{width:37px;height:37px}.bb-story .st-mission{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:8px;padding-bottom:20px}.bb-story .st-mission-card{padding:25px 32px;display:flex;align-items:flex-start;gap:20px;overflow:hidden}.bb-story .st-mission-card:after{content:'';position:absolute;right:-35px;bottom:-30px;width:130px;height:145px;background:url('https://beebaboutik.com/wp-content/uploads/2026/10/beebaboutik-home3-fragrance-editorial-v1.webp') right bottom/cover;opacity:.15;mask-image:radial-gradient(ellipse,#000 35%,transparent 75%);pointer-events:none}.bb-story .st-mission h2{font-size:28px;margin-top:4px}.bb-story .st-mission p{font-size:14px;line-height:1.5;margin-bottom:5px}.bb-story .st-mission small{font-size:10px;color:#775253}.bb-story .st-centered{text-align:center;margin:0 auto 23px;max-width:850px}.bb-story .st-centered .st-label{margin-bottom:8px}.bb-story .st-centered h2{margin:0 0 9px}.bb-story .st-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bb-story .st-value{text-align:center;padding:22px 22px 20px;transition:transform .22s,box-shadow .22s}.bb-story .st-value:hover{transform:translateY(-4px);box-shadow:0 20px 35px #b8556c28,inset 0 2px 3px #fff}.bb-story .st-value h3{font-size:23px}.bb-story .st-value p{font-size:14px;line-height:1.45;margin-bottom:0}.bb-story .st-value .st-icon{height:56px;width:56px;margin-top:-7px;margin-bottom:7px}.bb-story .st-value .st-icon svg{width:30px;height:30px}.bb-story .st-audiences{padding-top:22px}.bb-story .st-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bb-story .st-audience{display:flex;flex-direction:column;overflow:hidden;border-radius:17px;transition:transform .22s}.bb-story .st-audience:hover{transform:translateY(-4px)}.bb-story .st-audience>img{aspect-ratio:1.25;height:auto;object-fit:cover}.bb-story .st-audience.man>img{object-position:72% 30%;object-fit:cover}.bb-story .st-audience>div{position:relative;padding:13px 39px 13px 15px;flex:1;background:#fff7f3bb}.bb-story .st-audience h3{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:0;margin:0 0 6px}.bb-story .st-audience p{font-size:12px;line-height:1.45;margin-bottom:0}.bb-story .st-audience span{position:absolute;right:10px;top:18px;display:grid;place-items:center;border-radius:50%;width:28px;height:28px;color:#ed2b67;background:#fff9;box-shadow:0 3px 8px #bd61771a}.bb-story .st-audience span svg{width:18px}.bb-story .st-philosophy{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;background:linear-gradient(110deg,#fff5ef77,#ffdcd955);border-top:1px solid #fff8;border-bottom:1px solid #fff8}.bb-story .philosophy-picture{height:270px;border-radius:23px;overflow:hidden}.bb-story .st-philosophy p:not(.st-label){font-size:14px;color:#51403d}.bb-story .st-philosophy-values{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #e6b8b3;padding-top:15px}.bb-story .st-philosophy-values>div{text-align:center;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:6px}.bb-story .st-philosophy-values svg{color:#e82c64;width:30px;height:30px}.bb-story .st-collection{overflow:hidden;display:flex;align-items:center;gap:32px;padding:25px 32px;min-height:130px}.bb-story .st-collection>div{flex:1;z-index:1}.bb-story .st-collection h2{font-size:33px;margin:0 0 7px}.bb-story .st-collection p{font-size:13px;margin:0}.bb-story .st-collection .st-button{position:relative;z-index:1;margin-right:210px;flex-shrink:0}.bb-story .cta-art{position:absolute;right:0;top:0;width:250px;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 40%);opacity:.9}.bb-story .st-newsletter{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;padding:25px 28px;align-items:center}.bb-story .newsletter-copy{display:flex;align-items:center;gap:18px}.bb-story .newsletter-copy h2{font-size:25px;margin:0 0 5px}.bb-story .newsletter-copy p{font-size:12px;margin-bottom:0}.bb-story .st-email-row{display:flex;align-items:center;padding:3px;border:1px solid #f3c3cb;border-radius:99px;background:#fff9}.bb-story .st-email-row input{min-width:0;width:100%;background:none;border:0;padding:10px 15px;outline-offset:-3px;font-size:14px;color:#392628}.bb-story .st-email-row .st-button{font-size:12px;min-height:40px;padding:9px 20px;box-shadow:none}.bb-story .st-consent{display:block;font-size:11px;margin:9px 0;color:#604143}.bb-story .st-consent input{accent-color:#be2855;width:16px;height:16px;vertical-align:middle}.bb-story .st-consent a{text-decoration:underline}.bb-story #st-newsletter-feedback{font-size:11px;line-height:1.5;color:#75595a;margin:0}.bb-story .st-reassurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding-top:0;padding-bottom:28px}.bb-story .st-reassurance>a{display:flex;align-items:center;gap:12px;padding:15px}.bb-story .st-reassurance .st-icon{width:44px;height:44px}.bb-story .st-reassurance svg{width:24px;height:24px}.bb-story .st-reassurance h3{font:600 12px/1.4 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 3px}.bb-story .st-reassurance p{font-size:10px;line-height:1.5;margin:0}.bb-story .home-footer{background:#fff6ef;padding:35px max(5%,calc((100vw - 1220px)/2));border-top:1px solid #fff}.bb-story .footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1.2fr;gap:28px}.bb-story .footer-main nav{display:flex;flex-direction:column;gap:9px}.bb-story .footer-main h3{font:600 13px Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 8px}.bb-story .footer-main p,.bb-story .footer-main nav a,.bb-story .footer-help a{font-size:12px;color:#634d49}.bb-story .footer-wordmark{font:600 28px var(--st-serif)}.bb-story .footer-brand>small{display:block;font-size:8px;letter-spacing:.16em;margin-bottom:14px}.bb-story .footer-bottom{border-top:1px solid #e9d6cf;padding-top:18px;margin-top:25px;font-size:11px;color:#76615b}.bb-story dialog{border:1px solid #fff;border-radius:22px;background:#fff6f2;width:min(600px,90vw);max-height:85vh;box-shadow:0 20px 80px #5a26364d;padding:25px}.bb-story dialog::backdrop{background:#492c3d66;backdrop-filter:blur(5px)}.bb-story .dialog-head{display:flex;justify-content:space-between;align-items:center}.bb-story .dialog-head h2{font-size:30px}.bb-story .dialog-links{display:flex;flex-direction:column;gap:16px}.bb-story .dialog-links a{padding:8px}.bb-story .st-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.bb-story .st-observe{animation:none}.bb-story .st-visible{animation:st-reveal .6s ease both}@keyframes st-reveal{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}.bb-story #welcome-popup,.bb-story #exit-popup{display:none!important}html:has(body.bb-story){scroll-behavior:smooth}
@supports not (backdrop-filter:blur(1px)){.bb-story .st-glass{background:#fff1ed}.bb-story .site-header{background:#fff7f2}}
@media(min-width:1600px){.bb-story .st-hero{height:640px}.bb-story .st-hero-copy{padding-top:70px}.bb-story .st-hero-art{object-position:center 42%}}
@media(max-width:1100px){.bb-story .st-section{padding-left:30px;padding-right:30px}.bb-story .st-hero{height:490px}.bb-story .st-hero-copy{width:43%;margin-left:6%;padding-top:35px}.bb-story .st-hero-copy>p:not(.st-label){font-size:15px;max-width:300px}.bb-story .st-story-grid{gap:30px}.bb-story .story-picture{height:300px}.bb-story .st-mission-card{padding:22px;gap:14px}.bb-story .st-mission .st-icon{width:54px;height:54px}.bb-story .st-value{padding:18px 15px}.bb-story .st-collection .st-button{margin-right:100px}.bb-story .cta-art{width:190px}.bb-story .st-reassurance{gap:10px}.bb-story .st-reassurance>a{padding:12px 9px;gap:8px}.bb-story .footer-main{gap:18px}}
@media(max-width:800px){.bb-story .st-hero{height:450px}.bb-story h1{font-size:48px}.bb-story h1 span{font-size:48px}.bb-story .st-section{padding:24px}.bb-story .st-hero-copy{width:45%;margin-left:5%;padding-top:25px}.bb-story .st-hero-art{object-position:57% center}.bb-story .st-values-grid,.bb-story .st-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-story .st-newsletter{grid-template-columns:1fr}.bb-story .st-collection .st-button{margin-right:30px}.bb-story .st-collection h2{font-size:30px}.bb-story .st-mission-card{display:block}.bb-story .st-mission h2{margin-top:15px}.bb-story .st-reassurance{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-story .footer-main{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-story .footer-brand{grid-column:1/-1}.bb-story .footer-help{grid-column:1/-1}.bb-story .st-philosophy{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:600px){.bb-story{font-size:14px}.bb-story .announcement{display:none}.bb-story .draft-note{font-size:9px;padding:6px 12px}.bb-story .site-header{min-height:64px;padding:9px 14px}.bb-story .st-section{padding:20px 16px}.bb-story .st-label{font-size:9px;letter-spacing:.2em;margin-bottom:9px}.bb-story .st-hero{height:390px}.bb-story .st-hero-art{width:165%;max-width:none;left:-65%;object-position:62% center}.bb-story .st-hero:after{background:linear-gradient(90deg,#fff0e8fa 0%,#fff0e8ed 29%,#fff0e894 48%,transparent 74%),linear-gradient(0deg,#ffd5cb66,transparent 25%)}.bb-story .st-hero-copy{margin-left:18px;padding-top:22px;width:53%;max-width:235px}.bb-story h1{font-size:36px;line-height:.94;margin-bottom:16px}.bb-story h1 span{font-size:37px;white-space:normal;line-height:1;margin:13px 0 0;width:210px}.bb-story .st-hero-copy>p:not(.st-label){font-size:12px;line-height:1.5;max-width:175px;margin-bottom:16px}.bb-story .st-button{min-height:44px;font-size:12px;padding:10px 21px;gap:10px}.bb-story .hero-light{width:235px;height:235px;right:-60px;top:60px}.bb-story h2{font-size:30px}.bb-story .st-story-grid{grid-template-columns:1fr;gap:21px;padding-top:17px}.bb-story .story-picture{height:235px;border-radius:18px}.bb-story .story-picture figcaption span{font-size:52px}.bb-story .story-picture small{font-size:8px}.bb-story .story-copy p:not(.st-label){font-size:13px;line-height:1.55}.bb-story .story-copy .st-button{margin-top:5px}.bb-story .st-editorial-note{font-size:10px;line-height:1.5}.bb-story .st-mission{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:8px}.bb-story .st-mission-card{padding:15px 12px;border-radius:18px}.bb-story .st-mission .st-icon{width:48px;height:48px}.bb-story .st-mission .st-icon svg{width:29px}.bb-story .st-mission h2{font-size:24px;margin:12px 0 10px}.bb-story .st-mission p{font-size:12px;line-height:1.5}.bb-story .st-mission small{font-size:9px}.bb-story .st-centered{margin-bottom:17px}.bb-story .st-centered p:not(.st-label){font-size:12px;line-height:1.5}.bb-story .st-values-grid{gap:10px}.bb-story .st-value{padding:17px 12px;border-radius:17px}.bb-story .st-value h3{font-size:21px;letter-spacing:-.02em}.bb-story .st-value p{font-size:12px}.bb-story .st-value .st-icon{width:46px;height:46px;margin-bottom:5px}.bb-story .st-value .st-icon svg{width:27px}.bb-story .st-audience-grid{gap:11px}.bb-story .st-audience{border-radius:14px}.bb-story .st-audience>img{aspect-ratio:1.18}.bb-story .st-audience>div{padding:12px 32px 12px 10px}.bb-story .st-audience h3{font-size:13px;line-height:1.35}.bb-story .st-audience p{font-size:11px;line-height:1.5}.bb-story .st-audience span{right:6px;top:11px;width:25px;height:25px}.bb-story .st-philosophy{grid-template-columns:1fr;gap:20px}.bb-story .philosophy-picture{height:205px;border-radius:18px}.bb-story .st-philosophy h2{font-size:29px}.bb-story .st-philosophy p:not(.st-label){font-size:13px}.bb-story .st-philosophy-values{gap:4px}.bb-story .st-philosophy-values>div{font-size:10px}.bb-story .st-collection{padding:22px 18px;display:block;min-height:180px}.bb-story .st-collection h2{font-size:28px;max-width:235px}.bb-story .st-collection p{font-size:12px;max-width:220px}.bb-story .st-collection .st-button{margin:16px 0 0;position:relative;z-index:1}.bb-story .cta-art{width:42%;opacity:.28}.bb-story .st-newsletter{padding:20px 15px;gap:18px;border-radius:18px}.bb-story .newsletter-copy{gap:12px}.bb-story .newsletter-copy h2{font-size:24px}.bb-story .newsletter-copy p{font-size:11px}.bb-story .newsletter-copy .st-icon{width:44px;height:44px}.bb-story .newsletter-copy .st-icon svg{width:26px}.bb-story .st-email-row input{font-size:16px;padding:8px 10px}.bb-story .st-email-row .st-button{padding:8px 14px;font-size:11px;min-height:42px}.bb-story .st-consent{font-size:10px;line-height:1.6;margin:12px 0}.bb-story #st-newsletter-feedback{font-size:10px}.bb-story .st-reassurance{gap:10px;padding-top:0}.bb-story .st-reassurance>a{padding:13px 10px;border-radius:17px;align-items:flex-start}.bb-story .st-reassurance h3{font-size:11px}.bb-story .st-reassurance p{font-size:10px}.bb-story .st-reassurance .st-icon{width:33px;height:33px}.bb-story .st-reassurance svg{width:20px}.bb-story .home-footer{padding:28px 20px}.bb-story .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.bb-story .footer-main nav a{font-size:12px;padding:4px 0}.bb-story .footer-main h3{font-size:13px}.bb-story .footer-main p{font-size:12px}.bb-story .footer-help{grid-column:auto}.bb-story .footer-bottom{font-size:10px}}
@media(max-width:359px){.bb-story .st-mission,.bb-story .st-values-grid{grid-template-columns:1fr}.bb-story .st-mission-card{display:flex;gap:15px}.bb-story .st-mission h2{margin-top:0}.bb-story .st-hero-copy{width:58%;margin-left:15px}.bb-story h1{font-size:33px}.bb-story h1 span{font-size:34px;width:190px}.bb-story .st-audience-grid{gap:8px}.bb-story .st-audience>div{padding:11px 9px}.bb-story .st-audience span{position:static;margin-top:9px}.bb-story .st-reassurance{grid-template-columns:1fr}.bb-story .st-email-row{border-radius:17px;flex-wrap:wrap}.bb-story .st-email-row .st-button{width:100%}.bb-story .st-newsletter{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){html:has(body.bb-story){scroll-behavior:auto}.bb-story *,.bb-story *:before,.bb-story *:after{animation:none!important;transition:none!important;transform:none!important}}

/* Final editorial media pass */
.bb-story .st-hero-art{left:25%;width:75%;object-position:center 48%}.bb-story .hero-light{display:none}
.bb-story .st-audience-visual{aspect-ratio:1.25;position:relative;overflow:hidden;background:#f5d6cb;flex-shrink:0}.bb-story .st-audience-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bb-story .st-audience.man .st-audience-visual img{width:270%;max-width:none;left:-130%;object-position:74% center}
.bb-story .st-glass:hover:before{background:linear-gradient(120deg,#fff5,transparent 55%)}
.bb-story .st-hero-copy{position:relative;z-index:2}.bb-story .st-hero:after{z-index:0}.bb-story .st-hero-art{z-index:-1}
@media(max-width:600px){.bb-story .st-hero-art{left:-60%;width:165%;object-position:center center}.bb-story .st-audience-visual{aspect-ratio:1.18}.bb-story .st-audience.man .st-audience-visual img{width:300%;left:-150%}}

.bb-story .st-audience>.st-audience-visual{padding:0;flex:none;background:#f5d6cb}.bb-story .st-audience-visual img{border-radius:0}