/*
Theme Name: ME Fusion Gin — Editorial
Theme URI: https://mefusiongin.it
Author: MZero SeaLab
Description: Bespoke editorial one-page theme for the ME Fusion Gin collection.
Version: 7.3.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: me-fusion-gin
*/

:root{--petrol:#064f54;--petrol-deep:#033b40;--ink:#0b1010;--ivory:#f5f1e9;--paper:#fffdf8;--sage:#9fb0a1;--pink:#cc7380;--line:rgba(6,79,84,.22)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
img{max-width:100%;display:block}
.entry-content>*{margin-block-start:0;margin-block-end:0}.entry-content .wp-block-image{margin-bottom:0}
.age-gate{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:var(--ivory) url('assets/opening-botanicals.png') center/cover no-repeat;color:var(--petrol-deep);transition:opacity .45s ease,visibility .45s ease}
.age-gate:before{content:"";position:absolute;inset:0;background:rgba(255,253,248,.18)}
.age-gate-card{position:relative;z-index:1;width:min(92vw,610px);padding:clamp(34px,5vw,64px);background:rgba(255,253,248,.94);border:1px solid var(--line);text-align:center;box-shadow:0 30px 90px rgba(3,59,64,.13)}
.age-gate-logo{width:min(190px,46vw);margin:0 auto 34px}.age-gate .eyebrow{margin:0 0 22px}
.age-gate h2{font:400 clamp(38px,5.5vw,68px)/.98 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px}
.age-gate p{font:16px/1.6 Georgia,serif;max-width:440px;margin:0 auto 30px}
.age-gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.age-gate button{appearance:none;border:1px solid var(--petrol);background:var(--petrol);color:var(--ivory);padding:15px 20px;font:700 10px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.age-gate button:hover,.age-gate button:focus-visible{background:var(--petrol-deep)}.age-gate button:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.age-gate .age-secondary{background:transparent;color:var(--petrol)}.age-gate small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.age-gate.is-leaving{opacity:0;visibility:hidden}.age-gate.is-denied .age-gate-question{display:none}.age-gate.is-denied .age-gate-denied{display:block}
body.age-confirmed .age-gate{display:none}body:not(.age-confirmed){overflow:hidden}
.opening{position:fixed;inset:0;z-index:99;background:var(--ivory) url('assets/opening-botanicals.png') center/cover no-repeat;display:grid;place-items:center;overflow:hidden;animation:none;pointer-events:none}
body.age-confirmed .opening{animation:curtain 3.5s cubic-bezier(.76,0,.24,1) forwards}
.opening:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,253,248,.12),rgba(245,241,233,.05) 52%,rgba(6,79,84,.07));pointer-events:none}
.opening img{position:relative;z-index:1;width:min(32vw,340px);filter:none;will-change:transform,opacity;animation:logo-transit 2.9s cubic-bezier(.65,0,.35,1) .12s both}
.masthead{padding:18px clamp(20px,3vw,48px) 24px}
.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:28px}
.header-logo{width:92px}
.header-logo img{width:100%}
.primary-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.primary-menu a{text-decoration:none;border-bottom:1px solid transparent;padding:8px 0}
.primary-menu a:hover{border-color:currentColor}
.shop-link{color:var(--petrol);font-weight:700}
.menu-toggle{display:none;background:none;border:0;text-transform:uppercase;letter-spacing:.14em}
.masthead h1{font-size:clamp(62px,10.6vw,178px);line-height:.78;letter-spacing:-.07em;margin:42px 0 26px;font-weight:800;white-space:nowrap}
.tagline,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px}
.tagline{margin:0}
.hero{margin:0 clamp(6px,1.4vw,22px);min-height:clamp(590px,56vw,830px)!important;max-height:840px;position:relative;overflow:hidden;padding:0}
.hero .wp-block-cover__image-background{object-position:center}
.hero-watermark{position:absolute;left:5.5%;top:50%;width:clamp(190px,24vw,380px);transform:translateY(-50%);opacity:.19;mix-blend-mode:multiply;pointer-events:none;margin:0}
.hero-watermark img{width:100%}
.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}
.statement{padding:clamp(76px,11vw,160px) clamp(24px,6vw,95px) 0;color:var(--petrol)}
.statement-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin:0}
.statement h2,.section-head h2,.shop-cta h2{font-family:Georgia,serif;font-size:clamp(42px,6vw,82px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:24px 0}
.statement-grid>div p,.section-head>p{font:18px/1.7 Georgia,serif}
.logo-watermark-section{height:430px;margin-top:50px!important;display:grid;place-items:center}
.logo-watermark-section img{width:auto;max-width:min(42vw,470px);max-height:78%;opacity:.115;mix-blend-mode:multiply}
.collection{padding:clamp(80px,10vw,145px) clamp(20px,4vw,64px);background:var(--petrol-deep);color:var(--ivory)}
.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:50px}
.section-head h2{margin-bottom:0}
.section-head>p{max-width:480px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.23)}
.product{min-width:0;padding:12px;position:relative;border-right:1px solid rgba(3,59,64,.22);background:#f3eee5;color:var(--petrol-deep);display:grid;grid-template-rows:24px 1fr auto;height:590px;overflow:hidden}
.product:last-child{border-right:0}
.product>.product-number{font-size:10px;letter-spacing:.15em;opacity:.65;margin:0}
.product>.wp-block-image{margin:0;min-height:0}.product>.wp-block-image img{width:100%;height:465px;object-fit:cover;transition:transform .7s ease}
.product:hover>.wp-block-image img{transform:translateY(-8px) scale(1.025)}
.product-summary{margin:0}
.product h3{font-size:13px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px}
.product p{font:13px/1.5 Georgia,serif;margin:0;color:#52706e}
.product:focus{outline:2px solid var(--ivory);outline-offset:3px}
.product-info{position:absolute;inset:12px;z-index:3;padding:clamp(18px,2vw,30px);background:rgba(3,59,64,.96);color:var(--ivory);display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;overflow:auto}
.product:hover .product-info,.product:focus .product-info,.product:focus-within .product-info{opacity:1;transform:translateY(0)}
.product-info h3{font:400 clamp(24px,2.2vw,34px)/1 Georgia,serif;text-transform:none;letter-spacing:-.02em;margin:0 0 18px}
.product-info p{color:#e0e8e3;font:13px/1.55 Georgia,serif;margin:0 0 18px}
.product-info .product-lead{font-size:16px;font-style:italic;color:var(--ivory)}
.product-info .serving-label{margin:4px 0 8px}.product-info strong{display:block;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.18em}
.awards{padding:clamp(80px,10vw,145px) clamp(20px,4vw,64px);color:var(--petrol);background:var(--ivory);position:relative}
.awards:before{content:"";position:absolute;inset:0;background:url('assets/botanicals.png') left center/auto 100% no-repeat;opacity:.045;mix-blend-mode:multiply}
.awards>*{position:relative}
.award-products{display:grid;gap:54px}
.award-product{border-top:1px solid var(--line);padding-top:20px}
.award-product-head{display:grid;grid-template-columns:48px minmax(180px,1fr) auto;gap:18px;align-items:baseline;margin-bottom:22px}
.award-product-head p{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0}
.award-product-head h3{font:400 clamp(28px,3.6vw,52px)/1 Georgia,serif;letter-spacing:-.03em;margin:0}
.award-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.award-item{min-height:235px;background:rgba(255,253,248,.78);border:1px solid var(--line);padding:23px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .25s ease,background .25s ease}
.award-item:hover{transform:translateY(-4px);background:var(--paper)}
.award-item figure{margin:auto auto 18px}.award-item img{width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(3,59,64,.09))}
.award-item strong{font-size:10px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.award-item p{font:12px/1.45 Georgia,serif;margin:0;max-width:210px}
.shop-cta{background:var(--petrol);color:var(--ivory);padding:70px clamp(24px,6vw,95px);display:grid;grid-template-columns:150px 1fr auto;gap:5vw;align-items:center}
.shop-cta>.wp-block-image{margin:0}.shop-cta>.wp-block-image img{filter:brightness(0) invert(1)}
.shop-cta h2{margin:12px 0}
.shop-cta .wp-block-buttons{justify-content:flex-end}.shop-cta .wp-block-button__link{padding:16px 20px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;font-size:10px}
footer{background:var(--ink);color:var(--ivory);display:flex;justify-content:space-between;gap:22px;padding:28px clamp(24px,4vw,64px);font-size:10px;text-transform:uppercase;letter-spacing:.14em}
footer a{text-decoration:none}
@keyframes logo-transit{0%{opacity:0;transform:translateX(-72vw) scale(.82);filter:blur(3px)}
30%{opacity:.42;filter:blur(0)}
48%,62%{opacity:.9;transform:translateX(0) scale(1);filter:blur(0)}
100%{opacity:0;transform:translateX(72vw) scale(.86);filter:blur(2px)}
}
@keyframes curtain{0%,84%{opacity:1;transform:scale(1);visibility:visible}
100%{opacity:0;transform:scale(1.018);visibility:hidden}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.opening{display:none}
.age-gate{transition:none}
.product img{transition:none}
}
@media(max-width:900px){.primary-menu{display:none;position:absolute;z-index:20;right:20px;top:64px;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;box-shadow:0 16px 30px rgba(0,0,0,.13)}
.primary-menu.open{display:flex}
.menu-toggle{display:block}
.masthead h1{margin-top:54px}
.hero{min-height:680px}.hero .wp-block-cover__image-background{object-position:58% center}
.hero-watermark{left:4%;width:30vw;opacity:.18}
.statement-grid,.section-head{grid-template-columns:1fr;gap:18px}
.product-grid{grid-template-columns:repeat(2,1fr)}
.award-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.product:nth-child(2){border-right:0}
.product:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.23)}
.product{height:auto;min-height:590px}.product-info{position:static;inset:auto;opacity:1;transform:none;margin-top:16px;min-height:310px}.product:hover>.wp-block-image img{transform:none}
.shop-cta{grid-template-columns:110px 1fr}
.shop-cta .wp-block-buttons{grid-column:2}
}

@media(max-width:580px){.masthead{padding-bottom:18px}
.age-gate{padding:14px;background-position:center}.age-gate-card{padding:34px 20px}.age-gate-actions{display:grid}.age-gate button{width:100%}
.header-logo{width:78px}
.masthead h1{font-size:16vw;white-space:normal;line-height:.8;margin:42px 0 20px}
.hero{margin:0;min-height:650px}.hero .wp-block-cover__image-background{object-position:61% center}
.opening{background-position:center}.opening img{width:min(54vw,280px)}
.hero-watermark{left:7%;top:25%;width:46vw;opacity:.2}
.statement{padding-left:22px;padding-right:22px}
.logo-watermark-section{height:300px}
.logo-watermark-section img{max-width:min(68vw,360px);max-height:76%;opacity:.12}
.collection,.awards{padding-left:14px;padding-right:14px}
.product-grid{grid-template-columns:1fr}
.product{border-right:0;border-bottom:1px solid rgba(255,255,255,.23);height:auto;min-height:590px}
.award-product-head{grid-template-columns:34px 1fr}.award-product-head p:last-child{grid-column:2}
.award-list{grid-template-columns:1fr 1fr}
.award-item{min-height:218px;padding:18px 12px}
.award-item img{width:96px;height:96px}
.shop-cta{grid-template-columns:1fr;padding:60px 22px}
.shop-cta>.wp-block-image{width:120px}.shop-cta .wp-block-buttons{grid-column:1;justify-content:flex-start;width:max-content}
footer{flex-direction:column;line-height:1.8}
}
.standard-page{padding:60px clamp(22px,6vw,90px)}.standard-page article{max-width:900px;margin:auto}.standard-page h1{font:400 clamp(42px,6vw,74px)/1 Georgia,serif;color:var(--petrol)}