/* Verre & Flamme × MetaHaus — launch-stabilization visual system.
   This layer preserves the approved photography and product data while making
   the collaboration unmistakable through scale, rhythm, rules and notation. */
:root{--mh-grid:rgba(129,37,45,.14);--mh-accent:#81252d;--mh-ink:#211713;--mh-paper:#f8f3eb}
body{background:var(--mh-paper)}
.announcement{height:40px;padding-inline:clamp(20px,4vw,74px);font-size:12px;letter-spacing:.19em}
.site-header{min-height:124px;grid-template-columns:minmax(330px,1fr) minmax(470px,610px) minmax(330px,1fr);padding-inline:clamp(24px,4vw,76px);background:rgba(248,243,235,.97);box-shadow:0 1px 0 var(--mh-grid)}
.site-header::after{content:"MH—VF / 01";position:absolute;left:clamp(24px,4vw,76px);bottom:10px;color:var(--mh-accent);font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.22em}
.primary-nav{align-self:center;gap:clamp(28px,2.7vw,52px)}.primary-nav a{font-size:13px;letter-spacing:.13em}
.brand{height:120px;grid-template-rows:82px 22px}.brand>img{width:min(100%,590px);height:82px;overflow:visible}.collaboration-signature{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.22em}.collaboration-signature img{width:31px;height:18px;flex:none}.collaboration-signature b{font:inherit}
.header-tools{gap:5px}.language{font-size:12px}.icon-button{width:46px;height:46px}
.home-hero{isolation:isolate;aspect-ratio:1672/941;background:#e7dacb}
.hero-image{inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;filter:none!important}
.hero-shade{background:none}
.hero-copy{left:clamp(44px,7.5vw,148px);top:50%;width:min(47vw,790px);transform:translateY(-50%)}
.hero-copy::before{content:"METAHAUS COLLABORATION / ART DIRECTION 01";display:block;margin-bottom:clamp(26px,3vw,48px);color:var(--mh-accent);font:600 11px/1.3 "DM Sans",sans-serif;letter-spacing:.2em}
.hero-copy h1{font-size:clamp(78px,7.2vw,138px);line-height:.78;letter-spacing:-.045em;text-wrap:balance}
.hero-copy .button{min-height:56px;padding-inline:30px;font-size:12px}
.hero-note{font-size:12px}
.world-entrances{gap:16px;margin-top:clamp(-70px,-4vw,-38px)}.world-entrances>a{min-height:440px;box-shadow:0 20px 60px rgba(46,28,20,.08)}
.world-entrances h2{font-size:clamp(44px,3.7vw,70px)}
.world-entrances .world-image{position:relative;padding:0;overflow:hidden;background:linear-gradient(145deg,#ded4c7 0%,#f5eee4 52%,#cfc0ae 100%)}
.world-entrances .world-image::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.2),transparent 55%);pointer-events:none}
.world-entrances .world-image>img{width:100%;height:100%;max-height:none;object-fit:cover!important;object-position:center 54%;filter:saturate(.92) contrast(.98)}
.world-entrances .world-image-neutral img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 52%;filter:saturate(.9) contrast(.98)}
.editorial-section{border-top:1px solid var(--mh-grid)}
.section-heading h2,.center-heading h2{font-size:clamp(68px,6.5vw,118px)}
.product-copy h3{font-size:clamp(28px,2vw,38px)}.product-copy p,.product-price span,.status-chip{font-size:12px}
.series-dialogue{outline:1px solid rgba(129,37,45,.4);outline-offset:12px}
.series-dialogue picture,.editorial-media,.newsletter-media{overflow:hidden}.series-dialogue picture img,.editorial-media img,.newsletter-media img{object-position:center;transform:none!important}
.editorial-cards{gap:clamp(16px,1.5vw,28px)}.editorial-card{grid-template-rows:minmax(540px,48vw) auto}.gift-card{margin-top:130px}.choose-card{margin-top:54px}
.gift-card{grid-template-rows:auto auto}.gift-card .editorial-media{width:100%;aspect-ratio:4/3;background:#e9dfd1}.gift-card .editorial-media img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center!important;padding:0!important}
.newsletter-v2{margin-top:clamp(110px,10vw,170px);min-height:620px;box-shadow:0 28px 80px rgba(35,22,17,.12)}
.newsletter-v2>div{border-left:1px solid rgba(255,255,255,.28)}
.site-footer{padding-top:clamp(86px,8vw,140px)}.site-footer nav b{font-size:11px}.site-footer nav a,.site-footer nav button,.footer-contact{font-size:14px}.footer-base{font-size:11px}
@media(max-width:1280px){
 .site-header{min-height:108px;grid-template-columns:minmax(220px,1fr) minmax(390px,470px) minmax(230px,1fr);padding-inline:24px}.site-header::after{left:24px}
 .brand{height:104px;grid-template-rows:72px 20px}.brand>img{height:72px}.primary-nav a{font-size:11px}
 .hero-copy{left:clamp(34px,5vw,70px)}.hero-copy h1{font-size:clamp(68px,7vw,92px)}
}
@media(max-width:900px){
 .site-header{min-height:94px;grid-template-columns:52px minmax(0,1fr) 142px}.site-header::after{display:none}
 .brand{height:90px;grid-template-rows:62px 18px}.brand>img{height:62px;width:min(100%,360px)}.collaboration-signature{font-size:8px}.collaboration-signature img{width:25px;height:15px}
 .home-hero{display:grid;aspect-ratio:auto}.hero-copy{position:relative;inset:auto;grid-row:1;width:auto;padding:64px 34px 48px;transform:none;background:var(--mh-paper)}
 .hero-copy::before{margin-bottom:28px}.hero-copy h1{font-size:clamp(66px,10vw,88px);max-width:10ch}
 .hero-image{position:relative;grid-row:2;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain!important}.hero-shade{display:none}
 .world-entrances{margin-top:24px}.editorial-card{grid-template-rows:500px auto}.gift-card{margin-top:64px}.choose-card{margin-top:0}
}
@media(max-width:600px){
 .announcement{height:34px;font-size:10px}.site-header{min-height:86px;grid-template-columns:42px minmax(0,1fr) 112px}
 .brand{height:82px;grid-template-rows:56px 17px}.brand>img{height:56px;width:min(100%,235px)}.collaboration-signature{font-size:6px;gap:5px}.collaboration-signature img{width:20px;height:12px}
 .hero-copy{padding:54px 22px 42px}.hero-copy::before{font-size:9px;margin-bottom:24px}.hero-copy h1{font-size:clamp(58px,16vw,72px);line-height:.8;max-width:8.8ch}
 .hero-copy .button{min-height:52px;font-size:11px}.world-entrances{margin-top:12px}.world-entrances h2{font-size:42px}
 .section-heading h2,.center-heading h2{font-size:clamp(54px,14vw,68px)}
 .editorial-card,.choose-card{grid-template-rows:auto auto}.editorial-media{aspect-ratio:4/5}.gift-card{margin-top:0}
 .newsletter-v2{margin-top:84px;min-height:760px}.newsletter-v2>div{border-left:0;border-top:1px solid rgba(255,255,255,.28)}
 .site-footer nav b{font-size:10px}.site-footer nav a,.site-footer nav button,.footer-contact{font-size:13px}
}