.product-hero{position:relative;padding:9.5rem 0 4.5rem;overflow:hidden}
.product-hero .grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:4rem;align-items:center}
.product-hero .meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.4rem}
.product-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.35rem,5.4vw,5rem);line-height:1.02;max-width:48rem}
.product-hero h1 em{display:block;color:var(--green);font-style:normal}
.product-lead{max-width:40rem;margin:1.5rem 0 0;color:rgba(242,244,234,.76);font-size:1.05rem}
.product-buy{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}
.product-price{font-family:var(--font-display);font-weight:800;font-size:1.65rem;color:var(--paper)}
.product-note{width:100%;font-size:.78rem;color:var(--fog)}
.product-art{position:relative;display:grid;place-items:center;aspect-ratio:4/5;max-height:34rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.4rem;background:linear-gradient(145deg,var(--accent,var(--green)),color-mix(in srgb,var(--accent,var(--green)) 55%,#050604))}
.product-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,12,10,.3) 1px,transparent 1.5px);background-size:22px 22px}
.product-art .glyph{position:relative;font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,10vw,8rem);line-height:.85;color:rgba(11,12,10,.72);text-align:center}
.product-art img{position:relative;max-height:82%;max-width:72%;border-radius:.35rem;box-shadow:0 24px 55px rgba(0,0,0,.5);transform:rotate(-3deg)}
.product-strip{border-block:1px solid rgba(255,255,255,.09);background:var(--ink2)}
.product-strip .inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.product-strip .item{padding:1.4rem;border-right:1px solid rgba(255,255,255,.09)}
.product-strip .item:last-child{border-right:0}
.product-strip strong{display:block;font-family:var(--font-display);font-size:1rem}
.product-strip span{font-size:.8rem;color:var(--fog)}
@media(max-width:800px){
  .product-hero{padding-top:8.5rem}
  .product-hero .grid{grid-template-columns:1fr;gap:2.5rem}
  .product-art{width:min(100%,22rem);margin:0 auto}
}
@media(max-width:600px){
  .product-strip .inner{grid-template-columns:1fr}
  .product-strip .item{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .product-strip .item:last-child{border-bottom:0}
}

.catalog{padding:3rem 0 6rem}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.catalog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:var(--ink2);transition:transform .35s,border-color .35s}
.catalog-card:hover{transform:translateY(-5px);border-color:var(--accent,var(--green))}
.catalog-art{display:grid;place-items:center;min-height:22rem;padding:2rem;background:color-mix(in srgb,var(--accent,var(--green)) 72%,#111)}
.catalog-art img{width:auto;max-width:78%;max-height:18rem;border-radius:.3rem;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.catalog-body{display:flex;flex:1;flex-direction:column;padding:1.3rem}
.catalog-body h2{font-family:var(--font-display);font-size:1.25rem;line-height:1.2}
.catalog-body p{margin:.7rem 0 1.3rem;color:var(--fog);font-size:.9rem}
.catalog-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--green);font-family:var(--font-mono);font-size:.8rem;font-weight:600}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.catalog-grid{grid-template-columns:1fr}.catalog-art{min-height:19rem}}