/* ===== MODERN LAYER (loaded after apple.css): floating glass nav, bento, marquee, motion ===== */
.nav{top:12px;left:0;right:0;margin:0 auto;width:min(1120px,calc(100% - 24px));border-radius:999px;border:.5px solid rgba(0,0,0,.08);box-shadow:0 8px 30px rgba(0,0,0,.08);background:rgba(255,255,255,.72)}
.nav-inner,.home .nav .nav-inner,.home .nav.scrolled .nav-inner{height:60px;padding:0 10px 0 8px}
.nav-logo,.home .nav:not(.scrolled) .nav-logo,.nav-logo.scrolled,.home .nav.scrolled .nav-logo{height:44px;width:44px}
.nav-links{gap:6px}
.nav-links a{padding:8px 16px;border-radius:999px;transition:background .2s}
.nav-links a:hover{background:rgba(0,0,0,.06)}
.nav-links a[style]{background:rgba(201,168,76,.16)}
.hero{padding-top:92px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:50%;top:-120px;width:900px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(201,168,76,.28),rgba(201,168,76,0));pointer-events:none}
.hero-content{position:relative}
.hero-title{font-size:clamp(2.6rem,7vw,5.2rem);letter-spacing:-.025em}
.grad{background:linear-gradient(95deg,#8a6d1f 0%,#c9a84c 45%,#e8c96a 70%,#8a6d1f 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:200% center}}
.btn-primary{box-shadow:0 6px 20px rgba(201,168,76,.35);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(201,168,76,.45)}
.hero-bg{gap:12px;border-radius:0;overflow:visible;height:clamp(200px,36vw,400px)}
.hero-img{border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.hero-bg .hero-img:nth-child(1){transform:translateY(18px) rotate(-1.5deg)}
.hero-bg .hero-img:nth-child(2){transform:translateY(-6px)}
.hero-bg .hero-img:nth-child(3){transform:translateY(18px) rotate(1.5deg)}

/* Marquee of categories */
.marquee{overflow:hidden;padding:52px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:12px;width:max-content;animation:mscroll 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:'Playfair Display',serif;font-size:1.6rem;color:#86868b;padding:0 8px;white-space:nowrap}
.marquee-track span::after{content:"\2726";color:var(--gold);margin-left:20px;font-size:1rem}
@keyframes mscroll{to{transform:translateX(-50%)}}

/* Bento product grid on home */
.product-grid[data-catalog-grid="6"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-grid[data-catalog-grid="6"] .product-card:first-child{grid-column:span 2;grid-row:span 2}
.product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap{aspect-ratio:auto;flex:1;min-height:320px}
.product-grid[data-catalog-grid="6"] .product-card:first-child h3{font-size:1.7rem}
.product-card{background:#fff;border:.5px solid rgba(0,0,0,.06)}
.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.product-img-wrap{position:relative}
.product-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.08));pointer-events:none}

/* Gallery band glow */
.section-dark{position:relative;overflow:hidden}
.section-dark::before{content:"";position:absolute;left:50%;top:-200px;width:800px;height:400px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(201,168,76,.18),rgba(201,168,76,0));pointer-events:none}
.section-dark .container{position:relative}
.gallery-item{transition:transform .35s var(--ease),filter .35s}
.gallery-item:hover{transform:scale(1.03);opacity:1;filter:brightness(1.08);z-index:2}

/* CTA band */
.cta-wrap{padding:0 0 88px}
.cta-band{margin:0 auto;max-width:1120px;width:calc(100% - 48px);padding:72px 32px;border-radius:32px;background:#1d1d1f;color:#f5f5f7;text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;left:50%;top:-140px;width:640px;height:360px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(201,168,76,.35),rgba(201,168,76,0));pointer-events:none}
.cta-band h2{position:relative;font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:12px}
.cta-band p{position:relative;color:rgba(245,245,247,.65);margin:0 auto 26px;max-width:460px}
.cta-band .row{position:relative;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
.cta-band .btn-ghost{color:#e8c96a}

/* Reveal motion */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms)}
.rv.in{opacity:1;transform:none}

@media(max-width:900px){
  .product-grid[data-catalog-grid="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid[data-catalog-grid="6"] .product-card:first-child{grid-column:span 2;grid-row:auto}
}
@media(max-width:640px){
  .nav{top:8px;width:calc(100% - 16px)}
  .nav-inner,.home .nav .nav-inner,.home .nav.scrolled .nav-inner{height:56px}
  .nav-logo,.home .nav:not(.scrolled) .nav-logo,.nav-logo.scrolled,.home .nav.scrolled .nav-logo{height:42px;width:42px}
  .hero{padding-top:80px}
  .hero-bg .hero-img:nth-child(1),.hero-bg .hero-img:nth-child(3){transform:none}
  .product-grid[data-catalog-grid="6"]{grid-template-columns:1fr}
  .product-grid[data-catalog-grid="6"] .product-card:first-child{grid-column:auto}
  .product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap{aspect-ratio:4/3;min-height:0;flex:none}
  .cta-band{width:calc(100% - 32px);padding:52px 20px;border-radius:26px}
  .marquee-track span{font-size:1.3rem}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.marquee-track{animation:none}.grad{animation:none}}

/* featured bento card: image fills its box regardless of row height */
.product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap{position:relative}
.product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap img{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:900px){.product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap{aspect-ratio:16/9;min-height:0;flex:none}}
@media(max-width:640px){.product-grid[data-catalog-grid="6"] .product-card:first-child .product-img-wrap{aspect-ratio:4/3}}
.product-grid[data-catalog-grid="6"] .product-card:first-child .product-info{flex:none}
@media(max-width:640px){.nav-logo-link::after{content:"Pennywise";font-family:'Playfair Display',serif;font-size:1.25rem;color:var(--ink);margin-left:12px}}