/* RETRO V4.2 — Page personalities / production-safe scoped styles. */
/* Shared visual vocabulary: ink, navy, clear neutral backdrops; one scale and button focus language. */
:is(.pmg-retro-v17,.pmg-retro-shop,.pmg-retro-categories,.pmg-rar,.pmg-ra,.pmg-rct,.pmg-rp){--retro-ink:#111111;--retro-navy:#0f2038;--retro-navy-mid:#182e4b;--retro-surface:#f5f7fa;--retro-line:#dfe5eb;--retro-muted:#526172;--retro-white:#fff}
:is(.pmg-retro-v17,.pmg-retro-shop,.pmg-retro-categories,.pmg-rar,.pmg-ra,.pmg-rct,.pmg-rp) :is(a,button):focus-visible{outline:3px solid #537fa8;outline-offset:4px}
/* HOME — campaign storefront / hero -> collections -> products, all visible above storytelling. */
.pmg-retro-v17 .pmg-v17-hero{isolation:isolate}
.pmg-retro-v17 .pmg-v17-collections{background:#fff}
.pmg-retro-v17 .pmg-v17-products{background:var(--retro-surface)}
.pmg-retro-v17 .pmg-v17-editorial{background:var(--retro-navy)}
/* SHOP — utility-first product catalog, smaller hero than cinematic homepage. */
.pmg-retro-shop .pmg-rs-hero{min-height:clamp(330px,42vw,550px)}
.pmg-retro-shop .pmg-rs-catalog{scroll-margin-top:105px}
/* CATEGORY DIRECTORY — cards lead, not another fullscreen campaign. */
.pmg-retro-categories .pmg-rc-hero{min-height:clamp(310px,40vw,520px)}
.pmg-retro-categories .pmg-rc-directory{scroll-margin-top:110px}
/* ARCHIVE — compact intro; utility catalog occupies majority of page. */
.pmg-rar .pmg-rar-hero{min-height:clamp(270px,34vw,450px)}
.pmg-rar .pmg-rar-catalog{scroll-margin-top:110px}
/* ABOUT — editorial storytelling. Its unique opener features photography, subsequent chapters alternate tone. */
.pmg-ra .pmg-ra-hero{min-height:clamp(420px,60vw,740px)}
.pmg-ra .pmg-ra-hero-art img{object-position:center 32%}
.pmg-ra .pmg-ra-opening{scroll-margin-top:100px}
.pmg-ra .pmg-ra-detail{padding-bottom:clamp(72px,8vw,136px)}
/* CONTACT — an actionable contact desk, rather than an advertising landing page. */
.pmg-rct{background:#fff}
.pmg-rct .pmg-rct-hero{min-height:clamp(360px,43vw,560px)}
.pmg-rct .pmg-rct-hero-overlay{background:linear-gradient(270deg,rgba(7,17,31,.96),rgba(7,17,31,.77) 53%,rgba(7,17,31,.36))}
.pmg-rct .pmg-rct-grid{padding-bottom:clamp(42px,7vw,90px)}
.pmg-rct .pmg-rct-social-wall{padding-bottom:clamp(76px,9vw,130px)}
/* POLICIES — typography-led guide with no reused fashion hero photo. */
.pmg-rp{--pmg-rp-gold:#b8cee4;--pmg-rp-bg:#f5f7fa;--pmg-rp-muted:#526172}
.pmg-rp .pmg-rp-hero{min-height:clamp(280px,36vw,440px);background:linear-gradient(115deg,#091424,#152c49 68%,#203c5d);align-items:center}
.pmg-rp .pmg-rp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(125deg,transparent 0,transparent 78px,rgba(255,255,255,.045) 79px,rgba(255,255,255,.045) 80px)}
.pmg-rp .pmg-rp-hero-copy{padding-block:clamp(52px,7vw,85px)}
.pmg-rp .pmg-rp-hero h1{font-size:clamp(35px,4.5vw,62px)}
.pmg-rp .pmg-rp-hero p{font-size:clamp(14px,1.35vw,17px)}
.pmg-rp .pmg-rp-intro{padding-block:clamp(48px,7vw,76px) clamp(38px,5vw,56px)}
.pmg-rp .pmg-rp-intro h2{font-size:clamp(27px,3.3vw,44px)}
.pmg-rp .pmg-rp-bottom{background:var(--retro-navy)}
@media(max-width:767px){
 .pmg-retro-shop .pmg-rs-hero,.pmg-retro-categories .pmg-rc-hero,.pmg-rar .pmg-rar-hero,.pmg-rct .pmg-rct-hero{min-height:380px}
 .pmg-rp .pmg-rp-hero{min-height:300px}
 .pmg-ra .pmg-ra-hero{min-height:560px}
 .pmg-rp .pmg-rp-hero-copy{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
 :is(.pmg-retro-v17,.pmg-retro-shop,.pmg-retro-categories,.pmg-rar,.pmg-ra,.pmg-rct,.pmg-rp) :is(a,button,img){transition:none!important;animation:none!important}
}