/* Caffino: original product imagery, expressive flavour and a clear B2B journey. */
.brand-elevated{--b-ink:#251c17;--b-cream:#f4eee2;--b-gold:#dec18d}
.brand-elevated a:focus-visible,.brand-elevated button:focus-visible{outline:2px solid #b59055;outline-offset:5px}
.b-hero{background:#20150f;color:#fbf3e5;position:relative;overflow:hidden}
.b-hero-layout{display:grid;grid-template-columns:.92fr 1.08fr;min-height:650px;position:relative}
.b-hero-copy{padding:70px 48px 55px 0;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.b-hero-copy>.p-kicker{color:#dfbd83;letter-spacing:.19em;margin-bottom:28px}
.b-hero h1{font:500 clamp(64px,6.5vw,99px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:0 0 27px}
.b-hero h1 em{font:400 .86em/1.23 Prata,Georgia,serif;letter-spacing:-.055em;color:#e3c593;display:block;padding-top:10px}
.b-hero-copy>p{font-size:15px;line-height:1.85;color:#d1c1ad;max-width:410px;margin:0 0 27px}
.b-hero .p-actions{gap:22px;align-items:center;flex-wrap:wrap}
.b-hero .p-actions .btn{background:#ddbd83;border-color:#ddbd83;color:#261b11}
.b-hero-film-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;text-decoration:none;color:#f2e3cc;min-height:48px;border-bottom:1px solid #b89d7477}
.b-hero-origin{margin-top:44px;display:flex;gap:20px;align-items:center;padding-top:20px;border-top:1px solid #e1c8a033;width:100%;font-size:10px;line-height:1.7;color:#c2ac90}
.b-hero-origin strong{letter-spacing:.14em;color:#e3c593;font-size:11px;white-space:nowrap}
.b-hero-art{position:relative;isolation:isolate;min-width:0;min-height:650px;overflow:hidden;background:#352116}
.b-hero-background,.b-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 35%;z-index:-2}
.b-hero-background{opacity:.82}.b-hero-video{opacity:0;transition:opacity .7s}.b-hero-art[data-playing=true] .b-hero-video{opacity:.82}
.b-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17110a09 25%,#17110a30 48%,#17110ade 100%);z-index:-1;pointer-events:none}
.b-stage-top{display:flex;align-items:center;justify-content:space-between;gap:15px;position:absolute;inset:24px 25px auto;color:#f4e4cb;font-size:9px;letter-spacing:.15em}
.b-motion-toggle{min-height:44px;min-width:44px;border:1px solid #eee0c05c;border-radius:50%;background:#20160b55;backdrop-filter:blur(8px);color:#fff0d4;font:12px Manrope,Arial,sans-serif;cursor:pointer;display:none}.b-motion-toggle[data-ready=true]{display:block}
.b-hero-product{position:absolute;height:67%;width:51%;object-fit:contain;right:1%;bottom:107px;filter:drop-shadow(0 22px 20px #0c0807aa);transform:rotate(7deg);transition:transform .55s,opacity .2s;z-index:1}
.b-hero-art[data-flavour=hazelnut] .b-hero-product{transform:rotate(-7deg)}.b-hero-art[data-flavour=bold] .b-hero-product{transform:rotate(3deg)}
.b-hero-product.is-changing{opacity:0;transform:translateY(7px) rotate(0deg)}
.b-stage-caption{position:absolute;bottom:114px;left:28px;width:45%;z-index:2;text-shadow:0 2px 15px #100907}
.b-stage-caption>span{display:block;font-size:9px;letter-spacing:.17em;color:#e8c995;margin-bottom:10px}
.b-stage-caption h2{font:400 30px/1.2 Prata,Georgia,serif;letter-spacing:-.04em;margin:0 0 12px;color:#fff4df}
.b-stage-caption p{font-size:11px;line-height:1.6;color:#e5d4bc;margin:0;max-width:180px}
.b-stage-bottom{position:absolute;bottom:0;inset-inline:0;padding:21px 25px;z-index:3;border-top:1px solid #f0ddba33;display:flex;align-items:center;gap:9px;background:#1d140de6}
.b-stage-bottom>span{font-size:9px;letter-spacing:.11em;color:#baa58b;max-width:65px;margin-right:auto;line-height:1.6}
.b-flavour{border:1px solid #d7b88a55;border-radius:30px;padding:11px 15px;min-height:44px;background:transparent;font-size:11px;color:#eadac3;cursor:pointer;transition:background .2s,color .2s}
.b-flavour[aria-pressed=true]{background:#e7d0a5;color:#2c2016;border-color:#e7d0a5}
.b-flavour:hover{border-color:#f2ddbb}
.b-hero-bottom{border-top:1px solid #dfc69f2e;padding:16px 0;display:flex;align-items:center;justify-content:space-between;color:#cfb594;font-size:9px;letter-spacing:.15em}
.b-hero-bottom a{color:inherit;text-decoration:none;min-height:30px;display:flex;align-items:center;gap:20px}
.brand-elevated.home .v-proof{background:#ede2cf}.brand-elevated.home .v-proof>.wrap>div{padding-block:25px}
.brand-elevated.home .c-ingredients{background:#f6f0e6;padding-block:90px}
.brand-elevated.home .c-ingredients h2{font-size:clamp(39px,4.25vw,64px);max-width:720px}
.brand-elevated.home .c-cup-scene{min-height:495px;background:#24190f}.brand-elevated.home .c-cup-scene::before{display:none}
.brand-elevated.home .c-cup-scene>img{width:100%;height:495px;object-fit:cover;margin:0;filter:none;opacity:.96}
.brand-elevated.home .c-cup-scene figcaption{padding:17px 20px;background:#1d130dbb;bottom:0;inset-inline:0;backdrop-filter:blur(6px);font-size:9px}
.brand-elevated.home .c-ingredient-list h3{font-size:34px;letter-spacing:-.035em}
.brand-elevated.home .v-taste-panel{background:#e9ddc8;transition:background .3s;min-height:510px}
.brand-elevated.home .v-tone-sage{background:#d8e0cc}.brand-elevated.home .v-tone-cocoa{background:#3b241a;color:#fff0d5}.brand-elevated.home .v-tone-rose{background:#e7c3a9}.brand-elevated.home .v-tone-olive{background:#d7d8bc}
.brand-elevated.home .v-tone-cocoa .p-kicker,.brand-elevated.home .v-tone-cocoa .v-art-label,.brand-elevated.home .v-tone-cocoa .v-flavour,.brand-elevated.home .v-tone-cocoa .v-taste-spec,.brand-elevated.home .v-tone-cocoa .v-add{color:#e0c5a2}
.brand-elevated.home .v-tone-cocoa .v-taste-art>img{mix-blend-mode:normal}.brand-elevated.home .v-tone-cocoa h3{color:#f6e7cb}
.brand-elevated.home .v-taste-copy h3{font:400 clamp(32px,3.6vw,49px)/1.2 Prata,Georgia,serif;letter-spacing:-.04em}
.brand-elevated.home .v-taste-art{min-height:490px}.brand-elevated.home .v-taste-art>img{height:405px}
.b-taste-note{font-size:9px;letter-spacing:.13em;margin-bottom:17px;color:#8b714a;display:flex;gap:11px;align-items:center}.b-taste-note::before{content:'';width:24px;height:1px;background:currentColor}
.v-tone-cocoa .b-taste-note{color:#d8b680}
.brand-elevated.home .v-format{transition:background .3s;position:relative}.brand-elevated.home .v-format-caption h3{font-family:Prata,Georgia,serif;font-size:26px}
.brand-elevated.home .v-format-art{height:300px}.brand-elevated.home .v-format-top{letter-spacing:.1em}
.brand-elevated.home .v-format-mix{background:#e7cfaa}.brand-elevated.home .v-format-bottle{background:#deb79e}.brand-elevated.home .v-format-can{background:#cdd5b8}
.brand-elevated.home .v-format-capsules{background:#d1d0ac}.brand-elevated.home .v-format-instant{background:#dfc6a4}.brand-elevated.home .v-format-turkish{background:#e5c68c}
.b-sample{display:grid;grid-template-columns:.8fr 1.2fr;background:#2a1d15;color:#f8ebd6;margin-top:52px;overflow:hidden}
.b-sample-art{position:relative;min-height:400px;background:#d9c4a0;display:flex;align-items:center;justify-content:center;padding:35px 17px;gap:0}
.b-sample-art img{width:40%;height:315px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 15px 9px #3e2b1b44)}
.b-sample-art img:first-child{transform:rotate(-9deg);margin-right:-18%;z-index:1;align-self:flex-end}.b-sample-art img:nth-child(2){z-index:2;transform:translateY(-8px)}.b-sample-art img:last-child{transform:rotate(9deg);margin-left:-18%;z-index:1;align-self:flex-end}
.b-sample-copy{padding:47px 44px;align-self:center}.b-sample-copy>.p-kicker{color:#d9b882}.b-sample-copy h3{font:400 clamp(27px,3vw,40px)/1.25 Prata,Georgia,serif;letter-spacing:-.04em;max-width:480px;margin:16px 0 20px}
.b-sample-copy>p{font-size:13px;line-height:1.8;color:#d3bea2;max-width:430px;margin:0 0 25px}.b-sample-copy>small{display:block;color:#c5af93;font-size:10px;margin-top:17px;line-height:1.7}
.brand-elevated .p-product-art{transition:background .25s}.brand-elevated .p-product-art>img{transition:transform .45s}
.brand-elevated .p-detail-image{background:#e9decb;border:1px solid #c6b18c33}.brand-elevated .p-detail-copy>h1{letter-spacing:-.055em}
.b-detail-origin{font-size:9px!important;letter-spacing:.14em;color:#8f7145!important;margin:0 0 22px!important;text-transform:uppercase}
.brand-elevated[data-b-product*=hazelnut] .p-detail-image{background:#e0e5d0}.brand-elevated[data-b-product*=mocha] .p-detail-image{background:#e4c8b5}.brand-elevated[data-b-product*=sugar] .p-detail-image{background:#eee5c7}
.brand-elevated[data-b-product*=dark] .p-detail-image,.brand-elevated[data-b-product*=premium] .p-detail-image{background:#dfc597}
@media(hover:hover){.brand-elevated .p-product:hover .p-product-art>img{transform:translateY(-6px) scale(1.025)}}
@media(min-width:1600px){.b-hero-layout,.b-hero-art{min-height:740px}.b-hero h1{font-size:106px}.b-hero-product{height:70%}}
@media(max-width:1100px){.b-hero-copy{padding-right:26px}.b-hero h1{font-size:68px}.b-hero-layout,.b-hero-art{min-height:590px}.b-hero-origin{gap:12px}.b-stage-caption h2{font-size:26px}.b-stage-bottom{padding-inline:16px;gap:7px}.b-flavour{padding-inline:12px}.b-sample-copy{padding:35px 30px}}
@media(max-width:760px){.b-hero-layout{grid-template-columns:1fr;min-height:0}.b-hero-copy{padding:43px 0 33px}.b-hero-copy>.p-kicker{margin-bottom:20px;font-size:9px}.b-hero h1{font-size:clamp(58px,12vw,83px);margin-bottom:20px}.b-hero-copy>p{font-size:13px;max-width:450px;margin-bottom:22px}.b-hero .p-actions{gap:18px}.b-hero .p-actions .btn{min-height:50px;font-size:11px;padding:14px 19px}.b-hero-film-link{font-size:11px}.b-hero-origin{margin-top:24px;padding-top:16px;font-size:10px;max-width:450px}.b-hero-art{min-height:440px;margin-bottom:20px}.b-stage-top{inset:15px 16px auto;font-size:8px}.b-hero-product{height:68%;bottom:85px;width:52%;right:0}.b-stage-caption{bottom:104px;left:19px;width:43%}.b-stage-caption h2{font-size:24px}.b-stage-caption p{font-size:10px;max-width:145px}.b-stage-caption>span{font-size:8px}.b-stage-bottom{padding:16px 14px;gap:7px}.b-stage-bottom>span{font-size:8px;max-width:50px}.b-flavour{font-size:10px;padding:10px 12px;min-height:44px}.b-hero-bottom{padding:11px 0;font-size:8px;letter-spacing:.1em}.b-hero-bottom>span{max-width:55%;line-height:1.7}.brand-elevated.home .c-ingredients{padding-block:57px}.brand-elevated.home .c-ingredients h2{font-size:35px}.brand-elevated.home .c-cup-scene{min-height:340px}.brand-elevated.home .c-cup-scene>img{height:340px}.brand-elevated.home .c-ingredient-list h3{font-size:29px}.brand-elevated.home .v-taste-panel{min-height:0}.brand-elevated.home .v-taste-art{min-height:315px}.brand-elevated.home .v-taste-art>img{height:255px}.brand-elevated.home .v-taste-copy h3{font-size:32px}.brand-elevated.home .v-format-art{height:220px}.brand-elevated.home .v-format-caption h3{font-size:21px}.b-sample{grid-template-columns:1fr}.b-sample-art{min-height:290px;padding:20px 35px}.b-sample-art img{height:250px}.b-sample-copy{padding:31px 24px 34px}.b-sample-copy h3{font-size:29px}.b-sample-copy .btn{font-size:11px}.b-detail-origin{font-size:8px!important}}
@media(max-width:370px){.b-hero h1{font-size:55px}.b-hero-art{min-height:390px}.b-stage-caption h2{font-size:21px}.b-stage-bottom>span{display:none}.b-stage-bottom{justify-content:space-between}.b-flavour{flex:1}}
@media(max-width:760px){.b-hero-origin{display:none}}
@media(prefers-reduced-motion:reduce){.brand-elevated *{transition:none!important;animation:none!important}.b-hero-video{display:none}}
@media print{.b-hero,.b-motion-toggle,.b-sample{display:none}.b-detail-origin{color:#333!important}}

/* Mobile: show the pack and flavour controls before the supporting copy. */
@media(max-width:760px){
 .b-hero-layout{display:flex;flex-direction:column;padding-top:20px}
 .b-hero-copy{display:contents}
 .b-hero-copy>.p-kicker{order:0;margin:0 0 11px;font-size:8px;line-height:1.4}
 .b-hero h1{order:1;font-size:42px;line-height:1.03;margin:0 0 18px}
 .b-hero h1 em{font-size:.86em;line-height:1.15;padding-top:3px}
 .b-hero-art{order:2;min-height:310px;margin:0}
 .b-hero-product{height:70%;width:54%;right:1%;bottom:65px}
 .b-stage-top{inset:10px 12px auto;font-size:7px;letter-spacing:.1em}
 .b-stage-caption{left:14px;bottom:79px;width:43%}
 .b-stage-caption>span{font-size:7px;margin-bottom:6px}
 .b-stage-caption h2{font-size:21px;line-height:1.15;margin-bottom:7px}
 .b-stage-caption p{font-size:9px;line-height:1.5}
 .b-stage-bottom{padding:10px 12px;gap:7px}
 .b-stage-bottom>span{font-size:7px;max-width:50px}
 .b-flavour{min-height:44px;padding:10px 12px;font-size:10px}
 .b-hero-copy>p{order:3;font-size:12px;line-height:1.65;max-width:450px;margin:16px 0 14px}
 .b-hero .p-actions{order:4;gap:18px;margin:0 0 20px}
 .b-hero .p-actions .btn{min-height:44px;padding:11px 16px}
 .b-hero-film-link{min-height:44px}
}
@media(max-width:370px){
 .b-hero-layout{padding-top:15px}
 .b-hero h1{font-size:36px;margin-bottom:14px}
 .b-hero-art{min-height:280px}
 .b-stage-caption h2{font-size:18px}
 .b-stage-bottom>span{display:none}
}