/* The poster is made of editable blocks, with the original transparent packshot. */
body:has(.hero-poster)>.announcement,body:has(.hero-poster) .wp-block-template-part>.announcement{display:none}
body:has(.hero-poster) .site-header{background:var(--blue);color:white;border:0}
body:has(.hero-poster) .site-header .header-inner{width:min(1460px,calc(100% - 44px));min-height:66px;height:auto;padding-block:15px;border-bottom:1px solid #ffffff80}
body:has(.hero-poster) .site-header .brand{width:220px;max-width:220px}
body:has(.hero-poster) .site-header .primary-menu-list a{color:white;text-transform:uppercase;font-size:.75rem;letter-spacing:.055em}
body:has(.hero-poster) .site-header .bag-label{display:none}
.hero.hero-poster{--poster-height:clamp(600px,58vw,820px);background:radial-gradient(ellipse at 50% 45%,#4374a857,transparent 62%),var(--blue);color:white;isolation:isolate;overflow:clip;min-height:0}
/* Native Image block: the photo stays editable, below the contour and grain layers. */
.hero.hero-poster .poster-background{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0!important;z-index:-3;pointer-events:none;overflow:hidden}
.hero.hero-poster .poster-background img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 60%;opacity:.44}
.hero.hero-poster .poster-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,49,79,.28),transparent 35%,rgba(29,49,79,.14));pointer-events:none}
.editor-styles-wrapper .hero-poster .poster-background{pointer-events:auto}
.editor-styles-wrapper .hero-poster .poster-background.is-selected{outline:2px solid var(--gold);outline-offset:-3px}
.editor-styles-wrapper .hero-poster .poster-background .components-resizable-box__container{width:100%!important;height:100%!important}
/* Soften the original 12%-alpha motif to keep the contours in the background. */
.hero.hero-poster:before{content:'';position:absolute;inset:-12% -4%;z-index:-2;background:url('topography.png') center/cover;opacity:.4;pointer-events:none}
/* Subtle matte grain, with near-native contrast below all content. */
.hero.hero-poster:after{content:'';position:absolute;inset:0;z-index:-1;background:url('paper-grain.webp') center/560px 560px repeat;mix-blend-mode:soft-light;filter:contrast(1.05);opacity:.3;pointer-events:none}
.poster-canvas{position:relative;width:min(1460px,calc(100% - 44px));height:var(--poster-height);margin:0 auto;isolation:isolate}
.poster-canvas:before,.poster-canvas:after{content:'';position:absolute;top:8%;width:36px;height:36px;aspect-ratio:1;background:var(--gold);clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}
.poster-canvas:before{left:3%}.poster-canvas:after{right:3%}
.hero-poster .poster-crest-frame{position:absolute;top:1.5%;left:50%;transform:translateX(-50%);width:clamp(130px,13vw,160px);margin:0;z-index:6}
.poster-crest-frame:before,.poster-crest-frame:after{content:'';position:absolute;top:66%;width:52px;height:1px;background:var(--gold)}
.poster-crest-frame:before{right:100%}.poster-crest-frame:after{left:100%}
.hero-poster .poster-crest{width:100%;height:auto;aspect-ratio:110/86;overflow:hidden;margin:0}
.hero-poster .poster-crest img{display:block;width:100%;height:auto;max-width:none}
.hero-poster .poster-label{position:absolute;width:25%;margin:0!important;max-width:none!important;color:white!important;text-transform:uppercase;text-align:center;font-size:clamp(.7rem,1.3vw,1.1rem)!important;font-weight:500;line-height:1.45!important;letter-spacing:.16em;z-index:6}
.poster-label:after{content:'';display:block;width:66%;max-width:170px;height:1px;margin:9px auto 0;background:var(--gold)}
.hero-poster .poster-fruits{top:12%;left:9%}.hero-poster .poster-rhum{top:12%;right:9%}
.hero-poster h1.poster-title{position:absolute;inset:21% 2% auto;width:96%;height:auto;max-width:none;margin:0;font-size:clamp(4rem,11vw,11rem);font-weight:700;line-height:1;letter-spacing:-.025em;text-align:center;color:white;z-index:1}
.poster-title svg{display:block;width:100%;height:auto;overflow:visible;fill:currentColor;font-family:var(--body);font-weight:700}
.poster-title .poster-title-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.hero-poster .poster-place{position:absolute;top:47%;left:50%;transform:translateX(-50%);width:88%;display:flex;align-items:center;justify-content:center;gap:2.3%;margin:0;z-index:2}
.hero-poster .poster-place-name{margin:0!important;max-width:none!important;font-size:clamp(6rem,17vw,15rem)!important;line-height:.92!important;letter-spacing:.005em;font-weight:600;color:white!important}
.hero-poster .poster-place-badge{position:relative;display:flex;flex-direction:column;align-items:start;justify-content:space-between;width:12%;aspect-ratio:1/1;flex-shrink:0;margin:0!important;padding:7px 9px!important;border:7px solid var(--gold);background:linear-gradient(135deg,var(--gold) 49.5%,transparent 50%);font-size:clamp(1.7rem,4.3vw,3.8rem)!important;line-height:.95!important;font-weight:600;letter-spacing:0;color:var(--blue)!important}
.hero-poster .poster-place-badge strong{align-self:end;color:var(--gold);font-size:inherit;line-height:inherit;font-weight:600}
.hero-poster .poster-bottle{position:absolute;left:50%;top:13%;width:calc(var(--poster-height)*.1938);height:64%;transform:translateX(-50%);margin:0;z-index:5;pointer-events:none}
.hero-poster .poster-bottle img{position:absolute;width:217.97%;height:139.34%;max-width:none;left:-59.45%;top:-2.49%;object-fit:fill;filter:drop-shadow(25px 24px 13px #10254480)}
.poster-bottle:before{content:'';position:absolute;inset:62% -90% -9%;background:radial-gradient(ellipse at 54% 65%,#ffe49c70 0,#f1c66329 25%,transparent 64%);z-index:-1;transform:rotate(-20deg);pointer-events:none}
.poster-bottle:after{content:'';position:absolute;bottom:-2%;left:-35%;width:190%;height:6%;border-radius:50%;background:#10233c75;filter:blur(9px);transform:rotate(9deg);z-index:-1}
.hero-poster .poster-origin{top:82%;left:8%;font-size:clamp(.65rem,1.17vw,1rem)!important;letter-spacing:.13em}
.hero-poster .poster-agricole{top:82%;right:8%;font-size:clamp(.65rem,1.17vw,1rem)!important;letter-spacing:.13em}
.poster-origin:before,.poster-agricole:before{content:'';display:block;width:48%;max-width:120px;height:1px;margin:0 auto 8px;background:var(--gold)}
.poster-origin:after,.poster-agricole:after{width:48%;max-width:120px}
.hero-poster .poster-action{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);text-align:center;z-index:7;width:max-content;max-width:90%;margin:0}
.hero-poster .poster-action>.wp-block-buttons{justify-content:center;margin:0}
.hero-poster .poster-cta,.hero-poster .poster-action .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:1px solid var(--gold);border-radius:0!important;background:var(--gold);color:var(--deep);text-transform:uppercase;font-size:clamp(.8rem,1.35vw,1.1rem);font-weight:600;line-height:1.3;letter-spacing:.14em;text-align:center;transform:none;text-decoration:none}
.hero-poster .poster-action .wp-block-button{background:none;padding:0;border:0;border-radius:0}
.hero-poster .poster-cta:hover,.hero-poster .poster-action .wp-block-button__link:hover{background:white;border-color:white;color:var(--deep);filter:none;transform:none}
.hero-poster .poster-cta:focus-visible,.hero-poster .poster-action .wp-block-button__link:focus-visible{outline:2px solid white;outline-offset:5px}
.hero-poster .poster-signature{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0 0!important;max-width:none!important;font-size:clamp(.65rem,1.15vw,.9375rem)!important;color:white!important;letter-spacing:.14em;text-transform:uppercase;line-height:1.4!important}
.poster-signature:before,.poster-signature:after{content:'';width:18px;height:18px;aspect-ratio:1;flex-shrink:0;background:var(--gold);clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}
@media(min-width:1001px){body:has(.hero-poster) .site-header .primary-navigation{margin-inline:auto}body:has(.hero-poster) .site-header .header-inner{gap:30px}body:has(.hero-poster) .site-header .bag{color:white}}
@media(max-width:1000px){body:has(.hero-poster) .site-header .header-inner{padding-block:8px;min-height:70px}body:has(.hero-poster) .site-header .brand{width:190px;max-width:190px}body:has(.hero-poster) .site-header .bag-label{display:inline}body:has(.hero-poster) .site-header .primary-menu-list a{font-size:1rem;text-transform:none;letter-spacing:0}}
@media(max-width:600px){
 .hero.hero-poster{--poster-height:640px}
 .poster-canvas{width:calc(100% - 24px)}
 .poster-canvas:before,.poster-canvas:after{top:7%;width:22px;height:22px}.poster-canvas:before{left:0}.poster-canvas:after{right:0}
 .hero-poster .poster-crest-frame{top:1%;width:120px}.hero-poster .poster-crest{width:100%;height:auto}.poster-crest-frame:before,.poster-crest-frame:after{width:22px}
 .hero-poster .poster-label{font-size:.625rem!important;letter-spacing:.095em;width:32%}
 .hero-poster .poster-fruits{top:14%;left:1%}.hero-poster .poster-rhum{top:14%;right:1%}
 .hero-poster h1.poster-title{top:20%;left:0;width:100%;font-size:12vw}
 .hero-poster .poster-place{top:34%;width:98%;gap:3%}
 .hero-poster .poster-place-name{font-size:22vw!important}
 .hero-poster .poster-place-badge{width:15%;border-width:4px;padding:4px!important;font-size:6.5vw!important}
 .hero-poster .poster-bottle{top:28%;height:51%;width:calc(var(--poster-height)*.1544)}
 .hero-poster .poster-origin{top:70%;left:0;width:29%}.hero-poster .poster-agricole{top:70%;right:0;width:29%}
 .hero-poster .poster-action{bottom:5%;width:88%;max-width:320px}
 .hero-poster .poster-cta,.hero-poster .poster-action .wp-block-button__link{font-size:.8125rem;letter-spacing:.1em;min-height:48px;padding:13px 20px}
 .hero-poster .poster-signature{font-size:.625rem!important;gap:9px}
 body:has(.hero-poster) .site-header .header-inner{width:calc(100% - 32px)}
 body:has(.hero-poster) .site-header .brand{width:165px;max-width:165px;flex-basis:165px}
}
@media(max-width:360px){.hero.hero-poster{--poster-height:600px}body:has(.hero-poster) .site-header .brand{width:145px;max-width:145px;flex-basis:145px}.hero-poster .poster-label{letter-spacing:.05em}}
@keyframes malorhum-poster-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.hero-poster .poster-bottle{animation:malorhum-poster-arrive .85s cubic-bezier(.2,.7,.2,1) both}}
/* Native editor: clear controls and selectable images, without altering saved content. */
.editor-styles-wrapper .hero-poster .poster-bottle{pointer-events:auto;animation:none}
.editor-styles-wrapper .hero-poster h1.poster-title{font-size:clamp(2.5rem,8vw,8rem);color:white}
.editor-styles-wrapper .hero-poster .poster-canvas>.block-editor-block-list__layout{height:100%;position:relative}
.editor-styles-wrapper .hero-poster .poster-bottle.is-selected{outline:2px solid var(--gold)}

/* Preserve the supplied range logo as one undistorted, replaceable image. */
.hero-poster .poster-brand-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-poster .poster-brand-logo{position:absolute;top:20%;left:50%;width:min(62%,calc(var(--poster-height)*.76));max-width:none;margin:0;transform:translateX(-50%);z-index:1}
.hero-poster .poster-brand-logo img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%}
.hero-poster:has(.poster-brand-logo) .poster-crest-frame{top:0}
.hero-poster:has(.poster-brand-logo) .poster-bottle{top:34%;height:48%;width:calc(var(--poster-height)*.14532)}
/* Keep the lowered bottle above the button, including on compact screens. */
@media(max-width:1200px){.hero-poster:has(.poster-brand-logo) .poster-bottle{top:33%;height:47%;width:calc(var(--poster-height)*.14230)}}
@media(max-width:600px){.hero-poster .poster-brand-logo{top:22%;width:70%}.hero-poster:has(.poster-brand-logo) .poster-crest-frame{top:1%}.hero-poster:has(.poster-brand-logo) .poster-bottle{top:34%;height:46%;width:calc(var(--poster-height)*.13926)}}
.editor-styles-wrapper .hero-poster .poster-brand-logo{pointer-events:auto}

/* Keep the lower captions clear of both the logo and the central button. */
@media(min-width:601px) and (max-width:1000px){
 .hero-poster .poster-origin{left:3%;width:22%}
 .hero-poster .poster-agricole{right:3%;width:22%}
}

/* Transparent WebGL bottle: the editable Image block remains the accessible fallback. */
.hero-poster .poster-bottle .poster-bottle-volume{position:absolute;left:-100%;top:-12%;width:300%;height:124%;max-width:none;display:block;pointer-events:none}
.hero-poster .poster-bottle.has-bottle-volume img{opacity:0}
.hero-poster .poster-bottle.has-bottle-volume .poster-bottle-volume{filter:drop-shadow(8px 14px 10px #071b3547)}
.hero-poster .poster-bottle.has-bottle-volume:before{opacity:.35}
.hero-poster .poster-bottle.has-bottle-volume:after{opacity:.6}
.editor-styles-wrapper .hero-poster .poster-bottle .poster-bottle-volume{display:none}
.editor-styles-wrapper .hero-poster .poster-bottle.has-bottle-volume img{opacity:1}

/* Transparent header at the top of the homepage, solid blue while scrolling. */
body.malorhum-home-header.header-overlay-ready .site-header{position:fixed;inset:var(--malorhum-toolbar-offset,0px) 0 auto;width:100%;max-width:none;background:var(--blue);box-shadow:0 5px 20px #10233c18;transition:background-color .18s ease,box-shadow .18s ease}
body.malorhum-home-header.header-overlay-ready .site-header.is-at-top:not(:has(.menu-toggle[aria-expanded=true])){background:transparent;box-shadow:none}
body.malorhum-home-header.header-overlay-ready .site-header.is-at-top:not(:has(.menu-toggle[aria-expanded=true])) .header-inner{border-bottom-color:transparent}
body.malorhum-home-header.header-overlay-ready #main .hero.hero-poster{padding-top:var(--malorhum-header-height,70px)}
@media(prefers-reduced-motion:reduce){body.malorhum-home-header.header-overlay-ready .site-header{transition:none}}

/* The 2026 photograph has a tighter transparent frame than the old packshot. */
.hero-poster .poster-bottle.poster-bottle--2026 img{width:258.055%;height:109.375%;left:-79.0275%;top:-4.6875%;mix-blend-mode:normal}
