/* ===== page header card (Shop / About / Contact) ===== */
.ph3{position:relative;overflow:hidden;border-radius:32px;margin:18px clamp(12px,2vw,28px) 0;min-height:320px;padding:54px clamp(24px,5vw,72px);display:flex;align-items:center;isolation:isolate}
.ph3t{position:relative;z-index:4;max-width:min(560px,56%)}
.ph3k{display:inline-block;background:#fff;color:#111;font-family:'Jost',sans-serif;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.ph3 h1{font-family:'Jost',sans-serif!important;font-weight:700;font-size:clamp(38px,5.2vw,68px);line-height:1;letter-spacing:-.02em;margin:18px 0 14px;text-transform:none!important}
.ph3 p{font-size:17px;max-width:480px;margin:0}
.ph3w{position:absolute;right:-1%;bottom:-17%;font-family:'Jost',sans-serif;font-weight:700;font-size:clamp(110px,21vw,320px);line-height:.8;letter-spacing:-.02em;white-space:nowrap;z-index:1;user-select:none;pointer-events:none}
.ph3i{position:absolute;z-index:3;right:clamp(40px,12%,170px);top:50%;width:min(24%,290px);max-width:none;height:auto;translate:0 -50%;rotate:var(--r,-8deg);filter:drop-shadow(0 30px 28px rgba(0,0,0,.4));opacity:0;scale:.2;animation:ph-pop .95s cubic-bezier(.3,1.6,.45,1) .15s forwards,ph-fl 6s ease-in-out 1.2s infinite}
.ph3 .nut{position:absolute;z-index:2;width:var(--s);height:calc(var(--s)*.9);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);-webkit-mask:radial-gradient(circle,transparent 0 21%,#000 22%);mask:radial-gradient(circle,transparent 0 21%,#000 22%);background:linear-gradient(135deg,#fafbfc,#9ba4ae 55%,#dde1e5);filter:blur(var(--b,0px));rotate:var(--rr,0deg);opacity:0;animation:ph-nin .6s ease-out var(--d,.3s) forwards,ph-nfl 5s ease-in-out calc(var(--d,.3s) + .6s) infinite}
@keyframes ph-pop{from{opacity:0;scale:.2;translate:0 -20%}to{opacity:1;scale:1;translate:0 -50%}}
@keyframes ph-fl{50%{translate:0 calc(-50% - 12px)}}
@keyframes ph-nin{from{opacity:0;scale:.2}to{opacity:.95;scale:1}}
@keyframes ph-nfl{50%{translate:0 -14px;rotate:calc(var(--rr,0deg) + 24deg)}}
.ph-red{background:#E10600;color:#fff}.ph-red h1,.ph-red p{color:#fff!important}.ph-red .ph3w{color:#f23f34}
.ph-cream{background:#F2ECE3;color:#111}.ph-cream h1{color:#111!important}.ph-cream p{color:#444!important}.ph-cream .ph3w{color:rgba(225,6,0,.14)}.ph-cream .ph3k{background:#111;color:#fff}
.ph-black{background:#141414;color:#fff}.ph-black h1,.ph-black p{color:#fff!important}.ph-black p{opacity:.85}.ph-black .ph3w{color:#2a2a2a}
@media(max-width:700px){.ph3{min-height:260px;padding:40px 24px}.ph3t{max-width:100%}.ph3i{opacity:.0!important;display:none}.ph3 .nut:nth-of-type(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.ph3i,.ph3 .nut{animation:none;opacity:1;scale:1;translate:0 -50%}.ph3 .nut{translate:none}}