.page-hero{padding:90px 6% 55px;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));color:#fff}.page-hero h1{font:500 clamp(40px,6vw,72px)/1 Manrope,sans-serif}.page-hero p{max-width:580px;margin-top:18px;color:rgba(255,255,255,.75)}.page-content{padding:70px 6%;min-height:45vh}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:#fff;border:1px solid var(--border-color);padding:28px;box-shadow:0 8px 20px rgba(8,52,63,.06)}@media(max-width:700px){.simple-grid{grid-template-columns:1fr}.page-hero{padding-top:60px}}

/* Shop masthead: the circular mark is given room to breathe and paired with a clear wordmark. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;padding-inline:clamp(1rem,4vw,4rem)}.shop-brand{justify-self:start;gap:.85rem}.shop-brand .site-brand-logo{width:58px;height:58px;padding:3px;border-radius:50%;background:#fff;box-shadow:0 7px 20px rgba(8,52,63,.12)}.shop-brand-copy{display:flex;flex-direction:column;line-height:1.1}.shop-brand-copy strong{font-size:.78rem;letter-spacing:.08em;color:var(--primary-dark)}.shop-brand-copy small{margin-top:.3rem;font-size:.46rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-text)}.shop-header-actions{justify-self:end;display:flex;align-items:center;gap:.65rem}.shop-header-actions a{min-height:42px;display:flex;align-items:center;gap:.35rem;padding:.45rem .7rem;border-radius:999px;font-size:.63rem}.shop-header-actions a:hover{background:var(--surface-muted)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;gap:1rem}.shop-brand-copy{display:none}.shop-header-actions{grid-column:2}.shop-brand .site-brand-logo{width:52px;height:52px}}
@media(max-width:480px){.site-header{padding-inline:1rem}.shop-header-actions a{padding:.35rem}.shop-header-actions a:first-child{font-size:0}.shop-header-actions a:first-child::first-letter{font-size:1rem}}