/* 2AM storefront with Mambru's Catholic men's essentials direction. */
.brand-mark{width:28px;height:28px}
.hero-title .brand-mark{width:68px;height:68px;display:block;margin-bottom:20px}
.nav-logo{letter-spacing:.08em}
.footer-tagline{font-style:normal}
#hero{height:auto;min-height:660px;background:var(--black);border-bottom:1px solid var(--border)}
#hero .hero-bg,#hero .hero-vignette,#hero .hero-rule-top,#hero .hero-rule-bot{display:none}
#hero .hero-content{align-items:flex-start;text-align:left;max-width:52%;padding:120px 6vw 90px;justify-content:center;min-height:660px}
#hero .hero-title{font-size:clamp(64px,8vw,120px);color:var(--ice);text-shadow:none;letter-spacing:-.03em}
#hero .hero-tag{justify-content:flex-start;letter-spacing:.22em}
#hero .hero-tag::before{display:none}
#hero .hero-title-sub{font-size:24px;line-height:1.4;letter-spacing:0;max-width:420px}
#hero .hero-kicker{max-width:380px;line-height:1.8;font-size:16px;color:var(--muted)}
#hero .hero-products-bg{left:54%;right:4%;top:48px;bottom:48px;opacity:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:none}
#hero .hero-prod-cell:first-child{grid-column:span 2}
#hero .hero-prod-cell{background:#fff;border:1px solid var(--border);min-height:0}
#hero .hero-prod-cell img{filter:none;transform:none;object-fit:contain;mix-blend-mode:multiply}
#hero .hero-scroll-hint{display:none}
.shop-now{padding-top:64px}
.shop-now-title{color:var(--ice)}
.pc-img{object-fit:contain!important}
.pc-badge.ts{background:var(--ice);color:#fff;border-color:var(--ice)}
.ticker{border-bottom:1px solid var(--border)}
.ess-statement{padding:64px 24px;background:var(--deep)}
.ess-body{font-size:20px;line-height:1.7;max-width:700px}
.hero-content::after{content:'02:00 / THE QUIET HOURS';margin-top:32px;font-family:var(--m);font-size:10px;letter-spacing:.22em;color:var(--gold)}
.hero-title .brand-mark{width:48px;height:48px;margin-bottom:16px}
.hero-title-sub em{font-family:var(--dh);font-size:clamp(32px,4vw,56px);font-weight:500!important;letter-spacing:-.03em}
.ethos-link{display:inline-flex;gap:32px;align-items:center;margin-top:28px;padding-bottom:10px;border-bottom:1px solid var(--ice);color:var(--ice);text-decoration:none;font-family:var(--m);font-size:11px;letter-spacing:.08em}
.values-section{padding:80px max(24px,6vw);border-top:1px solid var(--border);scroll-margin-top:90px}
.values-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px 64px;padding-bottom:44px}
.values-eye{font-family:var(--m);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);line-height:1.6}
.values-intro .values-eye{grid-column:1/-1}
.values-intro h2{font-family:var(--dh);font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.03em;font-weight:500}
.values-intro h2 em{color:var(--ice)}
.values-intro>p:last-child{font-family:var(--s);font-size:22px;line-height:1.7;align-self:center;color:var(--muted)}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;border-bottom:1px solid var(--border)}
.value-card{position:relative;border-top:1px solid var(--border);padding:32px 0 32px 48px}
.value-number{position:absolute;left:0;top:38px;font-family:var(--m);font-size:11px;color:var(--gold)}
.value-title{font-family:var(--dh);font-size:32px;line-height:1.15;font-weight:500;margin:0 0 14px;color:var(--ice)}
.value-body{font-family:var(--s);font-size:19px;line-height:1.7;color:var(--muted)}
.catholic-foundation{padding:64px 0;max-width:850px}
.catholic-foundation h3{font-family:var(--dh);font-size:clamp(32px,4vw,48px);line-height:1.1;margin:20px 0 24px;font-weight:500}
.catholic-foundation>p:not(.values-eye){font-family:var(--s);font-size:21px;line-height:1.75;color:var(--muted);margin-top:18px}
.philosophy{background:var(--ice);color:#f4ede0;padding:52px;margin-top:12px}
.philosophy .values-eye{color:#e1d2b2}
.philosophy>p:not(.values-eye){font-family:var(--dh);font-size:clamp(24px,3vw,40px);line-height:1.65;margin:22px 0 32px}
.philosophy strong{display:block;font-family:var(--dh);font-size:32px;font-weight:500}
.philosophy>span{display:block;font-family:var(--s);font-size:18px;margin-top:12px;opacity:.8}
.footer-tagline{color:var(--ice)}
.footer-row::after{content:'A Mambru Inc. company.';font-family:var(--s);font-size:15px;color:var(--muted)}
@media(max-width:700px){.values-intro,.values-grid{grid-template-columns:1fr;gap:20px}.values-section{padding:52px 24px}.values-intro>p:last-child{font-size:20px}.value-card{padding-left:36px}.philosophy{padding:32px 24px}.hero-content::after{margin-top:24px}}
@media(max-width:700px){
  #hero .hero-content{order:1;max-width:100%;min-height:0;padding:88px 24px 40px}
  #hero .hero-title{font-size:72px}
  #hero .hero-title-sub{font-size:21px}
  #hero .hero-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:24px}
  #hero .hero-products-bg{order:2;position:relative;inset:auto;margin:0 24px 32px;height:380px;flex-shrink:0;grid-template-columns:1.3fr 1fr}
  #hero .hero-prod-cell:first-child{grid-column:1;grid-row:span 2}
  #hero{min-height:0}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hero-tag,.hero-title,.hero-title-sub,.hero-kicker,.hero-actions{opacity:1!important}}