/* The design pass of November 2026. Everything here sits on top of main.css, so taking
   this file and polish.js out of the pages returns the old look. One palette: ink,
   cream, bronze for small text on cream, silver for small text on ink. No grey, no red. */
:root {
  --ink: #0d0c0b; --cream: #fef7ec; --bronze: #7a6450; --silver: #d9d6cf; --hair: rgba(20, 19, 15, .18);
  --sans: Neue Haas Grotesk Text Pro, Helvetica, Arial, sans-serif; --serif: Schnyder S, Georgia, serif;
}

/* The type no longer jumps by a third when a window passes 1600px. */
html { font-size: clamp(18px, 1.25vw, 24px) !important; }
html.home { font-size: clamp(16px, 1.1111vw, 22px) !important; }

/* The grey that came with the old template. */
#change, .preloader__mask, .mainNav, .close__curt { background-color: var(--ink) !important; }
#home-vini { background-color: var(--cream); }
#home-sec-hosp { background-color: var(--ink); }

/* The page change: a curtain of ink with the elephant resting on it. */
#change::after { content: ''; position: absolute; top: 50%; left: 50%; width: min(26vw, 280px); aspect-ratio: 4 / 3; transform: translate(-50%, -50%);
  background: url(../images/opt/icon-1000.webp) center / contain no-repeat; opacity: .28; }

/* ==== The menu ==== */
.mainNavNew { color: var(--cream); overflow: hidden; }
.mainNavNew .mainNav__col--left, .mainNavNew .mainNav__col--right, .mainNavNew .close { z-index: 3; }
.mainNavNew .mainNav__col ul a { font-family: var(--serif); font-weight: 300; color: var(--cream); }
.mainNavNew .mainNav__col--left li a { letter-spacing: -.012em; transition: transform .55s cubic-bezier(.22, .7, .2, 1), color .3s ease; }
.mainNavNew .mainNav__col--left li:hover a, .mainNavNew .mainNav__col--left li a:focus-visible { color: #fff; transform: translate(18px, 1.6666666667vh); }
.mainNav li .char, .mainNavNew .menu-item a .char { -webkit-text-stroke: 0 !important; }
.mainNavNew .menu-item:hover a, .mainNavNew .social__list li:hover a { color: #fff; }
.mainNavNew .mainNav__col--left li a::after, .mainNav .mainNav__col--left li::after { content: none !important; display: none !important; }
.mainNavNew .menu-item__hoverContent { color: var(--silver); font-weight: 300; transition: opacity .45s ease, transform .55s ease; transform: translateX(-10px); }
.mainNavNew .menu-item:hover .menu-item__hoverContent { transform: none; }
.mainNavNew .topLine { background-color: rgba(254, 247, 236, .22) !important; }
.mainNavNew .mainNav__col--right li a { font-weight: 300; text-shadow: 0 1px 16px rgba(0, 0, 0, .7); }
.mainNavNew .menu-item__hoverContent { text-shadow: 0 1px 14px rgba(0, 0, 0, .7); }
.mainNavNew .mainNav__col--right .social .social__list li a { font-family: var(--sans); font-weight: 400; letter-spacing: .04em; }
.mainNavNew .close { border-color: rgba(254, 247, 236, .45); transition: border-color .3s ease; }
.mainNavNew .close:hover { border-color: #fff; }
.mainNavNew .close::before, .mainNavNew .close::after { background-color: rgba(254, 247, 236, .85); }

/* Pictures behind the menu: one for each chapter, drifting slowly while it shows. */
.feMenuPics { position: absolute; top: 0; right: 0; bottom: 0; width: 56vw; z-index: 1; pointer-events: none; overflow: hidden; }
.feMenuPics::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--ink) 0%, rgba(13, 12, 11, .62) 30%, rgba(13, 12, 11, .3) 70%, rgba(13, 12, 11, .55) 100%); }
.feMenuPic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.09); transition: opacity .8s ease, transform 7s cubic-bezier(.2, .6, .2, 1); }
.feMenuPic.on { opacity: 1; transform: scale(1); }
.feMenuMark { position: absolute; top: 50%; right: 7vw; width: min(36vw, 520px); transform: translateY(-50%); opacity: .1; transition: opacity .6s ease; }
.feMenuPics.has-pic .feMenuMark { opacity: 0; }
@media (orientation: portrait) {
  .feMenuPics { width: 100vw; }
  .feMenuPics::after { background: rgba(13, 12, 11, .55); }
  .feMenuMark { right: -8vw; top: auto; bottom: 4vh; transform: none; width: 78vw; opacity: .09; }
  .mainNavNew .mainNav__col--left li a { font-size: clamp(30px, 4.6vh, 44px); line-height: 1.22; }
  .mainNavNew .mainNav__col--right li a { font-size: 19px; line-height: 1.5; }
  .mainNavNew .mainNav__col--right .social .social__list li a { font-size: 14px; line-height: 2; }
  .mainNavNew .mainNav__col--left li { padding: .9vh 0; }
}
@media (max-width: 767px) {
  .mainNav__wrap { padding-top: 96px !important; }
  .mainNav { justify-content: flex-start; }
}

/* ==== The rail and the phone masthead ==== */
/* Past the first picture the rail stands on frosted glass, so nothing runs through its lettering. */
@media (min-width: 768px) {
  html.fe-past-hero .header.transparent:not(.opened) {
    background-color: rgba(13, 12, 11, .62) !important;
    -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%);
  }
}
/* On phones the name always stands on cream, except over the first picture, where it turns white. */
@media (max-width: 767px) {
  html.fe-past-hero .header:not(.opened) { background-color: var(--cream) !important; }
  html.fe-past-hero .header:not(.opened)::after { background-color: var(--hair) !important; }
  html.fe-past-hero .header:not(.opened) svg * { fill: #000 !important; }
  html.home:not(.fe-past-hero) .header:not(.opened) .header__logo img { filter: brightness(0) invert(1); }
  .header.opened .header__logo img { filter: brightness(0) invert(1); }
  .header .ham { padding: 8px; margin: -8px; }
}

/* A band behind the two boxes wherever the home page stacks, so text never slides under them. */
.feTopBar { position: fixed; top: 0; left: 0; right: 0; z-index: 8900; height: 96px; background: var(--cream); border-bottom: 1px solid var(--hair);
  opacity: 0; pointer-events: none; transition: opacity .35s ease; }
html.fe-stacked.fe-past-hero .feTopBar { opacity: 1; }
html:not(.fe-stacked) .feTopBar, html:not(.home) .feTopBar { display: none; }
@media (max-width: 767px) { .feTopBar { height: calc(var(--feT) + 46px); } }
body:has(.header.opened) .feTopBar { opacity: 0 !important; }

/* ==== The first picture ==== */
.vis__vid { animation: fePush 26s cubic-bezier(.16, .6, .2, 1) both; will-change: transform; }
@keyframes fePush { from { transform: translate(-50%, -50%) scale(1.09); } to { transform: translate(-50%, -50%) scale(1); } }
#home-vini .vis__vid { animation: none; }
.vis__grad { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .5) 100%); opacity: 1; }
.vis-mobile-tag { font-family: var(--serif); font-weight: 300; font-size: 13px; letter-spacing: .24em; opacity: .92; }
.vis-ghost { font-family: var(--serif); white-space: nowrap; }
.vis-ghost .feYr { display: inline-block; font-variant-numeric: lining-nums; }
/* The dates sit clear of the title, whole, at the right foot of the picture. */
@media (orientation: landscape) {
  .vis-ghost { left: auto; right: 2.6vw; bottom: 1.4vh; font-size: 8.2vw; line-height: 1; opacity: .24; letter-spacing: -.02em; }
  .vis-mobile-tag { left: calc(12vw + 2px); bottom: 5.4vh; }
  .homeNew #home-visual .homeSec__inner { padding-bottom: 12.4vh; }
}
/* Portrait: the title moves down onto the dark vines, where it can be read. */
@media (orientation: portrait) {
  .homeNew #home-visual .homeSec__inner { align-items: flex-end; padding-bottom: 27vh; }
  .vis-mobile-tag { left: 15px; bottom: 22.5vh; font-size: 11px; letter-spacing: .2em; }
  .vis-ghost { left: 15px; right: 15px; bottom: 13.8vh; font-size: 15.5vw; line-height: 1; opacity: .3; letter-spacing: -.02em; }
  .vis__arrow { bottom: 2.6vh !important; }
  .vis-mobile-tag, .vis-ghost { z-index: 20; }
}
@media (min-width: 600px) and (max-width: 991px) and (orientation: portrait) {
  .vis-mobile-tag { left: 112px; }
  .vis-ghost { left: 112px; font-size: 11vw; }
  .vis__arrow { left: auto !important; right: 6vw !important; transform: rotate(90deg) !important; }
}
.vis__slide { font-family: var(--serif); font-weight: 300; font-size: 14px; letter-spacing: .03em; }
.vis__inner { background: transparent !important; }

/* ==== Pictures that drift must not show their edge ==== */
.homeNew #home-vini .wineBg__wrapper { width: 124%; left: -12%; }
@media (orientation: landscape) { .homeNew #home-sec-hosp .hospitalityBg__wrapper { width: 124%; left: -12%; } }

/* ==== The boxes' band: titles start below them ==== */
@media (orientation: landscape) and (min-width: 768px) {
  .homeNew #home-sec-bert .bert__wrap { padding-top: max(104px, 11.5vh); }
  .homeNew #home-terr .terr__wrapper { padding-top: max(104px, 11.5vh); }
  .homeNew #home-vini .wineBg__inner { padding-top: 112px; justify-content: flex-start; }
  .homeNew #home-vini .wines__wrap { padding-top: 118px; }
}

/* ==== Round arrows ==== */
/* A fine ring and an arrow that points the way, in place of the red disc with a downward arrow. */
.button__round[id$='-btn'] canvas, .button__round[id$='-btn'] svg { display: none !important; }
.button__round[id$='-btn'], .fin__btn .button__round, .feNext__round {
  position: relative; display: block; width: 92px; height: 92px; flex: none; border-radius: 50%; border: 1px solid currentColor; overflow: hidden;
  background: transparent none !important; transform: none !important; margin-left: 4px; color: #14130f;
  transition: color .35s ease, border-color .35s ease, translate .5s cubic-bezier(.22, .7, .2, 1);
}
.button__round[id$='-btn']::before, .fin__btn .button__round::before, .feNext__round::before {
  content: ''; position: absolute; inset: -1px; border-radius: 50%; background: currentColor; transform: scale(0); transition: transform .5s cubic-bezier(.22, .7, .2, 1);
}
.button__round[id$='-btn']::after, .fin__btn .button__round::after, .feNext__round::after {
  content: ''; position: absolute; inset: 0; background: url(images/188807c1aa7ee0dc23d7cfc39b720b6c.svg) center / 40px auto no-repeat; transition: filter .3s ease, transform .5s cubic-bezier(.22, .7, .2, 1);
}
.button:hover .button__round[id$='-btn']::before, .button:focus-visible .button__round[id$='-btn']::before,
.fin__btn:hover .button__round::before, .fin__btn:focus-visible .button__round::before,
.feNext:hover .feNext__round::before, .feNext:focus-visible .feNext__round::before { transform: scale(1.02); }
.button:hover .button__round[id$='-btn']::after, .button:focus-visible .button__round[id$='-btn']::after,
.fin__btn:hover .button__round::after, .fin__btn:focus-visible .button__round::after { filter: invert(1); transform: translateX(3px); }
/* On the dark panels the ring and arrow are light. */
#territory-btn, #hospitality-btn, #findel-btn { color: #f8f5ee; }
#territory-btn::after, #hospitality-btn::after, #findel-btn::after { filter: invert(1); }
.button:hover #territory-btn::after, .button:hover #hospitality-btn::after, .button:hover #findel-btn::after,
.button:focus-visible #territory-btn::after, .button:focus-visible #hospitality-btn::after, .button:focus-visible #findel-btn::after { filter: none; }
html.is-restyling.home .button:hover .button__round { transform: none !important; }
html.is-restyling.home .fin__btn:hover { transform: none !important; }
.findel__btn .button__round { background-color: transparent !important; }
.button__label { font-family: var(--serif); font-weight: 600; letter-spacing: 0; }
@media (max-width: 767px) {
  .button__round[id$='-btn'], .fin__btn .button__round { width: 72px; height: 72px; }
  .button__round[id$='-btn']::after, .fin__btn .button__round::after { background-size: 32px auto; }
}
.homeNew #home-terr .terr__btn .button__label { width: auto !important; white-space: nowrap; }
.fin__btn .button__label { font-family: var(--serif); }

/* ==== Marble ==== */
/* The film now fills its frame, so its edge no longer shows against the marble below it. */
#home-video-6 { width: 100% !important; height: 100% !important; object-fit: cover !important; max-width: none; }
.homeNew #home-sec-bert .homeSec__imgWrap { overflow: hidden; }

/* ==== Small text that could not be read ==== */
.red { color: var(--bronze); }
.wineList__el:nth-of-type(odd) .wineList__tit { color: var(--bronze); }
.descList__label.red { color: #14130f; font-weight: 400; font-size: 1.02rem; letter-spacing: 0; }
.descList__cont { line-height: 1.5; font-size: 1rem; padding: .35rem 3.2rem .5rem 0; }
.findel__kicker { opacity: .95; font-size: 13px; letter-spacing: .24em; }
.findel__text { opacity: 1; }
.feSmall { font-size: 12.5px; color: rgba(244, 242, 238, .78); }
.footer__col > * { opacity: .78; }
.footer .smallest, .footer__menu a, .footer__col { font-size: 13px; }
.feResp--home { color: rgba(20, 19, 15, .78); }

/* One family of small labels in place of the typewriter face. */
.about-coords, .terroir-coords, .terroir-badge, .findus-coords, .ceremony-ritual, .champagne-sel__edition, .champagne-sel__cta, .ceremony-pullquote-mark,
.findus-pin__label, .findel__pin__label {
  font-family: var(--sans) !important;
}
.about-coords, .about-coords.is-inview, .terroir-coords, .terroir-badge, .findus-coords, .ceremony-ritual {
  opacity: 1 !important; color: var(--bronze); font-size: 12.5px; letter-spacing: .06em; line-height: 1.5;
}
.terroir-badge, .ceremony-ritual { text-transform: uppercase; letter-spacing: .16em; font-size: 12px; }
.findus-cat { opacity: 1 !important; color: var(--bronze); font-size: 12px; letter-spacing: .18em; font-family: var(--sans) !important; font-weight: 400 !important; }
.champagne-sel__edition { opacity: 1 !important; color: var(--bronze); font-size: 11.5px; letter-spacing: .2em; }
.feSel .champagne-sel__edition { color: var(--silver); opacity: 1 !important; }
.champagne-sel__desc { opacity: 1 !important; }
.feSel .champagne-sel__desc { opacity: .88 !important; }
.champagne-sel__cta { font-size: 12px; letter-spacing: .2em; padding-bottom: .8em; }
.michelin-star { filter: grayscale(1) brightness(.32); }

/* ==== Stacked layouts ==== */
@media (orientation: portrait) {
  .homeNew #home-terr .terr__title { font-size: clamp(2.6rem, 10.5vw, 4.6rem); line-height: 1.04; letter-spacing: -.015em; }
  .homeNew #home-terr .terr__text { margin-top: 1.6rem; }
  .homeNew #home-sec-hosp .hospitality__box { padding-bottom: 54px; }
  .homeNew #home-sec-hosp .hospitality__title { line-height: 1.3; }
  .homeNew #home-sec-hosp .hospitality__label { line-height: 1.1; padding-left: 12px; padding-right: 12px; }
}
@media (min-width: 600px) and (max-width: 1199px) and (orientation: portrait) {
  .findel__inner { padding-left: calc(80px + 6vw) !important; }
}
/* A rotated phone: the first picture keeps its title, and the magnum photo is never an empty block. */
@media (orientation: landscape) and (max-height: 600px) {
  .homeNew #home-vini .wineBg__wrapper { position: absolute !important; inset: 0; height: auto !important; }
  .homeNew #home-vini .wineBg .vis__vid { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; }
  .homeNew #home-vini { background-color: var(--cream); }
  #home-sec-hosp .hospitalityBg { background: var(--ink); }
  .feCellar__btn.btn.btn-primary, .feLink__btn.btn.btn-primary { margin-top: 10px !important; height: 38px; }
  .feCellar__name, .feLink__name { height: 36px; }
  .feLink__art { width: 130px; }
  .feCellar__btn.btn.btn-primary { width: 128px; }
  .feLink__btn.btn.btn-primary { width: 168px; }
  .feLink--desk { margin-left: -84px; }
  .vis-ghost { display: none; }
  .vis-mobile-tag { display: none; }
  .homeNew #home-visual .homeSec__inner { padding-bottom: 6vh !important; }
  .homeNew #home-visual .vis__tit { font-size: clamp(26px, 8.6vh, 44px); }
  .vis__block { padding-bottom: 6px !important; }
  .homeNew #home-sec-bert .bert__wrap { padding-top: 60px !important; }
  .homeNew .homeSec--comp .homeSec__inner { padding-top: 60px !important; }
  .homeNew #home-terr .terr__wrapper { padding-top: 60px !important; }
  .bert__tit, .wineBg__title { font-size: clamp(26px, 9vh, 40px) !important; }
  .comp__label img, .bert__text img { max-height: 16vh; width: auto !important; }
  html.home .feSmall { font-size: 11px; }
}

/* ==== The fixed bar on the inner pages, as on the magnum and coffret pages ==== */
.wineIntro__top { border-bottom: 1px solid var(--hair); }
.feSpacer { height: 126px; }
@media (max-width: 767px) {
  .feSpacer { height: 80px; }
  .pageIntro__top.wineIntro__top { top: 58px; }
}

/* ==== Inner pages ==== */
.wineDesc__tit { hanging-punctuation: first; }
/* The elephant behind the addresses moves to the empty corner and quietens. */
.findus-elephant { top: auto !important; bottom: 3%; right: -3%; transform: none !important; width: 30vw; opacity: .05 !important; }
@media (max-width: 767px) { .findus-elephant { display: none; } }

/* The map on Find our Elephant: each elephant is now a way to its addresses. */
.findus-world-svg-img { opacity: .11 !important; }
.findus-pins, .findus-world-wrap { pointer-events: none; }
.findus-pin__mark { pointer-events: all; cursor: pointer !important; width: 26px !important; height: 26px !important; }
.findus-pin__elephant { width: 26px !important; height: 26px !important; opacity: .9 !important; }
.findus-pin__label { font-size: 12px !important; letter-spacing: .04em !important; text-transform: none !important; background: var(--ink) !important; color: var(--cream) !important; border: 0 !important; padding: 5px 9px !important; }
.findus-pin__mark:hover ~ .findus-pin__label, .findus-pin__mark:focus-visible ~ .findus-pin__label { opacity: 1 !important; }
.findus-pin__mark:hover .findus-pin__elephant { transform: scale(1.18); transition: transform .3s ease; }
@media (max-width: 767px) {
  .findus-pin__mark { width: 18px !important; height: 18px !important; }
  .findus-pin__elephant { width: 18px !important; height: 18px !important; }
}

/* The map on the home panel. */
.findel__world-svg { opacity: .16; }
.findel__pin__elephant { filter: none; opacity: .96; }
.findel__pin__halo { border-color: rgba(255, 255, 255, .7); }
.findel__pin__mark { cursor: pointer; }
.findel__pin__label { font-size: 12px; letter-spacing: .04em; text-transform: none; background: var(--ink); border: 0; padding: 5px 9px; }
.findel__lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.findel__lines path { fill: none; stroke: rgba(248, 245, 238, .62); stroke-width: 1.1; stroke-dasharray: 1; stroke-dashoffset: 1; }
#home-sec-findel.is-inview .findel__lines path { animation: feDraw 2.6s cubic-bezier(.3, .5, .2, 1) forwards; }
#home-sec-findel.is-inview .findel__lines path:nth-child(2) { animation-delay: .35s; }
#home-sec-findel.is-inview .findel__lines path:nth-child(3) { animation-delay: .7s; }
#home-sec-findel.is-inview .findel__lines path:nth-child(4) { animation-delay: 1.05s; }
#home-sec-findel.is-inview .findel__lines path:nth-child(5) { animation-delay: 1.4s; }
@keyframes feDraw { to { stroke-dashoffset: 0; } }

/* Curtains on the photographs of the inner pages. */
html.fe-js .feCurtain { clip-path: inset(0 0 100% 0); transition: clip-path 1.5s cubic-bezier(.22, .7, .2, 1); }
html.fe-js .feCurtain.is-in { clip-path: inset(0 0 0 0); }

/* The wax seal and the cork turn slowly as the page moves. */
.wineList__round img.wineList__roundInner { rotate: calc(var(--fe-spin, 0) * 1deg); }

/* The elephant that rides the progress line. */
.feRider { position: fixed; top: 0; left: 66px; width: 36px; height: 27px; z-index: 10000; pointer-events: none; background: url(../images/opt/icon-120.png) center / contain no-repeat; mix-blend-mode: difference; opacity: .95; will-change: transform; }
@media (max-width: 1199px) { .feRider { display: none; } }
body:has(.header.opened) .feRider { opacity: 0; }
html.has-scroll-dragging .feRider { transition: none; }

/* The trailing ring keeps out of the way of what it points at. */
#magicMouseCursor { mix-blend-mode: difference; }
#magicMouseCursor.hovering { width: 46px !important; height: 46px !important; scale: 1.5; transform-origin: center center; transition: scale .35s ease, transform .07s; }
#magicMouseCursor.pointer-overlay { border: 1px solid #fff; }
#magicPointer.pointer-overlay { display: none; }

/* The last panel. */
.feBubbles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
#home-sec-final .fin__title, .homeNew #home-sec-final .fin__btn { z-index: 2; position: relative; }
.homeNew #home-sec-final .fin__btn { position: absolute; display: flex; align-items: center; gap: 16px; }
.fin__btn .button__label { padding-right: 0; color: #14130f; white-space: nowrap; }
@media (orientation: portrait) {
  .homeNew #home-sec-final .fin__btn { position: relative !important; left: auto; right: auto; bottom: auto; top: auto; transform: none !important; margin-top: 34px; }
  .homeNew #home-sec-final .fin { padding-top: 90px; padding-bottom: 90px; }
  .homeNew #home-sec-final .fin__title { font-size: clamp(1.7rem, 7vw, 2.8rem) !important; line-height: 1.16; }
}

/* ==== The next chapter ==== */
.feNext { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 5vw; min-height: 52vh; padding: 8vh 6vw 8vh calc(4.79rem + 2vw); background: var(--ink); color: var(--cream) !important; text-decoration: none !important; overflow: hidden; }
.feNext__pic { position: absolute; top: 0; right: 0; bottom: 0; width: 62%; overflow: hidden; }
.feNext__pic::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--ink) 0%, rgba(13, 12, 11, .55) 38%, rgba(13, 12, 11, .12) 100%); }
.feNext__pic img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 2.4s cubic-bezier(.2, .6, .2, 1); }
.feNext:hover .feNext__pic img, .feNext:focus-visible .feNext__pic img { transform: scale(1); }
.feNext__text { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 1.1rem; }
.feNext__kick { font-family: var(--sans); font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--silver); }
.feNext__name { font-family: var(--serif); font-weight: 300; font-size: clamp(2.6rem, 6.2vw, 6.4rem); line-height: 1.02; letter-spacing: -.02em; }
.feNext__art { display: block; width: min(52vw, 560px); height: auto; }
.feNext__small { font-family: var(--sans); font-size: 12.5px; color: rgba(244, 242, 238, .78); }
.feNext__round { z-index: 2; color: var(--cream); }
.feNext__round::after { filter: invert(1); }
.feNext:hover .feNext__round::after, .feNext:focus-visible .feNext__round::after { filter: none; transform: translateX(3px); }
@media (max-width: 767px) {
  .feNext { min-height: 62vw; padding: 44px 24px; align-items: flex-end; }
  .feNext__pic { width: 100%; }
  .feNext__pic::after { background: linear-gradient(0deg, rgba(13, 12, 11, .8) 0%, rgba(13, 12, 11, .25) 100%); }
  .feNext__name { font-size: 2.5rem; }
  .feNext__round { width: 64px; height: 64px; }
  .feNext__round::after { background-size: 28px auto; }
  .feNext__art { width: 62vw; }
}
.toTop .button__label { font-family: var(--serif); font-weight: 300; }
.toTop .button__round { width: 64px; height: 64px; background-size: 30px; }

/* ==== The age check ==== */
#age-modal.feAge { background: rgba(13, 12, 11, .62) !important; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); }
.feAge__box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(90%, 460px); padding: 2.75rem 2.25rem 2.5rem; background: var(--cream); text-align: center; color: #14130f; border: 1px solid transparent; border-image: linear-gradient(135deg, #f4f2ec 0%, #8f8c86 45%, #e8e5de 100%) 1; outline: 1px solid rgba(20, 19, 15, .16); outline-offset: -6px; }
.feAge__logo { display: block; width: min(100%, 290px); height: auto; margin: 0 auto 1.4rem; }
.feAge__text { margin: 0; font-family: var(--serif); font-weight: 300; font-size: 16.5px; line-height: 1.55; color: #14130f; }
.feAge__btn { margin-top: 1.7rem; padding: .85rem 2.4rem; background: var(--ink); color: #f4f2ee; border: 1px solid var(--ink); font-family: var(--sans); font-size: 12px; letter-spacing: .24em; cursor: pointer; transition: background-color .3s ease, color .3s ease; }
.feAge__btn:hover, .feAge__btn:focus-visible { background: transparent; color: var(--ink); }

/* ==== Keyboard and small targets ==== */
a:focus-visible, button:focus-visible, [role='button']:focus-visible, .descList__trig:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.feLink:focus-visible, .feCellar:focus-visible { outline: 2px solid #f4f2ee; outline-offset: 2px; }
.header__hamburger:focus-visible { outline-color: currentColor; }
@media (max-width: 767px) {
  .footer__menu a { display: inline-block; padding: 11px 4px; }
  .footer__col a { display: inline-block; padding: 8px 0; }
  .champagne-sel__cta { padding-top: .8em; }
}
/* The plaques' small print, a little larger. */
.feLink__step { font-size: 9.5px; letter-spacing: .22em; text-indent: .22em; }
.feLink__uk { font-size: 10px; letter-spacing: 0; color: rgba(233, 230, 223, .78); }

@media (prefers-reduced-motion: reduce) {
  .vis__vid, .bert__img, .findel__pin__halo, .findus-pin__halo { animation: none !important; }
  .feMenuPic, .feNext__pic img { transition: opacity .2s ease; transform: none !important; }
  html.fe-js .feCurtain { clip-path: none; transition: none; }
  .findel__lines path { stroke-dashoffset: 0; animation: none !important; }
  .wineList__round img.wineList__roundInner { rotate: none; }
  .feRider { display: none; }
}

/* The back arrow on the inner pages stands clear of the rail, as on the magnum and coffret pages. */
.pageIntro__top.space-between.wineIntro__top { justify-content: flex-start; padding-left: 106px; }
@media (max-width: 767px) { .pageIntro__top.space-between.wineIntro__top { padding-left: 15px; } }
/* A little air between a page and its next chapter. */
.feNextWrap { padding-top: 8vh; background: var(--cream); }
.wineNums + .feNextWrap, .feBand + .feNextWrap { padding-top: 0; }

/* The last of the grey, behind the home panels on some screens. */
.homeWrapper.homeNew { background-color: var(--cream); }
/* The name and the arrow on the last panel never touch. */
.fin__title .picture2 { display: block; margin: 0 auto; }
/* A rotated phone: the first title goes back to the foot of the picture, the rail keeps only the menu. */
@media (orientation: landscape) and (max-height: 600px) {
  .homeNew #home-visual .homeSec__inner { flex-direction: row !important; align-content: flex-end; height: 100vh !important; }
  .homeNew #home-sec-final .fin__btn { position: relative !important; top: auto !important; right: auto !important; left: auto; bottom: auto; transform: none !important; margin-top: 18px !important; }
  .homeNew #home-sec-final .fin { padding-bottom: 56px !important; }
  .header__logo.hidden-xs { display: none; }
  .fin__title .picture2 { max-width: 44%; padding-top: 8px; }
}

/* The title on the map panel stands clear of the rail. */
@media (orientation: landscape) and (min-width: 768px) { .findel__inner { padding-left: calc(88px + 3.6vw); } }

/* The progress line: plain ink in place of the old red pattern, cream over the dark rail. */
.is-restyling .progBar__inner { background-image: none !important; background-color: #14130f; }
.header.transparent + .progBar .progBar__inner, .header.darkbrown + .progBar .progBar__inner, .header.white + .progBar .progBar__inner { background-color: var(--cream); }

/* A rotated phone has little height to spare: the bar on the inner pages shrinks. */
@media (orientation: landscape) and (max-height: 600px) {
  .pageIntro__top.wineIntro__top { height: 58px; }
  .pageIntro__top.wineIntro__top .button__round { width: 44px; height: 44px; background-size: 26px auto; }
  .feSpacer { height: 58px; }
  .header { padding-top: 12px; }
  .header::after { top: 58px; }
  .feTopBar { height: 58px; }
  .wineIntro { height: auto; }
  .wineIntro__feat { max-height: 78vh; width: auto; }
}