/* PrintMax cinematic visual concept. The underlying WordPress store is unchanged. */
html { scroll-behavior: smooth; }
body { background: #f4f0e9; color: #17191d; }
::selection { background: #be3ce6; color: #fff; }

.pm-staging-bar { background: #101116; color: #dbd6e1; border-bottom: 1px solid #29212e; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.pm-header { background: rgba(13,14,19,.94); border-bottom: 1px solid rgba(255,255,255,.1); box-shadow: 0 15px 50px rgba(0,0,0,.18); }
.pm-header__inner { max-width: 1400px; min-height: 96px; grid-template-columns: 220px 1fr auto; gap: 30px; }
.pm-logo { position: relative; display: inline-flex; align-items: center; width: 122px; padding: 0; background: transparent; }
.pm-logo img { width: 100%; height: auto; max-height: none; }
/* The approved PNG is already transparent. This second rendering turns only
   its dark wordmark white on dark surfaces; the colourful P remains untouched. */
.pm-logo::after, .pm-footer > div:first-child::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: url('printmax-logo.png') center / 100% 100% no-repeat; filter: brightness(0) invert(1); clip-path: polygon(26% 68%,100% 68%,100% 100%,26% 100%); }
.pm-nav { gap: clamp(12px,1.7vw,28px); }
.pm-nav > a, .pm-shop-trigger { color: #f1edf3; font-size: 12px; letter-spacing: .08em; white-space: nowrap; transition: color .2s ease; }
.pm-nav > a:hover, .pm-shop-trigger:hover { color: #ff8a4a; }
.pm-actions a { color: #f5f0f6; border-color: #45404b; background: #1f2027; }
.pm-mega { background: #191a20; border-color: #38353e; box-shadow: 0 28px 90px rgba(0,0,0,.55); }
.pm-mega__group h3 { color: #fff; }
.pm-mega__group a { color: #bdb5c2; }
.pm-mega__group a:hover { color: #ffaf77; }
.pm-mobile-toggle { color: #fff; }

.pm-hero { min-height: 730px; overflow: hidden; position: relative; color: #fff; background: radial-gradient(circle at 76% 35%, rgba(161,33,225,.27), transparent 27%), radial-gradient(circle at 87% 76%, rgba(247,92,39,.2), transparent 31%), linear-gradient(135deg,#0f1015 0%,#17131e 51%,#0c0d13 100%); }
.pm-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .35; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"); }
.pm-hero::after { content: 'PRINTMAX'; position: absolute; left: -25px; bottom: 14px; font-size: clamp(150px,22vw,370px); line-height: .7; font-weight: 1000; letter-spacing: -.09em; color: rgba(255,255,255,.022); pointer-events: none; }
.pm-hero__inner { position: relative; z-index: 1; max-width: 1400px; min-height: 690px; padding: 76px 32px 68px; grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); gap: clamp(30px,4vw,76px); }
.pm-hero__copy { position: relative; z-index: 2; }
.pm-eyebrow { display: flex; align-items: center; gap: 14px; color: #d7a2e8; font-size: 11px; letter-spacing: .19em; }
.pm-eyebrow__line { display: inline-block; width: 28px; height: 2px; background: linear-gradient(90deg,#9d4af4,#fa7a3d); }
.pm-hero h1 { margin: 25px 0 30px; max-width: 800px; color: #fff; font-size: clamp(78px,8.8vw,140px); font-weight: 950; line-height: .83; letter-spacing: -.09em; }
.pm-hero h1 em, .pm-section h2 em, .pm-proof h2 em { font-style: normal; color: transparent; background: linear-gradient(105deg,#ad5afe 8%,#e645bc 45%,#ff8542 83%,#ffc15a); background-clip: text; -webkit-background-clip: text; }
.pm-hero p { max-width: 565px; color: #c1bcc8; font-size: clamp(17px,1.45vw,21px); line-height: 1.7; }
.pm-hero__actions { margin-top: 42px; gap: 14px; }
.pm-hero .pm-button { min-height: 58px; padding-inline: 28px; font-size: 12px; transition: transform .22s ease, box-shadow .22s ease; }
.pm-hero .pm-button:hover { transform: translateY(-3px); box-shadow: 0 15px 36px rgba(175,45,192,.24); }
.pm-button span { margin-left: 16px; font-size: 18px; line-height: 1; }
.pm-button--outline { background: transparent; border: 1px solid #6c626e; color: #fff; }
.pm-hero__micro { margin-top: 74px; color: #8f8694; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.pm-hero__micro span { color: #e35c91; margin-inline: 9px; }
.pm-hero__art { min-height: 590px; border-radius: 0; box-shadow: none; background: transparent; overflow: visible; display: grid; place-items: center; isolation: isolate; }
.pm-hero__art::before, .pm-hero__art::after { display: none; }
.pm-hero__halo { position: absolute; width: 82%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 200deg,#4520a3,#a333e1,#e344a9,#ff702f,#efba3e,#7d26cb); filter: blur(58px); opacity: .55; z-index: -2; animation: halo-breathe 8s ease-in-out infinite alternate; }
.pm-hero__sheet { position: absolute; width: min(72%,430px); aspect-ratio: .83; border-radius: 5px; box-shadow: 0 40px 80px rgba(0,0,0,.45); }
.pm-hero__sheet--back { transform: translate(68px,-46px) rotate(19deg); background: linear-gradient(145deg,#a832d7 8%,#fa3c9a 55%,#fe9038); border: 8px solid #eec9d9; }
.pm-hero__sheet--middle { transform: translate(-46px,25px) rotate(-12deg); background: linear-gradient(135deg,#ffd451 0%,#f47d2f 50%,#bb286e 100%); border: 8px solid #f2c5a6; }
.pm-hero__sheet--front { transform: translate(6px,-10px) rotate(3deg); display: flex; flex-direction: column; justify-content: space-between; padding: 28px; background: #f6f2ec; color: #13151a; border: 1px solid #fff; }
.pm-hero__sheet-top, .pm-hero__sheet-bottom { display: flex; justify-content: space-between; font-size: 10px; font-weight: 900; letter-spacing: .19em; }
.pm-hero__sheet-bottom { color: #56515b; }
.pm-hero__sheet-bottom span { color: #b23ee4; }
.pm-hero__sheet-front img, .pm-hero__sheet--front img { position: static; width: 100%; max-width: 320px; height: auto; margin: auto; padding: 0; border-radius: 0; background: transparent; filter: none; }
.pm-hero__orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.23); pointer-events: none; }
.pm-hero__orbit--one { width: 94%; aspect-ratio: 1; transform: rotate(-18deg); }
.pm-hero__orbit--two { width: 70%; aspect-ratio: 1; transform: rotate(17deg); border-color: rgba(255,255,255,.12); }
.pm-hero__bottom { position: relative; z-index: 2; max-width: 1400px; margin: -6px auto 0; padding: 0 32px 25px; display: flex; justify-content: space-between; color: #918797; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.pm-ticker { overflow: hidden; background: #c8fb39; border-block: 1px solid #b0d931; color: #1b1e1b; white-space: nowrap; }
.pm-ticker div { width: max-content; padding: 14px 24px; font-size: 11px; font-weight: 950; letter-spacing: .17em; word-spacing: .55em; }
.pm-ticker span { color: #7942a4; padding-inline: 22px; }

.pm-review-note { max-width: 1400px; padding: 27px 32px 0; color: #625b61; }
.pm-section { max-width: 1400px; padding: 115px 32px; }
.pm-section__kicker { margin-bottom: 23px; color: #9f35bd; font-size: 11px; font-weight: 950; letter-spacing: .2em; }
.pm-section__head { align-items: end; margin-bottom: 48px; }
.pm-section h2 { font-size: clamp(54px,6vw,88px); font-weight: 950; line-height: .92; letter-spacing: -.072em; }
.pm-section h2 em { background-image: linear-gradient(105deg,#8136ca,#cc2fae,#f66f3a); }
.pm-section__head p { max-width: 360px; color: #655f65; font-size: 17px; line-height: 1.65; }
.pm-category-grid { gap: 12px; }
.pm-category-card { position: relative; min-height: 300px; padding: 28px; overflow: hidden; border: 1px solid #44404b; border-radius: 6px; background: #17181d !important; color: #fff; box-shadow: 0 15px 30px rgba(26,22,35,.08); }
.pm-category-card::after { content: ''; position: absolute; right: -75px; bottom: -100px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle,#ac55ed 0%,transparent 65%); opacity: .32; transition: transform .3s ease, opacity .3s ease; }
.pm-category-card:nth-child(2)::after { background: radial-gradient(circle,#e442a3 0%,transparent 65%); }
.pm-category-card:nth-child(3)::after { background: radial-gradient(circle,#fa7b3f 0%,transparent 65%); }
.pm-category-card:nth-child(4)::after { background: radial-gradient(circle,#496bea 0%,transparent 65%); }
.pm-category-card:nth-child(5)::after { background: radial-gradient(circle,#cf44db 0%,transparent 65%); }
.pm-category-card:nth-child(6)::after { background: radial-gradient(circle,#a6dc3e 0%,transparent 65%); }
.pm-category-card:hover { transform: translateY(-6px); box-shadow: 0 25px 42px rgba(23,18,31,.18); }
.pm-category-card:hover::after { transform: scale(1.35); opacity: .6; }
.pm-category-card span:not(.pm-category-card__number) { position: relative; z-index: 1; max-width: 220px; font-size: 29px; line-height: 1.05; letter-spacing: -.04em; }
.pm-category-card span b { display: inline; font-size: 20px; font-weight: 500; color: #ee8bde; }
.pm-category-card .pm-category-card__number { position: relative; z-index: 1; width: 100%; color: #bcb0c3; font-size: 12px; font-weight: 950; letter-spacing: .13em; }
.pm-category-card small { position: relative; z-index: 1; max-width: 260px; color: #beb8c2; font-size: 13px; line-height: 1.5; }

.pm-proof { position: relative; overflow: hidden; background: #111217; }
.pm-proof::before { content: ''; position: absolute; width: 540px; aspect-ratio: 1; right: -170px; top: -220px; border-radius: 50%; background: #932be0; filter: blur(130px); opacity: .22; }
.pm-proof__inner { position: relative; z-index: 1; max-width: 1400px; padding: 110px 32px; }
.pm-proof__eyebrow { color: #cc9ce4; font-size: 11px; font-weight: 900; letter-spacing: .18em; }
.pm-proof h2 { font-size: clamp(58px,6.2vw,92px); line-height: .93; letter-spacing: -.068em; }
.pm-proof p { color: #bcb8c4; }
.pm-proof .pm-button { margin-top: 13px; }

#products { background: #f4f0e9; }
.pm-preview-products { gap: 18px; }
.pm-preview-product { overflow: hidden; padding: 0 0 24px; border-color: #ded7ce; border-radius: 6px; background: #fbf9f5; box-shadow: 0 14px 35px rgba(28,23,24,.05); }
.pm-preview-image { position: relative; overflow: hidden; aspect-ratio: .98; border-radius: 0; }
.pm-preview-image--cards { background: radial-gradient(circle at 55% 42%,#60518a,#251d37 70%); }
.pm-mock-card { position: absolute; width: 58%; aspect-ratio: 1.64; border-radius: 6px; box-shadow: 0 24px 40px rgba(0,0,0,.27); }
.pm-mock-card--back { top: 26%; left: 19%; transform: rotate(-16deg); background: #e5a9ce; }
.pm-mock-card--front { top: 34%; left: 26%; transform: rotate(9deg); display: flex; flex-direction: column; justify-content: center; padding: 19px; color: #fff; background: linear-gradient(120deg,#762cdb,#d924b0 55%,#fb843f); font-size: clamp(25px,4vw,46px); font-weight: 950; letter-spacing: -.08em; }
.pm-mock-card--front span { color: #d5ff48; }
.pm-mock-card--front small { color: #fff; font-size: 9px; letter-spacing: .15em; }
.pm-preview-image--sign { background: #e8e1d8; }
.pm-mock-sign { width: 70%; aspect-ratio: 1.05; display: flex; flex-direction: column; justify-content: center; padding: 36px; transform: rotate(-6deg); background: #d9ff43; color: #161817; box-shadow: 12px 24px 35px rgba(47,42,31,.22); font-size: clamp(42px,5vw,74px); font-weight: 1000; letter-spacing: -.09em; line-height: .85; text-align: left; }
.pm-mock-sign em { font-style: normal; color: #8e29d6; }
.pm-mock-sign small { margin-top: 36px; font-size: 10px; letter-spacing: .2em; }
.pm-preview-image--apparel { background: radial-gradient(circle at 50% 35%,#eb9868,#b62b68 52%,#451a54); }
.pm-mock-shirt { width: 56%; height: 75%; display: grid; place-items: center; clip-path: polygon(24% 0,38% 8%,62% 8%,76% 0,100% 18%,87% 37%,76% 31%,76% 100%,24% 100%,24% 31%,13% 37%,0 18%); background: #19191e; filter: drop-shadow(0 25px 15px rgba(0,0,0,.3)); color: #fff; font-size: clamp(26px,4vw,50px); font-weight: 1000; letter-spacing: -.08em; line-height: .86; }
.pm-mock-shirt strong { color: #e841b0; }
.pm-preview-product__meta { margin: 23px 24px 0; color: #9d43b6; font-size: 10px; font-weight: 950; letter-spacing: .15em; }
.pm-preview-product h3 { display: flex; justify-content: space-between; margin: 11px 24px; font-size: 27px; letter-spacing: -.04em; }
.pm-preview-product h3 span { color: #a948ca; font-size: 20px; }
.pm-preview-product p { margin: 0 24px; }

.pm-review-contact { max-width: none; padding: 90px max(32px,calc((100vw - 1336px)/2)); background: #eae4da; border-top: 1px solid #d9d1c7; }
.pm-review-contact:nth-of-type(even) { background: #f4f0e9; }
.pm-review-contact h2 { font-weight: 950; letter-spacing: -.055em; }
.pm-review-contact a { color: #8b2ab8; }
.site-footer { background: #101116; border-top: 1px solid #413045; }
.pm-footer { max-width: 1400px; }
.pm-footer > div:first-child { position: relative; width: 205px; align-self: start; }
.site-footer .pm-footer img { width: 100%; padding: 0; border-radius: 0; background: transparent; }
.pm-footer__base { max-width: 1400px; }

@keyframes halo-breathe { from { transform: scale(.94) rotate(-7deg); opacity: .42; } to { transform: scale(1.08) rotate(8deg); opacity: .64; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 1100px) { .pm-header__inner { grid-template-columns: 185px 1fr auto; } .pm-nav { gap: 12px; } .pm-nav > a, .pm-shop-trigger { font-size: 11px; } .pm-hero__art { min-height: 500px; } }
@media (max-width: 980px) { .pm-header__inner { min-height: 76px; grid-template-columns: minmax(0,1fr) auto auto; } .pm-logo { width: 106px; } .pm-nav { background: #191a20; border-bottom-color: #39323d; } .pm-nav > a, .pm-shop-trigger { font-size: 13px; } .pm-mega { background: #22232a; } .pm-hero__inner { grid-template-columns: 1fr; gap: 0; padding-block: 70px 20px; } .pm-hero__copy { max-width: 740px; } .pm-hero__art { min-height: 540px; } .pm-hero__micro { margin-top: 42px; } .pm-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) { .pm-staging-bar { font-size: 9px; line-height: 1.5; } .pm-header__inner { padding-inline: 14px; } .pm-logo { width: 92px; } .pm-hero__inner { padding: 64px 20px 18px; } .pm-hero h1 { font-size: clamp(66px,17vw,94px); } .pm-hero p { font-size: 17px; } .pm-hero__actions { gap: 10px; } .pm-hero .pm-button { width: 100%; } .pm-hero__art { min-height: 420px; } .pm-hero__sheet { width: 63%; } .pm-hero__sheet--front { padding: 17px; } .pm-hero__sheet-top, .pm-hero__sheet-bottom { font-size: 7px; } .pm-hero__bottom { padding: 0 20px 20px; font-size: 8px; } .pm-hero__bottom span:first-child { display: none; } .pm-section { padding: 78px 20px; } .pm-section h2 { font-size: clamp(51px,12vw,73px); } .pm-category-grid { grid-template-columns: 1fr; } .pm-category-card { min-height: 240px; } .pm-proof__inner { padding: 88px 20px; } .pm-proof h2 { font-size: clamp(57px,12vw,77px); } .pm-review-contact { padding: 70px 20px; } }
