/* Shared rhythm: 8px scale, airy desktop sections and one page gutter.
   Full-bleed films/tickers retain their stage geometry; framed panels have an inner gutter. */
:root{--page-gutter:8vw;--editorial-gutter:11vw;--section-space:144px;--panel-gutter:4vw;--tag-gap:24px}
@media(max-width:1100px){:root{--section-space:112px}}
@media(max-width:720px){:root{--page-gutter:7vw;--editorial-gutter:32px;--section-space:80px;--panel-gutter:5vw}}
html body .soft-drink-intro,html body .kane-care,html body .history-editorial,
html body .history-video-section,html body .infusion-choice,html body .infusion-faq,
html body .section-shell.contact-layout,html body .section-shell.partner-layout,
html body .kane-newsletter{padding-block:var(--section-space);padding-inline:var(--page-gutter)}
html body .soft-drink-intro-inner,html body .kane-care .care-copy,
html body .history-section-inner,html body .infusion-choice-inner,
html body .infusion-faq-inner,html body .newsletter-inner{max-width:none;width:100%}
html body #navbar,html body .kane-footer{padding-inline:var(--page-gutter)}
html body .page-banner,html body .infusion-banner,html body .hero{padding-inline:var(--page-gutter)}
/* History uses the same section padding as the homepage. */
html body .kane-product-story{margin-block:0}
html body .kane-product-story .drink-discovery,
html body .kane-product-story.heritage-standalone .heritage-section{
 padding-block:var(--section-space);padding-inline:calc(var(--page-gutter) + var(--panel-gutter));margin-block:0
}
html body .kane-product-story.heritage-standalone .heritage-inner{height:calc(var(--v2-panel-height,820px) - 2 * var(--section-space))}
html body .kane-product-story.heritage-standalone .heritage-copy{padding-block:0}
html body .kane-product-story.heritage-standalone .heritage-gallery{margin-bottom:calc(-1 * var(--section-space))}
html body .kane-reviews.reviews-vertical{padding-inline:calc(var(--page-gutter) + var(--panel-gutter));margin-block:0}
html body .occasions-panel{width:calc(100% - 2 * var(--page-gutter));max-width:none;margin-inline:auto;padding-block:var(--section-space);padding-inline:var(--panel-gutter)}
html body .kane-feed{padding-top:var(--section-space);padding-bottom:0}
html body .kane-footer{padding-top:80px;padding-bottom:32px}
/* Keep legal prose comfortably readable, within the same outer page gutters. */
html body .legal-content{padding-top:calc(86px + var(--section-space));padding-bottom:var(--section-space)}
/* Section labels, not decorative stickers or ingredient pills. */
html body :is(.drink-discovery-copy,.infusion-banner,.infusion-choice,.infusion-faq,.occasions-panel,.reviews-vertical .kane-story-panel-copy)>.eyebrow,
html body .infusion-choice .eyebrow,html body .infusion-faq .eyebrow,
html body .heritage-about-tag,html body .home-partner-tag,html body .history-guides-tag,
html body .newsletter-eyebrow,html body .partner-hero-label{
 font-family:'True Typewriter',Courier,monospace;font-size:15px;line-height:1.25;padding:6px 16px
}
html body .home-partner-tag,html body .history-guides-tag{margin-bottom:var(--tag-gap)}
html body .drink-discovery-copy h2,html body .heritage-copy h2{margin-top:var(--tag-gap)}
html body input::placeholder,html body textarea::placeholder{color:#80536B;opacity:1}
html body .newsletter-privacy{font-size:14px;line-height:1.6;color:#5F0C36}
.required-note{font:400 13px/1.5 Livvic,sans-serif;color:#80536B;margin:0 0 24px}
.required-marker{color:#9B1A65}
html body .form-card h2{margin-bottom:24px}
html body .partner-page #partner-form-heading{margin-bottom:24px}
/* The suffix travels with the typed word, rather than the invisible measuring span. */
html[lang=en] .hero .phrase-rotation{overflow:visible}
html[lang=en] .hero .typing-before{color:#FFEF9A;-webkit-text-fill-color:#FFEF9A}
@media(max-width:720px){
 html body .kane-product-story.heritage-standalone .heritage-inner{height:auto}
 html body .kane-footer{padding-top:64px}
}
.kane-feed-card{display:block;margin:0;text-decoration:none}
#kane-feed-title a{text-decoration:none;color:inherit}
.kane-feed-gallery:focus-within .kane-feed-track{animation-play-state:paused}
.kane-feed-card:focus-visible{outline:3px solid #9B1A65;outline-offset:5px}

/* Editorial pairs share a stable vertical centre and a shorter column gap. */
@media(min-width:901px){
 html body .soft-drink-intro-inner,html body .kane-care .care-copy{column-gap:clamp(40px,3.4vw,64px);align-items:center}
 html body .soft-drink-intro-copy{transform:none;will-change:auto}
 html body .soft-drink-visual{justify-self:end}
 html body .kane-care .care-visual{justify-self:start}
 html body .soft-drink-photo-secondary,html body .kane-care .care-photo-frame{top:0;width:76%;height:auto;aspect-ratio:4 / 5;box-sizing:border-box}
 html body .soft-drink-photo-secondary{right:0;left:auto}
 html body .kane-care .care-photo-frame{left:0;right:auto}
 html body .soft-drink-visual{height:auto;aspect-ratio:490 / 580}
 html body .kane-care .care-visual .care-capsule[data-care-tag="preservatives"]{right:12%}
 html body .kane-care .care-visual .care-capsule[data-care-tag="taste"]{right:18%}
 html body .soft-drink-intro-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 html body .kane-care .care-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 html body .kane-care .care-visual .care-capsule[data-care-tag="taste"]{bottom:0}
 html body .kane-care .care-visual .care-capsule[data-care-tag="colourings"]{bottom:8px}
 html body .home-partner-intro .soft-drink-visual,html body .kane-care .care-visual{height:auto;aspect-ratio:1}
 html body .home-partner-intro .soft-drink-sticker-stamp{bottom:0}
 html body .kane-product-story.heritage-standalone .heritage-gallery{margin-top:calc(-1 * var(--section-space));margin-bottom:calc(-1 * var(--section-space))}
 html body .heritage-inner,html body .drink-discovery-inner,html body .occasions-panel .kane-story-panel-inner{align-items:center}
}
html body .kane-feed-heading{padding-inline:var(--page-gutter)}
/* Same column rhythm for every desktop text/visual editorial pair. */
@media(min-width:901px){
 html body .drink-discovery-inner,
 html body .heritage-inner,
 html body .occasions-panel .kane-story-panel-inner,
 html body .history-guides-heading,
 html body .infusion-choice-inner{
  column-gap:clamp(40px,3.4vw,64px);align-items:center
 }
}

/* Home editorial sections align with the animated panels at their initial inset. */
@media(min-width:901px){
 html body:has(.hero-sequence) :is(.soft-drink-intro,.kane-care){padding-inline:var(--editorial-gutter)}
 html body:has(.hero-sequence) :is(.soft-drink-intro-inner,.kane-care .care-copy){width:100%;margin-inline:auto}
}

/* One outer guide for open content and the unexpanded animated panels. */
@media(min-width:901px){
 html body :is(.soft-drink-intro,.kane-care,.history-editorial,.history-video-section,.infusion-choice,.infusion-faq,.contact-layout,.partner-layout,.kane-newsletter){padding-inline:var(--editorial-gutter)}
 html body .kane-feed-heading{padding-inline:var(--editorial-gutter)}
 html body .soft-drink-intro-copy,html body .kane-care .care-text,html body .kane-care .care-body-text{width:100%;max-width:none}
}

/* Care has one photograph: its column must not reserve space for a flower collage. */
@media(min-width:901px){
 html body .kane-care .care-copy{grid-template-columns:minmax(0,372.4px) minmax(0,1fr);column-gap:clamp(40px,3.4vw,64px)}
 html body .kane-care .care-visual{max-width:none;width:100%;aspect-ratio:4 / 5;height:auto}
 html body .kane-care .care-photo-frame{width:100%;height:100%;inset:0}
 html body .kane-care .care-editorial,html body .kane-care .care-body-text p{width:100%;max-width:none}
 html body .kane-care .care-visual .care-capsule[data-care-tag="preservatives"],html body .kane-care .care-visual .care-capsule[data-care-tag="taste"]{right:-10px}
}

/* Match the partner text width and align the care block to the shared right gutter. */
@media(min-width:901px){
 html body .kane-care .care-editorial{max-width:520px;justify-self:end}
}