/* One paper, one olive. Colour belongs to the photographs and packshots. */
:root{
  --brand-paper:#f2ecdf;
  --brand-ink:var(--brand-olive);
  --brand-olive:#283323;
  --brand-muted:#5a5d4d;
  --brand-line:#b5b5a1;
  --brand-serif:Georgia,'Times New Roman',serif;
  --brand-gutter:clamp(22px,5vw,88px);
  --brand-ease:cubic-bezier(.22,.68,.2,1);
  --brand-duration:.24s;
}

/* Existing print styles remain authoritative, especially for the recipe sheet. */
@media screen{
  ::selection{background:var(--brand-olive);color:var(--brand-paper)}
  body:has(.heritage-journey),body.maison-page,body.stockists-page,body.recipe-page{
    --paper:var(--brand-paper);--ink:var(--brand-ink);
    --muted:var(--brand-muted);--line:var(--brand-line);
    background:var(--brand-paper);color:var(--brand-ink);
  }
  body.recipe-page{--recipe-light:var(--brand-paper);--recipe-secondary:var(--brand-paper)}

  /* Header dimensions and the light lettering over the home film are retained. */
  .site-header:is(.home-header,.inner-header){padding-inline:var(--brand-gutter)}
  .site-header:is(.home-header,.inner-header) nav a,
  .site-header:is(.home-header,.inner-header) .header-contact{
    font:400 13px/1.5 var(--sans);letter-spacing:.01em;text-transform:none;min-height:44px;
  }
  .site-header.inner-header{--ink:var(--brand-ink);--paper:var(--brand-paper);--line:var(--brand-line);color:var(--brand-ink)}
  .site-header.inner-header .brand img{filter:brightness(0) saturate(100%) invert(15%) sepia(13%) saturate(722%) hue-rotate(34deg) brightness(98%) contrast(93%)}
  .site-header:is(.home-header,.inner-header) nav a:after{transition:width var(--brand-duration) var(--brand-ease)}
  .site-header:is(.home-header,.inner-header) nav a[aria-current=page]:after{width:100%}

  /* A continuous paper surface connects the house stories and the still lifes. */
  .heritage-journey~.manifesto-strip{background:var(--brand-paper);color:var(--brand-ink);border-color:var(--brand-line)}
  .heritage-journey~.manifesto-strip .strip-star{color:var(--brand-olive)}
  .heritage-journey~.collection .section-heading h2 em{color:var(--brand-olive)}
  :is(.cocktails,.history,.meet){--serif:var(--brand-serif);--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);color:var(--brand-ink)}
  .heritage-journey~.cocktails,.meet{background:var(--brand-paper)}
  .history{background:var(--brand-paper)}
  .history figure>img{border-color:var(--brand-paper)}
  .heritage-journey~.closing-composition{--serif:var(--brand-serif);background:var(--brand-olive)}
  .heritage-journey~.closing-composition>p{color:var(--brand-paper)}
  .heritage-journey~.closing-composition>span{color:color-mix(in srgb,var(--brand-paper) 20%,transparent)}
  .cocktails.section,.history.section,.meet.section{padding:clamp(64px,7vw,104px) var(--brand-gutter)}
  .cocktail-copy h2,.history h2,.meet-title h2{font-family:var(--brand-serif);font-size:clamp(44px,4.9vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin-bottom:26px}
  .meet-grid h3{font:400 clamp(31px,3vw,43px)/1.15 var(--brand-serif);letter-spacing:-.04em}
  .cocktail-copy p:not(.eyebrow),.history-copy>p:not(.eyebrow),.meet-grid p{color:var(--brand-muted)}
  .cocktail-copy p:nth-of-type(2){color:var(--brand-ink)}
  .history-dates,.meet-grid>div,.recipe-links,.recipe-links a{border-color:var(--brand-line)}
  .history-dates small,.history figcaption>span{color:var(--brand-muted)}

  .maison-opening,.maison-section,.maison-source{padding-inline:var(--brand-gutter)}
  .maison-chapters{left:var(--brand-gutter);right:var(--brand-gutter)}
  .maison-roots{background:var(--brand-paper)}
  .maison-founding{background:var(--brand-olive);color:var(--brand-paper)}
  .maison-sharing{background:var(--brand-paper)}
  .maison h1,.maison h2,.stockists-opening h1,.stockists-help h3{font-family:var(--brand-serif)}
  .stockists-opening{padding-inline:var(--brand-gutter)}
  .stockists-page .stockists-pro{--stockists-pro-deep:var(--brand-olive);--stockists-pro-paper:var(--brand-paper);padding-inline:var(--brand-gutter)}

  .recipe-opening,.recipe-notebook,.recipe-further{background:var(--brand-paper)}
  .recipe-bottle-story{background:var(--brand-paper)}
  .recipe-opening-copy{padding-left:var(--brand-gutter)}
  .recipe-cover{padding-right:var(--brand-gutter)}
  .recipe-notebook,.recipe-further{padding-inline:var(--brand-gutter)}
  .recipe-editorial h1,.recipe-editorial h2,.recipe-editorial h3{font-family:var(--brand-serif)}
  .recipe-editorial .recipe-measures h3,.recipe-editorial .recipe-method h3{font-family:var(--sans)}

  /* Reading sections share the same paper as the portrait and continuation. */
  .experience-service,.experience-details,.continuation-links{
    --paper:var(--brand-paper);--ink:var(--brand-ink);--secondary:var(--brand-muted);--rule:var(--brand-line);--serif:var(--brand-serif);
    background:var(--brand-paper);color:var(--brand-ink);padding-inline:var(--brand-gutter);
  }
  .service-copy h2,.disclosure-history h3,.experience-disclosure summary{font-family:var(--brand-serif)}
  .continuation-links{border-color:var(--brand-line)}

  /* Explicit editorial actions only: map controls and the footer have their own UI. */
  :is(.cocktails,.history,.meet) .text-link,
  .maison .maison-link,.maison .maison-contact,
  .stockists-introduction>.stockists-text-link,.stockists-help .stockists-text-link,
  .recipe-editorial .recipe-link,.recipe-editorial .recipe-back,
  .experience-service .experience-text-link,.experience-details .experience-text-link,
  .continuation-links .continuation-collection,
  .collection .collection-actions .heritage-link{
    display:inline-flex;align-items:center;justify-content:space-between;gap:22px;
    width:fit-content;max-width:100%;min-height:44px;padding-block:9px;
    font:400 14px/1.5 var(--sans);letter-spacing:0;
    border-bottom:1px solid currentColor;text-decoration:none;
    transition:border-color var(--brand-duration) var(--brand-ease),color var(--brand-duration) var(--brand-ease);
  }
  .history-copy>.text-link:after{content:'↗';font:22px/1 var(--sans)}
  .maison .maison-link>span,.stockists-text-link>span,.recipe-link>span,
  .experience-text-link>span,.continuation-collection>span,.collection-actions .heritage-link>span{
    font-size:22px;line-height:1;transition:transform var(--brand-duration) var(--brand-ease);
  }
  .cocktail-copy>.button,.meet-grid .button,.experience-service .experience-button,
  .stockists-page .stockists-pro-button{
    display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
    min-height:48px;padding:12px 22px;border-radius:0;font:400 14px/1.5 var(--sans);
    transition:background-color var(--brand-duration) var(--brand-ease),color var(--brand-duration) var(--brand-ease),border-color var(--brand-duration) var(--brand-ease);
  }
  .cocktail-copy>.button,.meet-grid .button{border-color:var(--brand-olive)}
  .cocktail-copy>.button:after,.meet-grid .button:after{content:'↗';font:21px/1 var(--sans)}
  .cocktail-copy>.button-dark,.meet-grid .button-dark,.experience-service .experience-button{background:var(--brand-olive);color:var(--brand-paper)}
  .cocktail-copy>.button-dark:hover,.meet-grid .button-dark:hover,.experience-service .experience-button:hover{background:var(--brand-ink)}
  .meet-grid .button:not(.button-dark){background:transparent;color:var(--brand-olive)}
  .meet-grid .button:not(.button-dark):hover{background:var(--brand-paper)}
  .stockists-page .stockists-pro-button:hover{background:var(--brand-paper);text-decoration:underline;text-underline-offset:4px}
}

@media screen and (min-width:701px){
  .stockists-finder{padding-inline:var(--brand-gutter)}
  /* Recipes used to hide their links 20px before the shared mobile breakpoint. */
  .site-header:is(.home-header,.inner-header) nav{display:flex}
}
@media screen and (min-width:701px) and (max-width:720px){
  .recipe-opening-copy{padding-right:var(--brand-gutter)}
  .recipe-cover{padding-left:var(--brand-gutter)}
}
@media screen and (min-width:701px) and (max-width:1100px){
  .site-header:is(.home-header,.inner-header){gap:20px}
  .site-header:is(.home-header,.inner-header) nav{gap:16px}
  .site-header:is(.home-header,.inner-header) nav a,.site-header:is(.home-header,.inner-header) .header-contact{font-size:12px}
}
@media screen and (max-width:700px){
  .site-header:is(.home-header,.inner-header) nav a,.site-header:is(.home-header,.inner-header) .header-contact{font-size:12px}
  .site-header:is(.home-header,.inner-header) .header-contact{letter-spacing:0;gap:10px}
  .cocktails.section,.history.section,.meet.section{padding-block:56px}
  .cocktail-copy h2,.history h2,.meet-title h2{font-size:clamp(39px,10.5vw,56px);line-height:1.1;margin-bottom:22px}
  .meet-grid h3{font-size:33px}
  .maison-section{padding-block:48px}
  .maison-sharing{padding-bottom:40px}
  .recipe-opening-copy{padding-right:var(--brand-gutter)}
  .recipe-cover{padding-left:var(--brand-gutter)}
  :is(.cocktails,.history,.meet) .text-link,
  .maison .maison-link,.maison .maison-contact,
  .stockists-introduction>.stockists-text-link,.stockists-help .stockists-text-link,
  .recipe-editorial .recipe-link,.recipe-editorial .recipe-back,
  .experience-service .experience-text-link,.experience-details .experience-text-link,
  .collection .collection-actions .heritage-link{font-size:13px;gap:18px}
  .continuation-links .continuation-collection{font-size:12px;gap:12px;max-width:165px}
  .cocktail-copy>.button,.meet-grid .button,.experience-service .experience-button{gap:18px;padding-inline:19px}
}