.brava-caramel-product{color:var(--espresso);background:var(--cream);font-family:var(--font-body-family);padding-bottom:86px}.brava-caramel-product,.brava-caramel-product *{box-sizing:border-box}.brava-caramel-product h1,.brava-caramel-product h2,.brava-caramel-product p{margin-top:0}.brava-caramel-product h1,.brava-caramel-product h2{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.brava-caramel-product__hero{position:relative;min-height:min(900px,calc(100svh - 70px));display:grid;align-items:center;overflow:hidden;color:var(--cream);background:radial-gradient(circle at 75% 35%,var(--amber),var(--caramel) 42%,var(--espresso))}.brava-caramel-product__hero-media,.brava-caramel-product__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.brava-caramel-product__hero-media picture{display:block;width:100%;height:100%}.brava-caramel-product__hero-image{width:100%;height:100%;object-fit:cover}.brava-caramel-product__hero-shade{background:linear-gradient(90deg,#150b07d1,#150b0761 55%,#150b0714)}.brava-caramel-product__hero-copy{position:relative;z-index:2;width:min(100%,1440px);margin:0 auto;padding:clamp(92px,13vh,150px) clamp(22px,7vw,104px) 140px}.brava-caramel-product__eyebrow{margin-bottom:22px;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}.brava-caramel-product__hero h1{max-width:9ch;margin-bottom:28px;color:inherit;font-size:clamp(66px,10vw,148px);line-height:.8;letter-spacing:-.055em}.brava-caramel-product__hero h1 span,.brava-caramel-product__hero h1 small{display:block}.brava-caramel-product__hero h1 small{margin-top:24px;font-family:var(--font-body-family);font-size:clamp(17px,1.7vw,25px);font-weight:600;line-height:1;letter-spacing:.35em}.brava-caramel-product__lede{max-width:500px;margin-bottom:30px;font-family:var(--font-heading-family);font-size:clamp(20px,2.1vw,30px);line-height:1.32}.brava-caramel-product__microcopy{margin:15px 0 0;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.brava-caramel-product__hero-drip{position:absolute;right:-1px;bottom:-1px;left:-1px;z-index:3;height:92px;overflow:visible;pointer-events:none;-webkit-user-select:none;user-select:none}.brava-caramel-product__falling-drop{position:absolute;top:34%;z-index:1;width:13px;height:29px;border-radius:48% 48% 58% 58%/24% 24% 76% 76%;background:linear-gradient(100deg,var(--amber),var(--caramel) 52%,color-mix(in srgb,var(--caramel) 72%,var(--espresso)));box-shadow:inset 3px 1px 3px #ffffff52,0 8px 10px #4c1f0a33;opacity:0;transform-origin:50% 0;animation:brava-product-drip var(--drop-speed, 5.8s) cubic-bezier(.4,0,.28,1) infinite}.brava-caramel-product__falling-drop--1{left:12%;--drop-distance: 72px;--drop-speed: 5.8s;animation-delay:-1.1s}.brava-caramel-product__falling-drop--2{left:38%;width:10px;height:24px;--drop-distance: 54px;--drop-speed: 6.7s;animation-delay:-4.2s}.brava-caramel-product__falling-drop--3{left:71%;width:16px;height:35px;--drop-distance: 82px;--drop-speed: 7.4s;animation-delay:-2.8s}.brava-caramel-product__falling-drop--4{left:91%;width:9px;height:22px;--drop-distance: 48px;--drop-speed: 5.2s;animation-delay:-.4s}@keyframes brava-product-drip{0%,14%{opacity:0;transform:translateY(-8px) scale(.66,.12)}24%{opacity:.96;transform:translateY(0) scale(.82,.5)}46%{opacity:1;transform:translateY(12px) scale(.88,1.42)}61%{opacity:1;transform:translateY(25px) scaleX(.8)}78%{opacity:.88;transform:translateY(var(--drop-distance)) scale(.72,.84)}92%,to{opacity:0;transform:translateY(calc(var(--drop-distance) + 26px)) scale(.58,.66)}}.brava-caramel-product__panel{padding:clamp(84px,11vw,160px) clamp(22px,6vw,90px)}.brava-caramel-product__split,.brava-caramel-product__flavor-grid{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(44px,8vw,120px);align-items:center}.brava-caramel-product__copy-block{max-width:560px}.brava-caramel-product h2{margin-bottom:30px;color:inherit;font-size:clamp(42px,5.8vw,82px);line-height:.95;letter-spacing:-.045em;text-wrap:balance}.brava-caramel-product__body{max-width:640px;font-size:clamp(16px,1.4vw,19px);line-height:1.7}.brava-caramel-product__body p{margin-bottom:18px}.brava-caramel-product__spec{display:inline-block;margin:26px 0 0;padding-top:11px;border-top:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brava-caramel-product__editorial-media{min-height:520px;background:linear-gradient(145deg,#b9652829,#17392c1f)}.brava-caramel-product__editorial-image{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}.brava-caramel-product__scarcity{color:var(--cream);background:var(--forest);text-align:center}.brava-caramel-product__narrow{width:min(100%,860px);margin:0 auto}.brava-caramel-product__narrow--wide{width:min(100%,1120px)}.brava-caramel-product__scarcity .brava-caramel-product__body,.brava-caramel-product__final .brava-caramel-product__body{margin-right:auto;margin-left:auto}.brava-caramel-product__cta,.brava-caramel-product__sticky-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 26px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:var(--cream);background:linear-gradient(125deg,color-mix(in srgb,var(--caramel) 82%,white),var(--caramel) 45%,color-mix(in srgb,var(--caramel) 58%,var(--espresso)));box-shadow:inset 0 1px #fff6,0 15px 34px #2e12073d;font:700 11px/1.2 var(--font-body-family);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.brava-caramel-product__cta{margin-top:30px}.brava-caramel-product__cta:hover,.brava-caramel-product__sticky-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff73,0 18px 40px #2e12074d}.brava-caramel-product__cta:focus-visible,.brava-caramel-product__sticky-button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.brava-caramel-product__cta:disabled,.brava-caramel-product__sticky-button:disabled{opacity:.5;cursor:not-allowed}.brava-caramel-product__cta--cream{color:var(--forest);border-color:#ffffff80;background:var(--cream);box-shadow:none}.brava-caramel-product__ritual{background:linear-gradient(145deg,var(--cream),color-mix(in srgb,var(--cream) 78%,var(--amber)))}.brava-caramel-product__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:54px 0 0;padding:0;list-style:none;border-top:1px solid rgba(33,19,13,.22)}.brava-caramel-product__steps li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:28px 24px 0 0}.brava-caramel-product__steps li+li{padding-left:24px;border-left:1px solid rgba(33,19,13,.18)}.brava-caramel-product__steps li>span{color:var(--caramel);font-family:var(--font-heading-family);font-size:27px}.brava-caramel-product__steps strong{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.brava-caramel-product__steps p{margin:0;font-size:14px;line-height:1.6}.brava-caramel-product__flavor{padding:0;background:var(--caramel);color:var(--cream)}.brava-caramel-product__flavor-grid{width:100%;max-width:none;gap:0}.brava-caramel-product__flavor-media{min-height:720px;background:radial-gradient(circle,var(--amber),var(--caramel))}.brava-caramel-product__flavor-copy{padding:clamp(70px,9vw,130px)}.brava-caramel-product__tasting{margin-top:44px;border-top:1px solid rgba(255,241,213,.4)}.brava-caramel-product__tasting p{display:grid;grid-template-columns:100px 1fr;gap:20px;margin:0;padding:19px 0;border-bottom:1px solid rgba(255,241,213,.28);font-family:var(--font-heading-family);font-size:clamp(19px,2vw,26px)}.brava-caramel-product__tasting span{padding-top:6px;font-family:var(--font-body-family);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.brava-caramel-product__final{color:var(--cream);background:radial-gradient(circle at 50% 0,rgba(217,138,66,.2),transparent 42%),var(--espresso);text-align:center}.brava-caramel-product__sticky{position:fixed;right:18px;bottom:18px;left:18px;z-index:40;width:min(calc(100% - 36px),720px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 12px 12px 20px;border:1px solid rgba(255,241,213,.2);border-radius:18px;color:var(--cream);background:#17392cf0;box-shadow:0 18px 50px #110a0740;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brava-caramel-product__sticky-copy{min-width:0;display:grid;gap:3px;line-height:1.2}.brava-caramel-product__sticky-copy strong{overflow:hidden;font-family:var(--font-heading-family);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.brava-caramel-product__sticky-copy span{font-size:9px;letter-spacing:.07em;text-transform:uppercase}.brava-caramel-product__sticky-button{min-width:132px;min-height:46px;padding:12px 20px}.brava-caramel-product__form{display:inline-block}.brava-caramel-product__form-error{max-width:420px;margin:10px 0 0;font-size:12px;line-height:1.4}@media(max-width:749px){.brava-caramel-product{padding-bottom:98px}.brava-caramel-product__hero{min-height:calc(100svh - 54px);align-items:end}.brava-caramel-product__hero-shade{background:linear-gradient(0deg,#150b07db,#150b0729 76%)}.brava-caramel-product__hero-copy{padding:120px 22px 124px}.brava-caramel-product__hero h1{font-size:clamp(62px,19vw,88px)}.brava-caramel-product__hero h1 small{margin-top:18px;font-size:16px}.brava-caramel-product__split,.brava-caramel-product__flavor-grid{grid-template-columns:1fr;gap:42px}.brava-caramel-product__editorial-media,.brava-caramel-product__flavor-media{min-height:460px}.brava-caramel-product__steps{grid-template-columns:1fr}.brava-caramel-product__steps li,.brava-caramel-product__steps li+li{padding:24px 0;border-left:0;border-bottom:1px solid rgba(33,19,13,.18)}.brava-caramel-product__flavor-media{order:2}.brava-caramel-product__flavor-copy{padding:84px 22px 42px}.brava-caramel-product__tasting p{grid-template-columns:82px 1fr}.brava-caramel-product__sticky{right:8px;bottom:8px;left:8px;width:calc(100% - 16px);gap:10px;padding:9px 9px 9px 14px;border-radius:14px}.brava-caramel-product__sticky-copy strong{font-size:13px}.brava-caramel-product__sticky-copy span{font-size:8px}.brava-caramel-product__sticky-button{min-width:104px;min-height:44px;padding:10px 15px}}@media(prefers-reduced-motion:reduce){.brava-caramel-product__falling-drop{animation:none}.brava-caramel-product__falling-drop{display:none}.brava-caramel-product__cta,.brava-caramel-product__sticky-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=CA */