:root {
  --pce-ink: #111b2a;
  --pce-ink-700: #233a53;
  --pce-blue: #2f78a5;
  --pce-sky: #e1f3fa;
  --pce-paper: #f7fafb;
  --pce-coral: #ff7c3e;
  --pce-coral-hover: #e96229;
  --pce-green: #168a64;
  --pce-slate: #526b79;
  --pce-line: #d5e5eb;
  --pce-ease: cubic-bezier(.16, 1, .3, 1);
  --pce-shadow-sm: 0 12px 32px rgba(17, 27, 42, .09);
  --pce-shadow-lg: 0 28px 80px rgba(17, 27, 42, .15);
}

@font-face {
  font-display: swap;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  src: url('../fonts/plus-jakarta-sans-latin.woff2') format('woff2');
}

html { scroll-behavior: smooth; }
body { background: #fff; color: var(--pce-ink); font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; font-synthesis: none; -webkit-font-smoothing: antialiased; }
body p { color: var(--pce-slate); line-height: 1.72; }
a { color: var(--pce-blue); transition: color .18s ease; }
a:hover { color: var(--pce-ink); text-decoration: none; }
img { height: auto; }
.container, .w-container { max-width: 1220px; }
.winter-is-coming { display: none !important; }

/* Header and navigation */
header { background-color: var(--pce-ink) !important; background-image: none !important; overflow: visible; position: relative; z-index: 40; }
header.pce-menu-open { z-index: 100; }
header .upper-nav { background: var(--pce-ink) !important; }
header > .upper-nav { border-bottom: 1px solid rgba(255,255,255,.1); isolation: isolate; padding: 9px 0; position: relative; z-index: 60; }
header > .upper-nav .row { align-items: center; flex-wrap: nowrap; }
header .upper-connect, header .upper-number, header .upper-nav a { color: rgba(255,255,255,.85); font-size: 12px !important; }
header .upper-connect { align-items: center; display: flex; flex: 1 1 auto; gap: 7px; max-width: none; min-width: 0; }
header .upper-connect img { filter: brightness(0) invert(1); opacity: .8; }
header .upper-number { align-items: center; display: flex; font-size: 14px !important; font-weight: 750; gap: 4px; }
header .upper-number a { color: #fff; text-decoration: none; }
header .upper-number a:hover { color: #82d5f7; text-decoration: underline; }
header .pce-upper-actions { align-items: center; display: flex; flex: 0 0 auto; justify-content: flex-end; margin-left: auto; max-width: none; padding-left: 14px; width: auto; }
header .pce-upper-actions #upper-desktop { align-items: center; display: flex; float: none; justify-content: flex-end; margin: 0; padding: 0; }
header .main-nav { background: rgba(255,255,255,.98); box-shadow: 0 8px 30px rgba(17,27,42,.07); overflow: visible; position: relative; z-index: 50; }
header .main-nav .row { align-items: center; min-height: 88px; }
header .logo-holder { flex: 0 0 300px; max-width: 300px; }
header .logo-holder .img-logo { display: block; height: auto !important; max-height: 70px; object-fit: contain; object-position: left center; width: auto; }
header .main-nav .main-menu nav ul { align-items: center; }
header .main-nav .main-menu nav ul li { margin-left: 7px; }
header .main-nav .main-menu nav ul li a { border-radius: 999px; color: var(--pce-ink) !important; font-size: 12px; font-weight: 700; padding: 11px 12px; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
header .main-nav .main-menu nav ul li a:hover, header .main-nav .main-menu nav ul li.current-menu-item > a { background: var(--pce-sky); color: var(--pce-blue) !important; transform: translateY(-1px); }
header .main-nav .main-menu nav ul li.mnu-btn a { background: var(--pce-coral) !important; color: #fff !important; padding-left: 18px; padding-right: 18px; }
header .main-nav .main-menu nav ul li.mnu-btn a:hover { background: var(--pce-coral-hover) !important; box-shadow: 0 8px 20px rgba(255,124,62,.28); }
.pce-nav-scrolled header .main-nav { box-shadow: 0 13px 40px rgba(17,27,42,.12); }
.pce-header-tools { align-items: center; border-left: 1px solid rgba(255,255,255,.14); display: inline-flex; flex: 0 0 auto; gap: 4px; margin-left: 14px; padding-left: 12px; }
.pce-header-tool { align-items: center; border-radius: 999px; color: rgba(255,255,255,.9) !important; display: inline-flex; font-size: 10px !important; font-weight: 700; gap: 6px; justify-content: center; min-height: 34px; padding: 6px 9px; transition: background-color .18s ease, color .18s ease; white-space: nowrap; }
.pce-header-tool:hover { background: rgba(255,255,255,.1); color: #fff !important; }
.pce-header-tool:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.pce-header-tool svg, .pce-mobile-tools svg { fill: none; flex: 0 0 auto; height: 17px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 17px; }
.pce-header-tool--basket [data-pce-basket-count] { align-items: center; background: var(--pce-coral); border-radius: 50%; color: #fff; display: inline-flex; font-size: 9px; height: 18px; justify-content: center; margin-left: 1px; min-width: 18px; padding: 0 4px; }
.pce-mobile-tools { display: none; }

@media (min-width: 769px) {
  /* Keep navigation available while reducing the contact bar to a compact header. */
  .pce-nav-scrolled header > .upper-nav { border-bottom-color: transparent; max-height: 0; opacity: 0; overflow: hidden; padding-bottom: 0; padding-top: 0; pointer-events: none; transition: max-height .22s ease, opacity .16s ease, padding .22s ease; }
  .pce-nav-scrolled header .main-nav .row { min-height: 64px; transition: min-height .22s ease; }
  .pce-nav-scrolled header .logo-holder .img-logo { max-height: 48px; transition: max-height .22s ease; }
  .pce-nav-scrolled header .main-nav .main-menu nav ul li a { font-size: 11px; padding-bottom: 9px; padding-top: 9px; }
  header.pce-main-nav-is-sticky { z-index: 90; }
  header.pce-main-nav-is-sticky > .main-nav { left: 0; position: fixed; right: 0; top: 0; z-index: 70; }
  .pce-main-nav-placeholder { display: none; }
  header.pce-main-nav-is-sticky > .pce-main-nav-placeholder { display: block; }
  header #menu-desktop > .menu-item-has-children > .dropdown-menu {
    background: #fff;
    border: 1px solid var(--pce-line);
    border-radius: 20px;
    box-shadow: var(--pce-shadow-lg);
    gap: 8px 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    left: var(--pce-mega-offset, calc(50% - min(510px, calc(50vw - 24px)))) !important;
    max-height: min(72vh, 620px);
    min-width: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 68px 20px 20px;
    pointer-events: none;
    position: absolute !important;
    top: 100% !important;
    transform: translate3d(0, 12px, 0) scale(.985) !important;
    transform-origin: 50% 0;
    transition: opacity .22s cubic-bezier(.16,1,.3,1), transform .36s cubic-bezier(.16,1,.3,1), visibility 0s linear .36s;
    visibility: hidden;
    width: min(1020px, calc(100vw - 48px));
    will-change: opacity, transform;
    z-index: 1000;
  }
  header #menu-desktop > .menu-item-has-children > .dropdown-menu::before {
    color: var(--pce-ink);
    content: 'Explore our card range';
    font-size: 18px;
    font-weight: 800;
    left: 24px;
    letter-spacing: -.025em;
    position: absolute;
    top: 17px;
  }
  header #menu-desktop > .menu-item-has-children > .dropdown-menu::after {
    color: var(--pce-slate);
    content: 'Business essentials, specialist finishes and practical card formats.';
    font-size: 10px;
    position: absolute;
    right: 22px;
    top: 24px;
  }
  header #menu-desktop > .menu-item-has-children:hover > .dropdown-menu,
  header #menu-desktop > .menu-item-has-children:focus-within > .dropdown-menu,
  header #menu-desktop > .menu-item-has-children > .dropdown-menu.show {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition-delay: 0s;
    visibility: visible;
  }
  header #menu-desktop .dropdown-menu li { margin: 0; }
  header #menu-desktop .dropdown-menu li a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 14px;
    display: grid;
    font-size: 12px;
    font-weight: 650;
    gap: 10px;
    grid-template-columns: 58px minmax(0, 1fr);
    line-height: 1.35;
    min-height: 68px;
    padding: 7px;
    white-space: normal;
  }
  header #menu-desktop .dropdown-menu li a:hover { border-color: #cfe1e8; }
  header #menu-desktop .dropdown-menu > li.pce-menu-featured { order: -1; }
  header #menu-desktop .dropdown-menu > li.pce-menu-featured a { background: var(--pce-ink); border-color: var(--pce-ink); box-shadow: 0 10px 22px rgba(17,27,42,.16); color: #fff !important; min-height: 82px; position: relative; }
  header #menu-desktop .dropdown-menu > li.pce-menu-featured a::after { color: #82d5f7; content: 'Popular card type'; font-size: 9px; font-weight: 800; grid-column: 2; letter-spacing: .1em; margin-top: -14px; text-transform: uppercase; }
  header #menu-desktop .dropdown-menu > li.pce-menu-featured a:hover { background: var(--pce-blue); border-color: var(--pce-blue); color: #fff !important; transform: translateY(-2px); }
  header #menu-desktop .dropdown-menu > li.pce-menu-featured .pce-menu-thumb { background: rgba(255,255,255,.12); }
  header #menu-desktop .dropdown-menu > li.pce-menu-view-all { grid-column: 1 / -1; order: 20; }
  header #menu-desktop .dropdown-menu > li.pce-menu-view-all a { align-items: center; background: var(--pce-sky); border-color: #c6e0ea; color: var(--pce-blue) !important; display: flex; font-size: 13px; font-weight: 800; justify-content: center; min-height: 52px; padding: 12px 18px; }
  header #menu-desktop .dropdown-menu > li.pce-menu-view-all a::after { content: '→'; font-size: 18px; line-height: 1; margin-left: 9px; }
  header #menu-desktop .dropdown-menu > li.pce-menu-view-all a:hover { background: var(--pce-blue); border-color: var(--pce-blue); color: #fff !important; }
  header #menu-desktop .dropdown-menu > li.pce-menu-view-all .pce-menu-thumb { display: none; }
  header #menu-desktop .pce-menu-thumb { background: var(--pce-sky); border-radius: 10px; display: block; height: 48px; overflow: hidden; width: 58px; }
  header #menu-desktop .pce-menu-thumb img { height: 100%; object-fit: cover; transition: transform .25s ease; width: 100%; }
  header #menu-desktop .dropdown-menu li a:hover .pce-menu-thumb img { transform: scale(1.06); }
  header #menu-desktop .pce-menu-label { min-width: 0; }
  header #menu-desktop .dropdown-menu > li { will-change: opacity, transform; }
}

/* Hero and page headings */
.home header .eco-section, header .eco-section { isolation: isolate; overflow: hidden; }
.home header .eco-section::after, header .eco-section::after { background: rgba(17,27,42,.6) !important; content: ''; inset: 0; position: absolute; z-index: -1; }
.home header .hero-message { max-width: 670px; padding: 92px 0 146px; position: relative; z-index: 3; }
.home header .hero-message h1, header .hero-message h1 { color: #fff !important; font-size: clamp(42px, 5.2vw, 72px); font-weight: 800; letter-spacing: -.05em; line-height: 1.01; margin-bottom: 20px; }
.home header .hero-message h2, .home header .hero-message h3, header .hero-message h2, header .hero-message h3 { color: rgba(255,255,255,.9) !important; font-size: clamp(17px, 2vw, 24px); font-weight: 500; line-height: 1.45; }
header .hero-message .intro { color: rgba(255,255,255,.82); line-height: 1.7; }
header .hero-message .btn { margin-top: 12px; }
.pce-material-badge { align-items: center; color: rgba(255,255,255,.92) !important; display: inline-flex; font-size: 13px; font-weight: 700; gap: 8px; margin: 18px 0 0; }
.pce-material-badge span { align-items: center; background: rgba(130,213,247,.14); border: 1px solid rgba(130,213,247,.55); border-radius: 50%; color: #c8efff; display: inline-flex; font-size: 10px; height: 19px; justify-content: center; width: 19px; }
.pce-card-range__material-note { border-left: 3px solid var(--pce-blue); color: var(--pce-ink) !important; font-weight: 650; margin: 20px 0 0; max-width: 530px; padding-left: 14px; }
.pce-home-hero { background: var(--pce-ink) var(--pce-home-hero-image, url('../img/pce-hero-cards-selected.png')) right 10% / cover no-repeat; isolation: isolate; min-height: 560px; overflow: hidden; position: relative; }
.pce-home-hero::before { background: linear-gradient(90deg, rgba(17,27,42,.96) 0%, rgba(17,27,42,.88) 43%, rgba(17,27,42,.48) 68%, rgba(17,27,42,.04) 100%); content: ''; inset: 0; position: absolute; z-index: -1; }
.pce-home-hero__inner { align-items: center; display: flex; min-height: 560px; position: relative; z-index: 2; }
/* Disable the old tablet-only overlay which started part way down the hero. */
.pce-home-hero__inner::after { content: none !important; }
.pce-seasonal-snow { inset: 0; overflow: hidden; pointer-events: none; position: absolute; z-index: 1; }
.pce-seasonal-snow span { animation: pce-seasonal-snowfall 19s linear infinite; background-image: radial-gradient(circle, rgba(255,255,255,.95) 0 1.4px, transparent 1.8px), radial-gradient(circle, rgba(255,255,255,.72) 0 1px, transparent 1.4px); background-position: 0 0, 68px 95px; background-size: 142px 142px, 197px 197px; inset: -145% -20% 0; position: absolute; transform: translate3d(-3%, -100%, 0); }
.pce-seasonal-snow span:nth-child(2) { animation-delay: -7s; animation-duration: 27s; background-size: 215px 215px, 287px 287px; opacity: .7; transform: translate3d(4%, -100%, 0); }
.pce-seasonal-snow span:nth-child(3) { animation-delay: -13s; animation-duration: 36s; background-size: 310px 310px, 385px 385px; opacity: .5; transform: translate3d(-5%, -100%, 0); }
@keyframes pce-seasonal-snowfall { to { transform: translate3d(5%, 100%, 0); } }
@media (prefers-reduced-motion: reduce) { .pce-seasonal-snow span { animation: none; transform: none; } }
.home header .pce-home-hero__content { max-width: 720px; padding: 64px 0 112px; }
.pce-home-hero__eyebrow { align-items: center; color: #82d5f7; display: flex; font-size: 12px; font-weight: 800; gap: 10px; letter-spacing: .16em; margin-bottom: 20px; text-transform: uppercase; }
.pce-home-hero__eyebrow::before { background: var(--pce-coral); border-radius: 99px; content: ''; height: 7px; width: 7px; }
.home header .pce-home-hero__content h1 { font-size: clamp(45px, 5.1vw, 70px); margin-bottom: 22px; max-width: 690px; }
.pce-home-hero__intro { color: rgba(255,255,255,.84); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.65; margin: 0; max-width: 625px; }
.pce-home-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.home header .pce-home-hero__actions .btn { align-items: center; display: inline-flex; justify-content: center; margin: 0; min-height: 49px; padding: 13px 24px; }
.pce-home-hero__secondary { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.5); color: #fff; }
.pce-home-hero__secondary:hover { background: #fff; border-color: #fff; color: var(--pce-ink); }
.pce-home-hero__proof { display: flex; flex-wrap: wrap; gap: 13px 22px; list-style: none; margin: 30px 0 0; padding: 0; }
.pce-home-hero__proof li { align-items: center; color: rgba(255,255,255,.88); display: flex; font-size: 12px; font-weight: 650; gap: 8px; }
.pce-home-hero__proof li::before { align-items: center; background: rgba(130,213,247,.14); border: 1px solid rgba(130,213,247,.55); border-radius: 50%; color: #c8efff; content: '\2713'; display: inline-flex; font-size: 9px; height: 19px; justify-content: center; width: 19px; }
.home header::after { background: none !important; content: none !important; }
.pce-shape-divider { bottom: -1px; color: #fff; height: clamp(48px, 5.8vw, 84px); left: 0; pointer-events: none; position: absolute; right: 0; width: 100%; z-index: 6; }
.pce-shape-divider svg { display: block; height: 100%; overflow: visible; width: 100%; }
.pce-shape-divider path { fill: currentColor; }
.pce-shape-divider--light { color: #fff; }
#heading-area { background-color: var(--pce-ink) !important; background-image: none; margin-bottom: 50px; padding-bottom: 62px; }
#heading-area #breadcrumbs { color: rgba(255,255,255,.65); padding-bottom: 34px; }
#heading-area #breadcrumbs a { color: rgba(255,255,255,.82); }
#heading-area h1 { color: #fff !important; font-size: clamp(38px, 5vw, 66px); font-weight: 800; letter-spacing: -.045em; line-height: 1.03; max-width: 900px; }
.pce-ordering-page #heading-area.no-bg { background: var(--pce-sky) !important; margin-bottom: 0; padding-bottom: 58px; }
.pce-ordering-page #heading-area h1 { color: var(--pce-ink) !important; }
.pce-ordering-page #heading-area #breadcrumbs, .pce-ordering-page #heading-area #breadcrumbs a { color: var(--pce-slate); }
.pce-ordering-page #heading-area #breadcrumbs img { filter: none; }
.pce-page-kicker { color: var(--pce-blue) !important; }
.pce-page-intro { color: var(--pce-ink-700) !important; }

/* Type, buttons and form controls */
h1, h2, h3, h4, h5 { color: var(--pce-ink); letter-spacing: -.025em; }
.txt-coral { color: var(--pce-coral) !important; }
.btn, button.btn, input[type=submit] { border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .01em; padding: 12px 22px; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease; }
.btn:hover, button.btn:hover, input[type=submit]:hover { background: var(--pce-ink); border-color: var(--pce-ink); box-shadow: 0 10px 25px rgba(17,27,42,.18); color: #fff; transform: translateY(-2px); }
.btn.btn-coral, .btn.coral, .card .btn { background: var(--pce-coral) !important; border: 1px solid var(--pce-coral) !important; color: #fff !important; }
.btn.btn-coral:hover, .btn.coral:hover, .card .btn:hover { background: var(--pce-coral-hover) !important; border-color: var(--pce-coral-hover) !important; }
.btn.btn-outline { background: transparent; border: 1px solid currentColor; }
.btn.btn-outline:hover,
.btn.btn-outline:focus-visible {
  background: var(--pce-ink);
  border-color: var(--pce-ink);
  color: #fff;
}
.form-control, input[type=text], input[type=email], input[type=tel], input[type=number], select, textarea { border: 1px solid var(--pce-line); border-radius: 11px; color: var(--pce-ink); min-height: 48px; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--pce-blue); box-shadow: 0 0 0 4px rgba(47,120,165,.12); outline: none; }

/* Shared content surfaces */
.wrapper { color: var(--pce-slate); }
.page-template-default .left-column h2, .page-template .left-column h2, .post-template-default .left-column h2 { color: var(--pce-ink) !important; font-size: clamp(31px, 4vw, 50px) !important; letter-spacing: -.04em; line-height: 1.13; margin-bottom: 34px !important; }
.left-column h2::after { border-color: var(--pce-coral); bottom: -18px; width: 64px; }
.page-template-default .right-column, .page-template .right-column, .post-template-default .right-column { margin-top: -150px; }
.img-side, .img-round, .corner-round { border-radius: 22px; box-shadow: var(--pce-shadow-lg); transition: box-shadow .4s cubic-bezier(.16,1,.3,1), transform .5s cubic-bezier(.16,1,.3,1); }
.img-side:hover, .img-round:hover, .corner-round:hover { box-shadow: 0 30px 78px rgba(17,27,42,.18); transform: translateY(-4px) scale(1.006); }
.why__grid h3 { font-size: clamp(30px, 3vw, 43px); letter-spacing: -.04em; }
.why__grid h4 { color: var(--pce-ink); font-size: 17px; }
.why__grid p { color: var(--pce-slate); font-size: 13px; line-height: 1.7; }
.pce-section-space { margin: 110px 0; }

/* Product and editorial cards */
.card { background: #fff; border: 1px solid var(--pce-line); border-radius: 22px; box-shadow: var(--pce-shadow-sm); overflow: hidden; padding-bottom: 36px; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
.card:hover { border-color: #bad2de; box-shadow: var(--pce-shadow-lg); transform: translateY(-6px); }
.card .card-img-top { aspect-ratio: 1.5 / 1; border-radius: 0; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.card:hover .card-img-top { transform: scale(1.025); }
.card .card-body { padding: 23px; }
.card .card-title { font-size: 19px; line-height: 1.25; }
.card .card-title a { color: var(--pce-ink); }
.card .card-body p { font-size: 13px; }
.card .btn { bottom: 18px; left: 22px; right: auto; }
#home-cards { margin-top: -76px; padding-bottom: 38px; position: relative; z-index: 45; }
#home-cards .row, #home-cards .card-carousel, #home-cards .card-cta { align-items: stretch; }
#home-cards .card-carousel, #home-cards .card-cta { display: flex; }
#home-cards .home-cards, #home-cards .owl-stage-outer { width: 100%; }
#home-cards .owl-stage-outer { margin: -28px 0 -42px; padding: 28px 0 42px; }
#home-cards .owl-stage { display: flex; }
#home-cards .owl-item { display: flex; float: none; height: auto; }
#home-cards .owl-item > .card, #home-cards .card-cta > .card { height: 100%; min-height: 440px !important; width: 100%; }
#home-cards .card-body { display: flex; flex: 1; flex-direction: column; }
#home-cards .card-body > p:last-child, #home-cards .card-body > .btn:last-child { margin-top: auto; }
#home-cards .card-cta .card { background: var(--pce-ink); }
#home-cards .card-cta .card-title a, #home-cards .card-cta .card-body p { color: #fff; }

/* Product detail */
#card_features { padding: 80px 0; }
#card_features .features-content h2, #card__pricing h3, #why-pce .why-pce__title h3 { color: var(--pce-ink); font-size: clamp(29px, 3vw, 43px); letter-spacing: -.04em; }
#card_features .features-content .card__feature { border-top: 1px solid var(--pce-line); padding-bottom: 18px; padding-top: 18px; }
#card_features .features-content .card__feature { transition: border-color .25s ease, transform .4s cubic-bezier(.16,1,.3,1); }
#card_features .features-content .card__feature:hover { border-color: #bad2de; transform: translateX(5px); }
#card_features .features-content .card__feature h4 { color: var(--pce-blue); }
#card__pricing { background: var(--pce-paper); padding: 80px 0; }
#card__pricing .table { border-radius: 14px; box-shadow: var(--pce-shadow-sm); overflow: hidden; }
#card__pricing .table td, #card__pricing .table th { border-color: var(--pce-line); padding: 14px; }
#card__pricing .row .col.cta .cta-spot { background: var(--pce-sky); border-radius: 18px; }
#why-pce { background-color: #fff; background-image: none !important; padding: 110px 0 120px; }

/* Homepage sections */
#why-choose-us .row { align-items: center; }
#how-it-works { background: var(--pce-paper); border: 0; padding: 100px 0; }
#how-it-works h2 { font-size: clamp(34px, 4vw, 52px); letter-spacing: -.045em; }
#how-it-works h3 { color: var(--pce-blue) !important; }
.pce-process-step { isolation: isolate; min-height: 150px; position: relative; }
.pce-process-step__number { color: var(--pce-coral); font-size: 8rem; font-weight: 800; left: -30px; line-height: 1; opacity: .1; pointer-events: none; position: absolute; top: -50px; z-index: 0; }
.pce-process-step__title, .pce-process-step__copy { position: relative; z-index: 1; }
#clients { border-color: var(--pce-line); padding: 76px 0; }
#home-cards .owl-nav, #home-cards .owl-dots, #clients .owl-nav, #clients .owl-dots, .home-gallery .owl-nav, .home-gallery .owl-dots { display: none !important; }

/* Product FAQs */
.pce-product-reviews { margin: 0 !important; padding: clamp(56px, 5vw, 76px) 0 32px; }
.pce-faq-section { background: #fff; padding: clamp(44px, 4.5vw, 64px) 0 clamp(34px, 4vw, 60px); }
.pce-faq-section .wrapper { padding-right: 0 !important; }
.pce-faq-intro { margin: 0 auto 34px; max-width: 760px; text-align: center; }
.pce-faq-eyebrow { color: var(--pce-blue); display: block; font-size: 11px; font-weight: 800; letter-spacing: .16em; margin-bottom: 10px; text-transform: uppercase; }
.pce-faq-intro h2 { color: var(--pce-ink) !important; font-size: clamp(34px, 4vw, 50px) !important; font-weight: 800; letter-spacing: -.045em; line-height: 1.08; margin: 0 !important; }
.pce-faq { margin: 0 auto; max-width: 1060px; }
.pce-faq .pce-faq-item { background: #fff; border: 1px solid var(--pce-line) !important; border-radius: 18px !important; box-shadow: 0 10px 30px rgba(24, 55, 76, .055); margin: 0 0 14px; overflow: hidden; padding: 0; transition: border-color .32s var(--pce-ease), box-shadow .32s var(--pce-ease), transform .32s var(--pce-ease); }
.pce-faq .pce-faq-item:hover { border-color: rgba(47, 120, 165, .34); box-shadow: 0 14px 34px rgba(17, 27, 42, .085); transform: translateY(-1px); }
.pce-faq .pce-faq-item:has(.pce-faq-trigger[aria-expanded="true"]) { border-color: rgba(255, 124, 62, .52); box-shadow: 0 16px 38px rgba(17, 27, 42, .09); }
.pce-faq .card-header { background: transparent; border: 0; padding: 0; }
.pce-faq .card-header h3 { font-size: inherit !important; margin: 0 !important; padding: 0 !important; }
.pce-faq-trigger { align-items: center; appearance: none; background: transparent; border: 0; color: var(--pce-ink); display: flex; font: inherit; font-size: clamp(16px, 1.7vw, 20px); font-weight: 700; gap: 20px; justify-content: space-between; line-height: 1.35; padding: 22px 24px; text-align: left; width: 100%; }
.pce-faq-trigger:hover { color: var(--pce-blue); }
.pce-faq-trigger:focus { outline: none; }
.pce-faq-trigger:focus-visible { border-radius: 16px; box-shadow: inset 0 0 0 3px rgba(47, 120, 165, .28); outline: none; }
.pce-faq-icon { background: var(--pce-paper); border: 1px solid var(--pce-line); border-radius: 50%; flex: 0 0 38px; height: 38px; position: relative; transition: background-color .35s var(--pce-ease), border-color .35s var(--pce-ease), transform .48s var(--pce-ease); width: 38px; }
.pce-faq-icon::before, .pce-faq-icon::after { background: var(--pce-blue); border-radius: 2px; content: ""; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity .25s ease, transform .42s var(--pce-ease); }
.pce-faq-icon::before { height: 2px; width: 14px; }
.pce-faq-icon::after { height: 14px; width: 2px; }
.pce-faq-trigger[aria-expanded="true"] { color: var(--pce-ink); }
.pce-faq-trigger[aria-expanded="true"] .pce-faq-icon { background: var(--pce-coral); border-color: var(--pce-coral); transform: rotate(180deg); }
.pce-faq-trigger[aria-expanded="true"] .pce-faq-icon::before, .pce-faq-trigger[aria-expanded="true"] .pce-faq-icon::after { background: #fff; }
.pce-faq-trigger[aria-expanded="true"] .pce-faq-icon::after { opacity: 0; transform: translate(-50%, -50%) rotate(90deg); }
.pce-faq .card-body { color: var(--pce-slate); font-size: 15px; line-height: 1.75; opacity: 0; padding: 0 76px 24px 24px; transform: translateY(-6px); transition: opacity .32s ease, transform .42s var(--pce-ease); }
.pce-faq .collapse.show .card-body, .pce-faq .collapsing .card-body { opacity: 1; transform: none; }
.pce-faq .card-body::before { background: var(--pce-line); content: ""; display: block; height: 1px; margin-bottom: 20px; width: 100%; }
.pce-faq .card-body > :last-child { margin-bottom: 0; }

/* CTA and footer */
.cta-row { --pce-cta-previous-bg: #fff; background: var(--pce-coral) !important; margin-top: clamp(48px, 5.8vw, 84px); padding: 48px 0 50px; position: relative; }
.cta-row::before { background: var(--pce-cta-previous-bg) !important; content: "" !important; height: clamp(48px, 5.8vw, 84px); left: 0; pointer-events: none; position: absolute; right: 0; top: calc(clamp(48px, 5.8vw, 84px) * -1); z-index: 0; }
.cta-row .pce-shape-divider { bottom: auto; color: var(--pce-coral); top: calc(clamp(48px, 5.8vw, 84px) * -1 + 1px); z-index: 1; }
.cta-row > .container { position: relative; z-index: 2; }
.cta-row .row { align-items: center; }
.cta-row .cta-line { color: #fff; font-size: clamp(20px, 2.5vw, 31px); letter-spacing: -.03em; line-height: 1.25; }
.cta-row .cta-btn .btn { background: #fff; color: var(--pce-ink); }
.cta-row .cta-btn { text-align: right; }
.cta-row + footer { margin-top: -1px; }
footer, footer .lower-footer { background: var(--pce-ink) !important; }
footer { color: rgba(255,255,255,.75); padding-top: 70px; }
footer > .container > .row { gap: 4px; }
footer > .container > .row > .col { padding-left: 18px; padding-right: 18px; }
footer #footer-logo { height: auto; margin-bottom: 22px; max-width: 205px; }
footer h4, footer h5, footer .phone-number { color: #fff; }
footer a.phone-number { display: inline-block; font-size: 17px; font-weight: 750; margin-bottom: 3px; }
footer h4 { font-size: 14px; letter-spacing: .02em; }
footer p, footer li, footer a { color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.75; }
footer a:hover { color: #fff; }
footer .number-area { border-color: rgba(255,255,255,.14); }
footer .lower-footer { border-color: rgba(255,255,255,.14); margin-top: 45px; padding: 24px 0; }
footer .lower-footer a, footer .lower-footer .copyright { color: rgba(255,255,255,.65); font-size: 11px; }

/* Motion is progressive enhancement only; Anime.js applies transient values. */
.pce-motion-item { will-change: opacity, transform; }
.pce-motion-item.pce-motion-complete { will-change: auto; }

@media (max-width: 1000px) {
  header .logo-holder { flex-basis: 200px; max-width: 200px; }
  header .main-nav .main-menu nav ul li a { font-size: 11px; padding: 10px 8px; }
  .page-template-default .right-column, .page-template .right-column, .post-template-default .right-column { margin-top: -90px; }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .pce-header-tools { margin-left: 8px; padding-left: 7px; }
  .pce-header-tool { padding-left: 7px; padding-right: 7px; }
  .pce-header-tool__label { display: none; }
  /* Keep the hero treatment continuous through tablet widths. */
  .pce-home-hero { background-position: right 10%; }
  .pce-home-hero::before { background: linear-gradient(90deg, rgba(17,27,42,.96) 0%, rgba(17,27,42,.88) 52%, rgba(17,27,42,.61) 76%, rgba(17,27,42,.20) 100%); }
}

@media (max-width: 768px) {
  html { scroll-behavior: auto; }
  header .upper-connect { justify-content: space-between; }
  header .upper-number { font-size: 10px !important; margin-left: auto; }
  header .pce-upper-actions { display: none; }
  .pce-header-tools { display: none; }
  header .main-nav .row { min-height: 72px; }
  header .logo-holder { flex: 0 0 200px; max-width: 200px; }
  header .logo-holder .img-logo { max-height: 48px; }
  #btn-mobile-menu { background: var(--pce-coral); color: #fff; display: block; }
  #mobile-menu.show ul li { background: var(--pce-ink); border-color: rgba(255,255,255,.1); }
  #mobile-menu.show ul li a { padding: 13px 18px; }
  #mobile-menu.show ul li a:hover { background: var(--pce-blue); }
  #mobile-menu .pce-menu-thumb { display: none; }
  #mobile-menu.show .pce-mobile-tools { background: var(--pce-ink); display: grid; grid-template-columns: 1fr 1fr; padding: 12px; }
  #mobile-menu.show .pce-mobile-tools a { align-items: center; background: rgba(255,255,255,.08); border-radius: 10px; color: #fff; display: flex; font-size: 12px; font-weight: 700; gap: 7px; justify-content: center; margin: 4px; padding: 13px; text-align: center; }
  #mobile-menu.show .pce-mobile-tools [data-pce-basket-count] { align-items: center; background: var(--pce-coral); border-radius: 50%; display: inline-flex; font-size: 9px; height: 18px; justify-content: center; min-width: 18px; }
  .home header .hero-message { padding: 48px 18px 72px !important; }
  .home header .hero-message h1 { font-size: 39px !important; line-height: 1.04 !important; text-align: left !important; }
  .home header .hero-message h2, .home header .hero-message h3 { font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
  .home header .hero-message a { display: inline-flex; margin: 8px 8px 8px 0 !important; }
  .pce-home-hero { background-position: right 10%; min-height: 560px; }
  .pce-home-hero::before { background: linear-gradient(90deg, rgba(17,27,42,.96) 0%, rgba(17,27,42,.88) 52%, rgba(17,27,42,.61) 76%, rgba(17,27,42,.20) 100%); }
  .pce-home-hero__inner { min-height: 560px; }
  .home header .pce-home-hero__content { padding: 48px 18px 72px !important; }
  .home header .pce-home-hero__content h1 { font-size: clamp(38px, 10vw, 48px) !important; }
  .pce-home-hero__eyebrow { font-size: 10px; letter-spacing: .13em; }
  .pce-home-hero__intro { font-size: 16px; line-height: 1.55; }
  .pce-home-hero__actions { align-items: stretch; flex-direction: column; margin-top: 24px; }
  .home header .pce-home-hero__actions .btn { margin: 0 !important; width: 100%; }
  .pce-home-hero__proof { gap: 10px; margin-top: 22px; }
  .pce-home-hero__proof li { flex: 1 1 calc(50% - 10px); }
  #heading-area { margin-bottom: 32px; padding: 28px 0 35px; }
  #heading-area h1 { font-size: 36px; line-height: 1.08; }
  .pce-ordering-page #heading-area.no-bg { padding-bottom: 40px; }
  .page-template-default .right-column, .page-template .right-column, .post-template-default .right-column { margin-top: 0; }
  .page-template-default .left-column .wrapper, .page-template .left-column .wrapper { padding-right: 0; }
  .pce-section-space { margin: 62px 0; }
  #home-cards { margin-top: 28px; }
  #home-cards .card-cta, #home-cards .card-carousel { flex: 0 0 100%; max-width: 100%; }
  #how-it-works { padding: 68px 0; }
  .pce-faq-section { padding: 60px 0 34px; }
  .pce-faq-intro { margin-bottom: 26px; text-align: left; }
  .pce-faq-intro h2 { font-size: 34px !important; }
  .pce-faq .pce-faq-item { border-radius: 15px; margin-bottom: 10px; }
  .pce-faq-trigger { font-size: 16px; gap: 14px; padding: 18px; }
  .pce-faq-icon { flex-basis: 34px; height: 34px; width: 34px; }
  .pce-faq .card-body { font-size: 14px; padding: 0 18px 20px; }
  .cta-row { padding: 38px 0; }
  .cta-row .col-3, .cta-row .col-9 { flex: 0 0 100%; max-width: 100%; }
  .cta-row .cta-line, .cta-row .cta-btn { text-align: center; }
  .cta-row .cta-btn { margin-top: 18px; }
  footer { padding-top: 48px; }
  footer > .container > .row { display: block; }
  footer > .container > .row > .col { max-width: 100%; }
  footer h4 { border-top: 1px solid rgba(255,255,255,.12); margin: 0; padding: 16px 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .pce-motion-item { opacity: 1 !important; transform: none !important; will-change: auto; }
}
/* Product artwork guidance */
.pce-artwork-help { background: #fff; color: var(--pce-ink); font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif; padding: clamp(72px, 8vw, 112px) max(22px, calc((100vw - 1190px) / 2)); scroll-margin-top: 130px; }
.pce-artwork-help *, .pce-artwork-help *::before, .pce-artwork-help *::after { box-sizing: border-box; }
.pce-artwork-help__inner { margin: 0 auto; max-width: 1190px; }
.pce-artwork-help__intro { max-width: 790px; }
.pce-artwork-help__intro h2 { color: var(--pce-ink); font-size: clamp(34px, 4vw, 54px); font-weight: 800; letter-spacing: -.045em; line-height: 1.06; margin: 12px 0 18px; }
.pce-artwork-help__intro > p:last-child { color: var(--pce-slate); font-size: 16px; line-height: 1.75; }
.pce-artwork-help__layout { align-items: stretch; display: grid; gap: 30px; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); margin-top: 42px; }
.pce-artwork-diagram, .pce-artwork-help__specs { border: 1px solid #d7e2e7; border-radius: 26px; }
.pce-artwork-diagram { background: #f7fafb; padding: clamp(22px, 3vw, 38px); }
.pce-artwork-diagram--key-format { align-items: center; aspect-ratio: var(--pce-artwork-ratio, 1.586) / 1; display: flex; justify-content: center; margin: auto; max-width: 100%; }
.pce-artwork-diagram--key-format > div { align-items: center; background: #fff; border: 3px solid var(--pce-blue); border-radius: 18px; display: flex; flex-direction: column; gap: 8px; height: 100%; justify-content: center; padding: 18px; text-align: center; width: 100%; }
.pce-artwork-diagram--key-format span, .pce-artwork-diagram--key-format small { color: var(--pce-slate); font-size: 12px; line-height: 1.45; }
.pce-artwork-diagram--key-format strong { color: var(--pce-ink); font-size: clamp(20px, 3vw, 34px); letter-spacing: -.035em; }
.pce-artwork-diagram svg { display: block; height: auto; width: 100%; }
.pce-artwork-diagram svg rect { fill: #fff; stroke-width: 7; vector-effect: non-scaling-stroke; }
.pce-artwork-diagram__bleed { stroke: var(--pce-coral); }
.pce-artwork-diagram__trim { stroke: #2f78a5; }
.pce-artwork-diagram__safe { stroke: var(--pce-ink); stroke-dasharray: 16 12; }
.pce-artwork-diagram svg text { fill: var(--pce-ink); font: 800 34px 'Plus Jakarta Sans', sans-serif; letter-spacing: .04em; }
.pce-artwork-diagram svg text.pce-artwork-diagram__sub { fill: var(--pce-slate); font-size: 24px; font-weight: 500; letter-spacing: 0; }
.pce-artwork-diagram__legend { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); margin-top: 22px; }
.pce-artwork-diagram__legend span { color: var(--pce-slate); font-size: 11px; line-height: 1.45; }
.pce-artwork-diagram__legend b { color: var(--pce-ink); display: block; font-size: 12px; }
.pce-artwork-diagram__legend i { border-radius: 50%; display: block; height: 9px; margin-bottom: 7px; width: 9px; }
.pce-artwork-diagram__legend .is-bleed { background: var(--pce-coral); }
.pce-artwork-diagram__legend .is-trim { background: #2f78a5; }
.pce-artwork-diagram__legend .is-safe { background: var(--pce-ink); }
.pce-artwork-help__specs { background: var(--pce-ink); color: #fff; padding: clamp(25px, 3vw, 38px); }
.pce-artwork-help__specs h3 { color: #fff; font-size: 24px; margin: 0 0 22px; }
.pce-artwork-help__specs ul { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.pce-artwork-help__specs li { border-top: 1px solid rgba(255,255,255,.15); display: grid; gap: 7px; grid-template-columns: 92px 1fr; padding: 13px 0; }
.pce-artwork-help__specs li:first-child { border-top: 0; padding-top: 0; }
.pce-artwork-help__specs strong { color: #fff; font-size: 12px; }
.pce-artwork-help__specs li span, .pce-artwork-help__note { color: #dbe8ee; font-size: 11px; line-height: 1.6; }
.pce-artwork-help__note { background: rgba(255,255,255,.08); border-radius: 14px; margin: 17px 0 0; padding: 15px; }
.pce-artwork-downloads { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 22px; }
.pce-artwork-downloads a { background: #fff; border: 1px solid var(--pce-line); border-radius: 18px; color: var(--pce-ink); display: grid; gap: 2px 13px; grid-template-columns: 47px 1fr; padding: 19px; text-decoration: none; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.pce-artwork-downloads a:hover, .pce-artwork-downloads a:focus-visible { border-color: #9acfe3; box-shadow: 0 14px 34px rgba(17,27,42,.1); transform: translateY(-3px); }
.pce-artwork-downloads a > span { align-items: center; background: var(--pce-sky); border-radius: 12px; color: var(--pce-blue); display: flex; font-size: 9px; font-weight: 800; grid-row: 1 / span 2; height: 47px; justify-content: center; letter-spacing: .05em; width: 47px; }
.pce-artwork-downloads strong { align-self: end; font-size: 13px; }
.pce-artwork-downloads small { color: var(--pce-slate); font-size: 10px; line-height: 1.45; }
.pce-artwork-help__product-note { background: #fff8ed; border: 1px solid #f1d6ad; border-radius: 15px; color: #68491c; font-size: 11px; line-height: 1.65; margin-top: 20px; padding: 15px 18px; }
.pce-artwork-help__product-note a { color: #68491c; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 850px) {
  .pce-artwork-help__layout { grid-template-columns: 1fr; }
  .pce-artwork-downloads { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .pce-artwork-help { padding-left: 18px; padding-right: 18px; }
  .pce-artwork-diagram__legend { grid-template-columns: 1fr; }
  .pce-artwork-diagram__legend span { display: grid; gap: 6px; grid-template-columns: 10px 76px 1fr; }
  .pce-artwork-diagram__legend i { margin: 4px 0 0; }
  .pce-artwork-diagram__legend b { display: inline; }
}
