/* /ppc/ — "Color Story". Pittsburgh Paints Co. as a paint-brand editorial: gallery-white walls, ink type,
   confident colour moments pulled from the Pittsburgh Paints logo (navy, teal, cyan, gold, orange) plus a
   tasteful mahogany for the Color of the Year field (not an official colour value).
   Crawlability (CLAUDE.md §1): no text is ever hidden or faded. Motion moves decorative layers, or moves
   copy with transform only. Everything is scoped to .sgs-pz-encase / .sgs-pz. */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;
  src:url(/assets/designs/ppc/fonts/fraunces-opsz-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;
  src:url(/assets/designs/ppc/fonts/fraunces-opsz-italic.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.sgs-pz-encase{width:100vw!important;margin:0!important;padding:0!important;justify-self:center!important;max-width:100%}

/* ---------------------------------------------------------------- tokens + base */
.sgd--ppc .sgs-pz{
  --pz-wall:#F5F1EA;--pz-white:#FFFFFF;--pz-paper:#FBF9F5;
  --pz-ink:#14151A;--pz-ink-2:#2E2F36;--pz-mute:#5A5852;--pz-line:rgba(20,21,26,.14);
  --pz-navy:#1B2A52;--pz-teal:#008CA8;--pz-teal-ink:#00687D;--pz-cyan:#2CC0D4;--pz-gold:#ECA81C;
  --pz-orange:#E06424;--pz-orange-ink:#B3461A;
  --pz-mahog:#74402F;--pz-mahog-deep:#3A1B13;--pz-mahog-lite:#A2614A;--pz-cream:#FBF3EC;
  --pz-serif:'Fraunces',Georgia,'Times New Roman',serif;--pz-sans:'Manrope','Poppins',system-ui,sans-serif;
  --pz-mono:'Spline Sans Mono','Space Mono',ui-monospace,monospace;
  --pz-gut:clamp(16px,4.4vw,64px);--pz-ease:cubic-bezier(.16,1,.3,1);
  position:relative;background:var(--pz-wall);color:var(--pz-ink);font-family:var(--pz-sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sgd--ppc .sgs-pz *,.sgd--ppc .sgs-pz *::before,.sgd--ppc .sgs-pz *::after{box-sizing:border-box}
.sgd--ppc .sgs-pz img{display:block;max-width:100%;height:auto}
.sgd--ppc .sgs-pz p{margin:0 0 1em;padding:0}
.sgd--ppc .sgs-pz h1,.sgd--ppc .sgs-pz h2,.sgd--ppc .sgs-pz h3{margin:0;padding:0;text-transform:none;color:inherit}
.sgd--ppc .sgs-pz a{color:inherit}
.sgd--ppc .sgs-pz a:focus-visible,.sgd--ppc .sgs-pz button:focus-visible{outline:3px solid var(--pz-teal);outline-offset:3px}
.sgd--ppc .sgs-pz-wrap{width:min(1240px,100% - 2*var(--pz-gut));margin-inline:auto}
.sgd--ppc .sgs-pz-ico{width:1em;height:1em;flex:none;transition:transform .3s var(--pz-ease)}

/* kicker: a mono label with a chip numeral */
.sgd--ppc .sgs-pz-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px!important;font-family:var(--pz-mono);font-size:12px;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:var(--pz-mute)}
.sgd--ppc .sgs-pz-kicker[data-n]::before{content:attr(data-n);display:inline-grid;place-items:center;min-width:34px;height:22px;padding:0 6px;border:1px solid currentColor;font-size:11px;letter-spacing:.06em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-kicker--light{color:#E9D5C9}
.sgd--ppc .sgs-pz-kicker--light[data-n]::before{color:#fff}
.sgd--ppc .sgs-pz-h2{font-family:var(--pz-serif);font-weight:400;font-size:clamp(42px,5.6vw,88px);line-height:.98;letter-spacing:-.028em;color:var(--pz-ink);text-wrap:balance}
.sgd--ppc .sgs-pz-h2--light{color:#fff}

/* buttons */
.sgd--ppc .sgs-pz-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:34px}
.sgd--ppc .sgs-pz a.sgs-pz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:1.5px solid var(--pz-ink);
  font-family:var(--pz-sans);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
  transition:background-color .25s,color .25s,border-color .25s}
.sgd--ppc .sgs-pz a.sgs-pz-btn--ink{background:var(--pz-ink);color:#fff}
.sgd--ppc .sgs-pz a.sgs-pz-btn--ink:hover,.sgd--ppc .sgs-pz a.sgs-pz-btn--ink:focus-visible{background:var(--pz-mahog);border-color:var(--pz-mahog)}
.sgd--ppc .sgs-pz a.sgs-pz-btn--line{background:transparent;color:var(--pz-ink)}
.sgd--ppc .sgs-pz a.sgs-pz-btn--line:hover,.sgd--ppc .sgs-pz a.sgs-pz-btn--line:focus-visible{background:var(--pz-ink);color:#fff}
.sgd--ppc .sgs-pz a.sgs-pz-btn:hover .sgs-pz-ico{transform:translate(2px,-2px)}
.sgd--ppc .sgs-pz a.sgs-pz-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:underline;text-decoration-color:var(--pz-orange);text-decoration-thickness:2px;text-underline-offset:7px;color:var(--pz-ink)}
.sgd--ppc .sgs-pz a.sgs-pz-link:hover{color:var(--pz-orange-ink)}

/* ---------------------------------------------------------------- HERO */
.sgd--ppc .sgs-pz-hero{position:relative;padding:clamp(28px,3.6vw,56px) 0 clamp(40px,5vw,72px);overflow:hidden;isolation:isolate;background:var(--pz-wall)}
.sgd--ppc .sgs-pz-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:radial-gradient(70% 60% at 78% 30%,#fff 0%,rgba(255,255,255,0) 70%),
    linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 40%)}
.sgd--ppc .sgs-pz-hero__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-auto-flow:dense;gap:clamp(24px,4vw,64px);align-items:center}
.sgd--ppc .sgs-pz-hero__copy{grid-column:1;grid-row:1}
.sgd--ppc .sgs-pz-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 clamp(22px,2.4vw,32px)!important;font-family:var(--pz-mono);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pz-mute)}
.sgd--ppc .sgs-pz-crumbs a{color:var(--pz-ink);text-decoration:underline;text-decoration-color:var(--pz-teal);text-decoration-thickness:2px;text-underline-offset:4px}
.sgd--ppc .sgs-pz-crumbs a:hover{color:var(--pz-teal-ink)}
.sgd--ppc .sgs-pz-crumbs span[aria-hidden]{color:var(--pz-orange)}
.sgd--ppc .sgs-pz h1.sgs-pz-h1{font-family:var(--pz-serif);font-weight:380;font-size:clamp(58px,9.4vw,150px);line-height:.86;letter-spacing:-.045em;color:var(--pz-ink);margin:0}
.sgd--ppc .sgs-pz-h1__line{display:block}
.sgd--ppc .sgs-pz-h1 em{font-style:italic;font-weight:300;color:var(--pz-mahog);letter-spacing:-.03em;padding-right:.04em}

/* the exclusive label: a colour-card label with a paint-can-lid seal */
.sgd--ppc .sgs-pz-label{position:relative;display:flex;align-items:center;gap:18px;max-width:520px;margin:clamp(26px,3vw,38px) 0 0;padding:14px 22px 14px 14px;background:#fff;
  box-shadow:0 1px 0 rgba(20,21,26,.06),0 22px 40px -28px rgba(20,21,26,.5);border-top:5px solid transparent;
  border-image:linear-gradient(90deg,var(--pz-navy) 0 16.6%,var(--pz-teal) 0 33.3%,var(--pz-cyan) 0 50%,var(--pz-gold) 0 66.6%,var(--pz-orange) 0 83.3%,var(--pz-mahog) 0) 1}
.sgd--ppc .sgs-pz-label__seal{flex:none;width:78px;height:78px}
.sgd--ppc .sgs-pz-seal{display:block;width:100%;height:100%;overflow:visible}
.sgd--ppc .sgs-pz-seal text{font-family:var(--pz-mono);font-size:9.6px;font-weight:600;fill:#F1E4D8;letter-spacing:0}
.sgd--ppc .sgs-pz-seal__ring{transform-box:view-box;transform-origin:50% 50%;animation:sgs-pz-turn 26s linear infinite}
.sgd--ppc .sgs-pz p.sgs-pz-label__t{margin:0;font-family:var(--pz-serif);font-style:italic;font-weight:400;font-size:clamp(19px,1.6vw,23px);line-height:1.22;letter-spacing:-.01em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-lede{max-width:46ch;margin:26px 0 0!important;font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--pz-ink-2)}

/* the fan deck */
.sgd--ppc .sgs-pz-fan{--sw:clamp(70px,7.6vw,108px);--sh:calc(var(--sw)*3.9);--px:60%;--pb:7%;
  grid-column:2;grid-row:1;position:relative;height:clamp(360px,42vw,600px);pointer-events:none}
.sgd--ppc .sgs-pz-patch{position:absolute;left:8%;right:2%;top:2%;bottom:13%;width:90%;height:85%}
.sgd--ppc .sgs-pz-patch__coat{fill:var(--pz-navy)}
.sgd--ppc .sgs-pz-patch__streak{fill:#4a64a3;opacity:.16}
.sgd--ppc .sgs-pz-deck{position:absolute;inset:0;pointer-events:auto}
.sgd--ppc .sgs-pz-strip{--w:var(--sw);position:absolute;left:calc(var(--px) - var(--w)/2);bottom:var(--pb);width:var(--w);height:var(--sh);display:flex;flex-direction:column;
  padding:calc(var(--sw)*.06) calc(var(--sw)*.06) calc(var(--sw)*.36);background:#fff;border-radius:3px 3px calc(var(--w)/2) calc(var(--w)/2);
  box-shadow:0 0 0 1px rgba(20,21,26,.06),0 22px 34px -20px rgba(9,13,30,.55);
  transform-origin:50% calc(100% - var(--sw)*.18);transform:rotate(calc(var(--r) * var(--spread,1))) translateY(var(--lift,0px));
  transition:transform .7s var(--pz-ease);animation:sgs-pz-fan 1.6s var(--pz-ease) backwards;animation-delay:calc(.25s + var(--i)*.075s)}
.sgd--ppc .sgs-pz-strip:hover{--lift:calc(var(--sw)*-.3)}
.sgd--ppc .sgs-pz-deck:hover{--spread:1.08}
@keyframes sgs-pz-fan{from{transform:rotate(20deg) translateY(0)}}
.sgd--ppc .sgs-pz-strip__bands{flex:1;display:grid;grid-template-rows:repeat(5,1fr);gap:calc(var(--sw)*.035)}
.sgd--ppc .sgs-pz-strip__bands i{display:block;border-radius:1px}
.sgd--ppc .sgs-pz-strip__bands i:nth-child(1){background:color-mix(in oklab,var(--c) 22%,#fff)}
.sgd--ppc .sgs-pz-strip__bands i:nth-child(2){background:color-mix(in oklab,var(--c) 42%,#fff)}
.sgd--ppc .sgs-pz-strip__bands i:nth-child(3){background:color-mix(in oklab,var(--c) 66%,#fff)}
.sgd--ppc .sgs-pz-strip__bands i:nth-child(4){background:var(--c)}
.sgd--ppc .sgs-pz-strip__bands i:nth-child(5){background:color-mix(in oklab,var(--c) 74%,#000)}
.sgd--ppc .sgs-pz-strip__label{position:relative;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--sw)*.07);height:calc(var(--sw)*.84);padding:0 calc(var(--sw)*.04)}
.sgd--ppc .sgs-pz-strip__label b{display:block;width:34%;height:3px;background:var(--c)}
.sgd--ppc .sgs-pz-strip__label u{display:block;height:2px;background:#e6e2db;text-decoration:none}
.sgd--ppc .sgs-pz-strip__label u+u{width:62%}
.sgd--ppc .sgs-pz-strip--hero{--w:calc(var(--sw)*1.14)}
.sgd--ppc .sgs-pz-strip--hero .sgs-pz-strip__label{gap:2px;justify-content:center;height:calc(var(--sw)*.9)}
.sgd--ppc .sgs-pz-strip--hero .sgs-pz-strip__label b{margin-bottom:5px}
.sgd--ppc .sgs-pz-strip__name{font-family:var(--pz-serif);font-size:clamp(11.5px,1.1vw,15.5px);font-weight:500;line-height:1.05;letter-spacing:-.01em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-strip__code{font-family:var(--pz-mono);font-size:11px;letter-spacing:-.03em;white-space:nowrap;color:var(--pz-mute);line-height:1.2}
.sgd--ppc .sgs-pz-deck__rivet{position:absolute;z-index:3;left:var(--px);bottom:calc(var(--pb) + var(--sw)*.18);width:calc(var(--sw)*.2);height:calc(var(--sw)*.2);
  transform:translate(-50%,50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7e2 0 12%,#e4b450 32%,#9a6a1c 80%);
  box-shadow:0 2px 4px rgba(0,0,0,.35),inset 0 0 0 1px rgba(80,50,10,.35)}

/* spec band: the can label */
.sgd--ppc .sgs-pz-spec{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);margin-top:clamp(32px,4vw,56px);
  padding:clamp(18px,2vw,26px) clamp(18px,2.6vw,36px);background:#fff;box-shadow:0 1px 0 rgba(20,21,26,.06),0 30px 50px -40px rgba(20,21,26,.45);
  border-left:8px solid var(--pz-teal)}
.sgd--ppc .sgs-pz-spec__logo img{width:clamp(170px,16vw,224px);height:auto}
.sgd--ppc .sgs-pz-spec__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.sgd--ppc .sgs-pz-spec__list>div{padding:4px clamp(14px,2vw,28px);border-left:1px solid var(--pz-line)}
.sgd--ppc .sgs-pz-spec__list dt{margin:0 0 4px;font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-mute)}
.sgd--ppc .sgs-pz-spec__list dd{margin:0;font-family:var(--pz-serif);font-size:clamp(19px,1.7vw,24px);font-weight:450;line-height:1.2;letter-spacing:-.01em;color:var(--pz-ink)}

/* index nav */
.sgd--ppc .sgs-pz-index ul{display:flex;flex-wrap:wrap;gap:6px 26px;margin:22px 0 0;padding:0;list-style:none}
.sgd--ppc .sgs-pz-index li{margin:0;padding:0;list-style:none}
.sgd--ppc .sgs-pz-index a{display:inline-flex;align-items:center;gap:10px;min-height:40px;font-family:var(--pz-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--pz-ink-2)}
.sgd--ppc .sgs-pz-index a::before{content:"";width:14px;height:18px;background:var(--c);box-shadow:inset 0 -5px 0 rgba(255,255,255,.85),0 0 0 1px rgba(20,21,26,.08);transition:transform .3s var(--pz-ease)}
.sgd--ppc .sgs-pz-index a:hover{color:var(--pz-ink)}
.sgd--ppc .sgs-pz-index a:hover::before{transform:translateY(-3px) rotate(-6deg)}

/* ---------------------------------------------------------------- 01 DEEP ROOTS */
.sgd--ppc .sgs-pz-roots{position:relative;background:var(--pz-white);padding:clamp(72px,8vw,120px) 0 clamp(80px,9vw,140px)}
.sgd--ppc .sgs-pz-roots__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px)}
.sgd--ppc .sgs-pz-roots__head{grid-column:1/span 10}
.sgd--ppc .sgs-pz-roots .sgs-pz-h2{font-size:clamp(46px,7vw,112px);max-width:12ch}
.sgd--ppc .sgs-pz-brush{position:relative;display:inline-block;white-space:nowrap;font-style:italic;font-weight:350}
.sgd--ppc .sgs-pz-brush__svg{position:absolute;left:-3%;bottom:-.2em;width:106%;height:auto;overflow:visible;z-index:-1}
.sgd--ppc .sgs-pz-brush{z-index:0;isolation:isolate}
.sgd--ppc .sgs-pz-brush__a,.sgd--ppc .sgs-pz-brush__b{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:url(#sgs-pz-bristle)}
.sgd--ppc .sgs-pz-brush__a{stroke:var(--pz-orange);stroke-width:13}
.sgd--ppc .sgs-pz-brush__b{stroke:var(--pz-gold);stroke-width:4;opacity:.8}
.sgd--ppc .sgs-pz-roots .sgs-pz-roots__frame{grid-column:1/span 5;grid-row:2;align-self:start;margin-top:clamp(48px,6vw,88px)}
.sgd--ppc .sgs-pz-roots__body{grid-column:7/span 6;grid-row:2;margin-top:clamp(48px,6vw,88px)}
.sgd--ppc .sgs-pz p.sgs-pz-roots__lead{font-family:var(--pz-serif);font-weight:350;font-size:clamp(23px,2.3vw,33px);line-height:1.28;letter-spacing:-.015em;color:var(--pz-ink);margin-bottom:28px}
.sgd--ppc .sgs-pz-roots__lead::first-letter{float:left;font-size:3.3em;line-height:.8;padding:.07em .04em 0 0;margin-left:-.04em;font-weight:500;color:var(--pz-mahog)}
.sgd--ppc .sgs-pz-roots__body>p:not([class]){font-size:18px;line-height:1.75;color:var(--pz-ink-2);max-width:52ch}
.sgd--ppc .sgs-pz p.sgs-pz-roots__year{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,2vw,28px);align-items:end;margin:clamp(48px,6vw,84px) 0 0;padding-top:clamp(20px,2.4vw,32px);border-top:1px solid var(--pz-line)}
.sgd--ppc .sgs-pz-roots__num{font-family:var(--pz-serif);font-size:clamp(76px,9vw,140px);font-weight:300;line-height:.78;letter-spacing:-.05em;
  color:color-mix(in oklab,var(--pz-mahog) 22%,#fff);-webkit-text-stroke:1px color-mix(in oklab,var(--pz-mahog) 55%,#fff)}
.sgd--ppc .sgs-pz-roots__num{grid-column:1/span 5}
.sgd--ppc .sgs-pz-roots__cap{grid-column:7/span 6;display:flex;flex-direction:column;gap:8px;padding-bottom:.4em}
.sgd--ppc .sgs-pz-roots__line{font-family:var(--pz-serif);font-style:italic;font-weight:350;font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-roots__credit{font-family:var(--pz-mono);font-size:12px;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;color:var(--pz-mute)}

/* gallery frame: a white mat with a hairline, for the partner's own (small) images */
.sgd--ppc .sgs-pz-frame{position:relative;margin:0;padding:clamp(14px,1.6vw,22px);background:#fff;box-shadow:0 0 0 1px rgba(20,21,26,.08),0 40px 60px -42px rgba(20,21,26,.6)}
.sgd--ppc .sgs-pz-frame img{width:100%}
.sgd--ppc .sgs-pz-roots__frame{max-width:420px;background:#F3EFE8}
.sgd--ppc .sgs-pz-roots__frame img{box-shadow:0 0 0 1px rgba(0,0,0,.08)}

/* ---------------------------------------------------------------- 02 WHAT DRIVES US */
.sgd--ppc .sgs-pz-drives{position:relative;background:var(--pz-wall);padding:clamp(80px,9vw,140px) 0 clamp(90px,10vw,150px);overflow-x:clip}
.sgd--ppc .sgs-pz-drives__head{display:flex;flex-direction:column;margin-bottom:clamp(40px,5vw,72px)}
.sgd--ppc .sgs-pz ul.sgs-pz-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);margin:0;padding:0;list-style:none}
.sgd--ppc .sgs-pz-chip{margin:0;padding:10px 10px 0;list-style:none;background:#fff;rotate:var(--t);translate:0 0;
  box-shadow:0 0 0 1px rgba(20,21,26,.05),0 30px 44px -30px rgba(20,21,26,.55);transition:rotate .6s var(--pz-ease),translate .6s var(--pz-ease),box-shadow .6s}
.sgd--ppc .sgs-pz-chip:hover{rotate:0deg;translate:0 -10px;box-shadow:0 0 0 1px rgba(20,21,26,.05),0 44px 60px -32px rgba(20,21,26,.6)}
.sgd--ppc .sgs-pz-chip__swatch{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 21%;aspect-ratio:4/4.6;padding:0;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,0) 42%),var(--c);overflow:hidden}
.sgd--ppc .sgs-pz-chip__swatch i{display:block;grid-row:2;border-top:3px solid #fff}
.sgd--ppc .sgs-pz-chip__swatch i:nth-child(1){background:color-mix(in oklab,var(--c) 30%,#fff)}
.sgd--ppc .sgs-pz-chip__swatch i:nth-child(2){background:color-mix(in oklab,var(--c) 58%,#fff);border-left:3px solid #fff;border-right:3px solid #fff}
.sgd--ppc .sgs-pz-chip__swatch i:nth-child(3){background:color-mix(in oklab,var(--c) 80%,#000)}
.sgd--ppc .sgs-pz-chip__label{display:flex;flex-direction:column;gap:10px;padding:18px 8px 22px}
.sgd--ppc .sgs-pz-chip__label::before{content:var(--n);font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.14em;color:var(--pz-mute)}
.sgd--ppc .sgs-pz-chip strong{font-family:var(--pz-serif);font-weight:420;font-size:clamp(21px,1.9vw,27px);line-height:1.08;letter-spacing:-.015em;color:var(--pz-ink)}

/* ---------------------------------------------------------------- 03 COLOR OF THE YEAR */
.sgd--ppc .sgs-pz-coty{position:relative;overflow:hidden;isolation:isolate;background:var(--pz-mahog-deep);color:var(--pz-cream);
  padding:clamp(96px,12vw,180px) 0 clamp(56px,6vw,96px)}
.sgd--ppc .sgs-pz-coty__paint{position:absolute;inset:0;z-index:-1;clip-path:inset(0 0 0 0);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 300px,rgba(255,255,255,.018) 300px 318px,rgba(0,0,0,.025) 318px 324px,rgba(255,255,255,0) 324px 610px),
    radial-gradient(90% 70% at 30% 20%,#86493A 0%,var(--pz-mahog) 55%,#653628 100%)}
.sgd--ppc .sgs-pz-coty__paint{background-blend-mode:soft-light,normal,normal}
.sgd--ppc .sgs-pz-coty__roller{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:160px;transform:translateX(-200px);pointer-events:none}
.sgd--ppc .sgs-pz-coty__cyl{position:absolute;right:0;top:-2%;bottom:-2%;width:30px;transform:translateX(50%);border-radius:10px;
  background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.18) 40%,rgba(0,0,0,.22)),
    repeating-linear-gradient(0deg,#8a4b38 0 2px,#a5644d 2px 4px,#7d4232 4px 6px);
  box-shadow:6px 0 18px rgba(0,0,0,.35)}
.sgd--ppc .sgs-pz-coty__arm{position:absolute;right:0;top:min(16%,200px);width:160px;height:240px;overflow:visible;filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}
.sgd--ppc .sgs-pz-coty__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(40px,6vw,96px);align-items:end}
.sgd--ppc .sgs-pz-coty .sgs-pz-coty__h{font-family:var(--pz-serif);font-weight:400;color:#fff;margin:0 0 clamp(28px,3vw,40px)}
.sgd--ppc .sgs-pz-coty__pre{display:block;margin-bottom:.2em;font-size:clamp(24px,2.6vw,38px);line-height:1.1;letter-spacing:-.015em;color:#F6DFD2}
.sgd--ppc .sgs-pz-coty__name{display:block;font-style:italic;font-weight:300;font-size:clamp(66px,11.4vw,184px);line-height:.84;letter-spacing:-.045em;color:#fff}
.sgd--ppc .sgs-pz p.sgs-pz-coty__p{max-width:56ch;margin:0;font-size:clamp(17px,1.3vw,19px);line-height:1.72;color:#F6E6DC}
.sgd--ppc .sgs-pz-coty__room{position:relative;margin:0 0 0 auto;max-width:400px;padding:16px;background:#FBF6F1;rotate:2.2deg;
  box-shadow:0 50px 80px -40px rgba(10,3,1,.8),0 0 0 1px rgba(0,0,0,.12)}
.sgd--ppc .sgs-pz-coty__tints{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;height:clamp(40px,5vw,64px);margin-top:clamp(56px,7vw,104px)}
.sgd--ppc .sgs-pz-coty__tints i{display:block;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(1){background:color-mix(in oklab,var(--pz-mahog) 18%,#fff)}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(2){background:color-mix(in oklab,var(--pz-mahog) 36%,#fff)}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(3){background:color-mix(in oklab,var(--pz-mahog) 58%,#fff)}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(4){background:color-mix(in oklab,var(--pz-mahog) 80%,#fff)}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(5){background:var(--pz-mahog);box-shadow:0 0 0 2px #fff}
.sgd--ppc .sgs-pz-coty__tints i:nth-child(6){background:color-mix(in oklab,var(--pz-mahog) 62%,#000)}

/* ---------------------------------------------------------------- 04 LISTENING ROOM */
.sgd--ppc .sgs-pz-room{position:relative;overflow:hidden;isolation:isolate;background:#16234A;color:#fff;padding:clamp(88px,10vw,150px) 0 clamp(80px,9vw,130px)}
.sgd--ppc .sgs-pz-room::before{content:"";position:absolute;z-index:-1;left:-10%;top:18%;width:80%;height:70%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(236,168,28,.20),rgba(236,168,28,0))}
.sgd--ppc .sgs-pz-room::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:38%;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,16,36,0),rgba(10,16,36,.55))}
.sgd--ppc .sgs-pz-room__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.sgd--ppc .sgs-pz-room__head .sgs-pz-kicker{grid-column:1/-1}
.sgd--ppc .sgs-pz .sgs-pz-room__intro{margin:0 0 .4em;font-size:clamp(17px,1.4vw,19px);color:#CDD5E8;max-width:56ch}
.sgd--ppc .sgs-pz ul.sgs-pz-room__grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,.86fr);gap:clamp(24px,3.4vw,52px);align-items:start;margin:0;padding:0;list-style:none}
.sgd--ppc .sgs-pz-room__grid>li{margin:0;padding:0;list-style:none}
.sgd--ppc .sgs-pz-screen__frame{position:relative;padding:clamp(8px,1vw,14px);background:#0B1230;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 60px 90px -50px rgba(0,0,0,.9)}
.sgd--ppc .sgs-pz a.sgs-pz-screen__play,.sgd--ppc .sgs-pz .sgpp-video__frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.sgd--ppc .sgs-pz .sgpp-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sgd--ppc .sgs-pz-screen__play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--pz-ease)}
.sgd--ppc .sgs-pz-screen__play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,48,0) 50%,rgba(11,18,48,.55))}
.sgd--ppc .sgs-pz-screen__btn{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:clamp(72px,7vw,96px);height:clamp(72px,7vw,96px);
  transform:translate(-50%,-50%);border-radius:50%;background:var(--pz-gold);color:var(--pz-ink);box-shadow:0 0 0 10px rgba(236,168,28,.22);
  transition:transform .5s var(--pz-ease),box-shadow .5s}
.sgd--ppc .sgs-pz-screen__btn svg{width:38%;height:38%;margin-left:6%}
.sgd--ppc .sgs-pz a.sgs-pz-screen__play:hover img{transform:scale(1.04)}
.sgd--ppc .sgs-pz a.sgs-pz-screen__play:hover .sgs-pz-screen__btn{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 16px rgba(236,168,28,.2)}
.sgd--ppc .sgs-pz a.sgs-pz-screen__play:focus-visible{outline:3px solid var(--pz-gold);outline-offset:4px}
.sgd--ppc .sgs-pz-screen__meta{padding:24px 4px 0}
.sgd--ppc .sgs-pz p.sgs-pz-ep{margin:0 0 10px;font-family:var(--pz-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#F0C770}
.sgd--ppc .sgs-pz-screen__meta h3{font-family:var(--pz-serif);font-weight:400;font-size:clamp(26px,2.6vw,38px);line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0 0 16px;text-wrap:balance}
.sgd--ppc .sgs-pz a.sgs-pz-textlink{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  text-decoration:none;color:#F0C770}
.sgd--ppc .sgs-pz a.sgs-pz-textlink:hover,.sgd--ppc .sgs-pz a.sgs-pz-textlink:focus-visible{color:#fff}
.sgd--ppc .sgs-pz a.sgs-pz-textlink:hover .sgs-pz-ico{transform:translate(2px,-2px)}
.sgd--ppc .sgs-pz a.sgs-pz-textlink:focus-visible{outline-color:var(--pz-gold)}
/* the record sleeve */
.sgd--ppc .sgs-pz .sgs-pz-room__grid>li.sgs-pz-disc{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;background:#F4EFE7;color:var(--pz-ink);padding:clamp(24px,2.6vw,36px);
  box-shadow:0 60px 90px -50px rgba(0,0,0,.9)}
.sgd--ppc .sgs-pz-disc__art{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.2vw,30px);margin-bottom:32px;padding-top:6px}
.sgd--ppc .sgs-pz-disc__lid{flex:none;width:clamp(150px,17vw,250px);height:auto;transition:transform 1.6s var(--pz-ease);filter:drop-shadow(0 24px 22px rgba(20,21,26,.28))}
.sgd--ppc .sgs-pz-disc:hover .sgs-pz-disc__lid{transform:rotate(140deg)}
.sgd--ppc .sgs-pz-wave{align-self:stretch;display:flex;align-items:center;gap:3px;height:56px}
.sgd--ppc .sgs-pz-wave i{flex:1;height:var(--h,40%);min-height:6px;background:var(--pz-navy);border-radius:2px;transform-origin:50% 50%}
.sgd--ppc .sgs-pz-wave i:nth-child(3n){background:var(--pz-teal)}
.sgd--ppc .sgs-pz-wave i:nth-child(5n){background:var(--pz-mahog)}
.sgd--ppc .sgs-pz-wave i:nth-child(1){--h:30%}.sgd--ppc .sgs-pz-wave i:nth-child(2){--h:55%}.sgd--ppc .sgs-pz-wave i:nth-child(3){--h:80%}.sgd--ppc .sgs-pz-wave i:nth-child(4){--h:45%}
.sgd--ppc .sgs-pz-wave i:nth-child(5){--h:95%}.sgd--ppc .sgs-pz-wave i:nth-child(6){--h:60%}.sgd--ppc .sgs-pz-wave i:nth-child(7){--h:35%}.sgd--ppc .sgs-pz-wave i:nth-child(8){--h:70%}
.sgd--ppc .sgs-pz-wave i:nth-child(9){--h:100%}.sgd--ppc .sgs-pz-wave i:nth-child(10){--h:50%}.sgd--ppc .sgs-pz-wave i:nth-child(11){--h:25%}.sgd--ppc .sgs-pz-wave i:nth-child(12){--h:65%}
.sgd--ppc .sgs-pz-wave i:nth-child(13){--h:85%}.sgd--ppc .sgs-pz-wave i:nth-child(14){--h:40%}.sgd--ppc .sgs-pz-wave i:nth-child(15){--h:60%}.sgd--ppc .sgs-pz-wave i:nth-child(16){--h:90%}
.sgd--ppc .sgs-pz-wave i:nth-child(17){--h:45%}.sgd--ppc .sgs-pz-wave i:nth-child(18){--h:30%}.sgd--ppc .sgs-pz-wave i:nth-child(19){--h:75%}.sgd--ppc .sgs-pz-wave i:nth-child(20){--h:55%}
.sgd--ppc .sgs-pz-wave i:nth-child(21){--h:35%}.sgd--ppc .sgs-pz-wave i:nth-child(22){--h:62%}.sgd--ppc .sgs-pz-wave i:nth-child(23){--h:42%}.sgd--ppc .sgs-pz-wave i:nth-child(24){--h:22%}
.sgd--ppc .sgs-pz-wave.is-on i{animation:sgs-pz-eq 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--d,0) * -1s)}
.sgd--ppc .sgs-pz-wave i:nth-child(2n){--d:.35}.sgd--ppc .sgs-pz-wave i:nth-child(3n){--d:.7}.sgd--ppc .sgs-pz-wave i:nth-child(4n+1){--d:.15}
@keyframes sgs-pz-eq{to{transform:scaleY(.45)}}
.sgd--ppc .sgs-pz .sgs-pz-disc p.sgs-pz-ep{color:var(--pz-orange-ink)}
.sgd--ppc .sgs-pz-disc__body{padding-top:24px;border-top:1px solid var(--pz-line)}
.sgd--ppc .sgs-pz-disc h3{font-family:var(--pz-serif);font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.1;letter-spacing:-.02em;color:var(--pz-ink);margin:0 0 18px;text-wrap:balance}
.sgd--ppc .sgs-pz-disc a.sgs-pz-textlink{color:var(--pz-teal-ink)}
.sgd--ppc .sgs-pz-disc a.sgs-pz-textlink::after{content:"";position:absolute;inset:0}
.sgd--ppc .sgs-pz-disc a.sgs-pz-textlink:hover,.sgd--ppc .sgs-pz-disc a.sgs-pz-textlink:focus-visible{color:var(--pz-mahog)}
.sgd--ppc .sgs-pz-disc a.sgs-pz-textlink:focus-visible{outline:none}
.sgd--ppc .sgs-pz-disc:has(a:focus-visible){outline:3px solid var(--pz-gold);outline-offset:4px}
.sgd--ppc .sgs-pz p.sgs-pz-room__more{margin:clamp(40px,5vw,64px) 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);color:#CDD5E8;font-size:16px}
.sgd--ppc .sgs-pz-room__more a{color:#fff;text-decoration:underline;text-decoration-color:var(--pz-gold);text-decoration-thickness:2px;text-underline-offset:4px}
.sgd--ppc .sgs-pz-room__more a:hover{color:#F0C770}
.sgd--ppc .sgs-pz-room a:focus-visible{outline-color:var(--pz-gold)}

/* ---------------------------------------------------------------- 05 PROFILE */
.sgd--ppc .sgs-pz-profile{background:var(--pz-white);padding:clamp(88px,10vw,150px) 0}
.sgd--ppc .sgs-pz-profile__cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(40px,6vw,96px);align-items:start}
.sgd--ppc .sgs-pz-prose{max-width:740px;font-size:18px;line-height:1.75;color:var(--pz-ink-2)}
.sgd--ppc .sgs-pz-prose h2.sgs-pz-prose__h2{font-family:var(--pz-serif);font-weight:400;font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-.03em;color:var(--pz-ink);margin:0 0 32px;text-wrap:balance}
.sgd--ppc .sgs-pz p.sgs-pz-prose__lead{font-family:var(--pz-serif);font-weight:350;font-size:clamp(21px,1.8vw,25px);line-height:1.45;letter-spacing:-.01em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-prose p{margin:0 0 1.15em}
.sgd--ppc .sgs-pz-prose h3{display:flex;align-items:flex-start;gap:16px;margin:clamp(52px,6vw,76px) 0 20px;font-family:var(--pz-serif);font-weight:420;font-size:clamp(26px,2.4vw,34px);
  line-height:1.12;letter-spacing:-.02em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-prose h3::before{content:"";flex:none;width:20px;height:28px;margin-top:.12em;background:var(--c);box-shadow:inset 0 -8px 0 #fff,0 0 0 1px rgba(20,21,26,.12),0 6px 10px -6px rgba(20,21,26,.5);rotate:-4deg}
.sgd--ppc .sgs-pz-prose a{color:var(--pz-ink);text-decoration:underline;text-decoration-color:var(--pz-teal);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s}
.sgd--ppc .sgs-pz-prose a:hover{color:var(--pz-teal-ink)}
.sgd--ppc .sgs-pz p.sgs-pz-quote{position:relative;margin:34px 0;padding:6px 0 6px clamp(22px,3vw,40px);border-left:4px solid var(--pz-teal);font-family:var(--pz-serif);font-style:italic;
  font-weight:350;font-size:clamp(22px,2vw,28px);line-height:1.35;letter-spacing:-.01em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz ul.sgs-pz-cans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 30px;padding:0;list-style:none}
.sgd--ppc .sgs-pz-cans li{position:relative;margin:0;padding:22px 56px 22px 18px;list-style:none;background:var(--pz-wall);border-top:12px solid var(--c);font-size:15.5px;line-height:1.55;color:var(--pz-ink-2)}
.sgd--ppc .sgs-pz-cans li::after{content:"";position:absolute;top:16px;right:14px;width:30px;height:30px;border-radius:50%;
  background:radial-gradient(circle,var(--c) 0 52%,rgba(0,0,0,.3) 53% 55%,#efece6 56% 70%,#a9a39a 71% 75%,#dcd8d0 76% 100%);box-shadow:0 4px 8px -4px rgba(20,21,26,.6)}
.sgd--ppc .sgs-pz-cans strong{display:block;margin-bottom:8px;font-family:var(--pz-serif);font-weight:500;font-size:21px;line-height:1.1;letter-spacing:-.01em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz ol.sgs-pz-coats{margin:6px 0 26px;padding:0;list-style:none;counter-reset:pzc;border-bottom:1px solid var(--pz-line)}
.sgd--ppc .sgs-pz-coats li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;margin:0;padding:16px 0;list-style:none;border-top:1px solid var(--pz-line);counter-increment:pzc;line-height:1.6}
.sgd--ppc .sgs-pz-coats li::before{content:counter(pzc,decimal-leading-zero);font-family:var(--pz-mono);font-size:12.5px;letter-spacing:.08em;color:var(--pz-teal-ink);padding-top:.25em}
.sgd--ppc .sgs-pz-board{margin:34px 0 8px;padding:clamp(10px,1.4vw,18px);background:#F3EFE8}
.sgd--ppc .sgs-pz-board img{box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.sgd--ppc .sgs-pz p.sgs-pz-source{margin-top:44px;padding-top:20px;border-top:1px solid var(--pz-line);font-size:14px;line-height:1.6;color:var(--pz-mute)}
/* spec sheet aside */
.sgd--ppc .sgs-pz-facts{position:sticky;top:28px}
.sgd--ppc .sgs-pz-facts__card{position:relative;background:var(--pz-wall);padding:34px 28px 28px;box-shadow:0 0 0 1px rgba(20,21,26,.06)}
.sgd--ppc .sgs-pz-facts__stripe,.sgd--ppc .sgs-pz-card__stripe{position:absolute;inset:0 0 auto 0;display:grid;grid-template-columns:repeat(6,1fr);height:8px}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(1),.sgd--ppc .sgs-pz-card__stripe i:nth-child(1){background:var(--pz-navy)}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(2),.sgd--ppc .sgs-pz-card__stripe i:nth-child(2){background:var(--pz-teal)}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(3),.sgd--ppc .sgs-pz-card__stripe i:nth-child(3){background:var(--pz-cyan)}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(4),.sgd--ppc .sgs-pz-card__stripe i:nth-child(4){background:var(--pz-gold)}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(5),.sgd--ppc .sgs-pz-card__stripe i:nth-child(5){background:var(--pz-orange)}
.sgd--ppc .sgs-pz-facts__stripe i:nth-child(6),.sgd--ppc .sgs-pz-card__stripe i:nth-child(6){background:var(--pz-mahog)}
.sgd--ppc .sgs-pz h2.sgs-pz-facts__h{margin:0 0 20px;font-family:var(--pz-serif);font-weight:450;font-size:26px;line-height:1.1;letter-spacing:-.02em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz-facts dl{margin:0 0 22px}
.sgd--ppc .sgs-pz-facts dl>div{padding:12px 0;border-top:1px solid var(--pz-line)}
.sgd--ppc .sgs-pz-facts dt{margin:0 0 3px;font-family:var(--pz-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-mute)}
.sgd--ppc .sgs-pz-facts dd{margin:0;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--pz-ink)}
.sgd--ppc .sgs-pz a.sgs-pz-facts__visit{display:flex;width:100%}

/* ---------------------------------------------------------------- 06 CONTACT */
.sgd--ppc .sgs-pz-contact{position:relative;background:var(--pz-wall);padding:clamp(88px,10vw,150px) 0;overflow:hidden}
.sgd--ppc .sgs-pz-contact__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.sgd--ppc .sgs-pz-contact .sgs-pz-h2{font-size:clamp(40px,4.8vw,74px);margin-bottom:28px}
.sgd--ppc .sgs-pz-contact__copy p:not(.sgs-pz-kicker){max-width:46ch;font-size:18px;line-height:1.7;color:var(--pz-ink-2)}
.sgd--ppc .sgs-pz-contact__copy a{color:var(--pz-ink);text-decoration:underline;text-decoration-color:var(--pz-orange);text-decoration-thickness:2px;text-underline-offset:3px}
.sgd--ppc .sgs-pz-contact__copy a:hover{color:var(--pz-orange-ink)}
.sgd--ppc .sgs-pz-pots{display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,14px);margin-top:clamp(40px,4.4vw,64px)}
.sgd--ppc .sgs-pz-pots i{position:relative;display:block;flex:none;width:clamp(50px,5.6vw,80px);aspect-ratio:1;border-radius:50%;
  background:conic-gradient(from 210deg,#f4f2ee,#b9b4ab 25%,#efece6 50%,#a39d93 75%,#f4f2ee);
  box-shadow:0 16px 22px -14px rgba(20,21,26,.7),inset 0 0 0 1px rgba(0,0,0,.18);transition:transform .6s var(--pz-ease)}
.sgd--ppc .sgs-pz-pots i::before{content:"";position:absolute;inset:9%;border-radius:50%;background:#d9d5ce;box-shadow:inset 0 0 0 2px #9e988e,inset 0 0 0 4px #ece9e3}
.sgd--ppc .sgs-pz-pots i::after{content:"";position:absolute;inset:17%;border-radius:50%;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 45%,rgba(0,0,0,.12)),var(--c);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
.sgd--ppc .sgs-pz-pots i:nth-child(even){transform:translateY(12px)}
.sgd--ppc .sgs-pz-contact__copy:hover .sgs-pz-pots i{transform:translateY(-4px)}
.sgd--ppc .sgs-pz-card{position:relative;background:#fff;padding:clamp(34px,3.4vw,48px) clamp(22px,3vw,44px) clamp(26px,3vw,40px);
  box-shadow:0 0 0 1px rgba(20,21,26,.05),0 50px 80px -50px rgba(20,21,26,.55)}
.sgd--ppc .sgs-pz-card__stripe{height:10px}
.sgd--ppc .sgs-pz .sg-form{max-width:none;margin:0;font-family:var(--pz-sans)}
.sgd--ppc .sgs-pz .sg-form .sg-form__row{gap:8px;padding-bottom:22px}
.sgd--ppc .sgs-pz .sg-form label{font-family:var(--pz-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-ink-2)}
.sgd--ppc .sgs-pz .sg-form input,.sgd--ppc .sgs-pz .sg-form textarea{padding:14px 14px;border:0;border-bottom:2px solid var(--pz-ink);background:var(--pz-paper);color:var(--pz-ink);
  font-family:var(--pz-sans);font-size:17px;line-height:1.45;transition:background-color .2s,border-color .2s}
.sgd--ppc .sgs-pz .sg-form input:hover,.sgd--ppc .sgs-pz .sg-form textarea:hover{background:#F4F0E9}
.sgd--ppc .sgs-pz .sg-form input:focus,.sgd--ppc .sgs-pz .sg-form textarea:focus{outline:3px solid var(--pz-teal);outline-offset:2px;border-color:var(--pz-teal);background:#fff}
.sgd--ppc .sgs-pz .sg-form textarea{min-height:150px;resize:vertical}
.sgd--ppc .sgs-pz .sg-form .sg-form__actions{padding-bottom:0}
.sgd--ppc .sgs-pz .sg-form .sg-form__btn{min-height:56px;padding:0 32px;background:var(--pz-ink);color:#fff;font-family:var(--pz-sans);font-size:13px;font-weight:800;letter-spacing:.14em;transition:background-color .25s}
.sgd--ppc .sgs-pz .sg-form .sg-form__btn:hover{background:var(--pz-mahog)}
.sgd--ppc .sgs-pz .sg-form .sg-form__btn:focus-visible{background:var(--pz-mahog);outline:3px solid var(--pz-teal);outline-offset:3px}

/* ---------------------------------------------------------------- MORE PARTNERS: the swatch book */
.sgd--ppc .sgs-pz .sgp.sgs-pz-more{background:var(--pz-white);border-top:0;padding:clamp(80px,9vw,130px) 0;font-family:var(--pz-sans)}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__wrap{width:min(1240px,100% - 2*var(--pz-gut))}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__more{margin:0;padding:0;border:0}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__h2{font-family:var(--pz-serif);font-weight:400;font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-.03em;color:var(--pz-ink);margin:0 0 18px}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__lede{font-size:17px;color:var(--pz-ink-2);max-width:62ch}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__lede a{text-decoration-color:var(--pz-teal)}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__lede a:hover{color:var(--pz-teal-ink)}
.sgd--ppc .sgs-pz .sgs-pz-more ul.sgp__grid{gap:14px;margin-top:40px}
/* 14 cards in 4 columns: the last two share the last row so the swatch book ends square */
@media (min-width:1025px){.sgd--ppc .sgs-pz .sgs-pz-more ul.sgp__grid>li:nth-child(4n+1):nth-last-child(2),.sgd--ppc .sgs-pz .sgs-pz-more ul.sgp__grid>li:nth-child(4n+2):last-child{grid-column:span 2}}
.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card{--k:var(--pz-navy);position:relative;gap:6px;padding:20px 20px 22px 26px;background:var(--pz-wall);border:0;
  box-shadow:inset 8px 0 0 var(--k);transition:transform .4s var(--pz-ease),box-shadow .4s,background-color .3s}
.sgd--ppc .sgs-pz .sgs-pz-more li:nth-child(6n+2) a.sgp__card{--k:var(--pz-teal)}
.sgd--ppc .sgs-pz .sgs-pz-more li:nth-child(6n+3) a.sgp__card{--k:var(--pz-cyan)}
.sgd--ppc .sgs-pz .sgs-pz-more li:nth-child(6n+4) a.sgp__card{--k:var(--pz-gold)}
.sgd--ppc .sgs-pz .sgs-pz-more li:nth-child(6n+5) a.sgp__card{--k:var(--pz-orange)}
.sgd--ppc .sgs-pz .sgs-pz-more li:nth-child(6n) a.sgp__card{--k:var(--pz-mahog)}
.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card:hover,.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card:focus-visible{transform:translateY(-4px);background:#fff;box-shadow:inset 14px 0 0 var(--k),0 26px 40px -28px rgba(20,21,26,.5)}
.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card:focus-visible{outline:3px solid var(--pz-teal);outline-offset:3px}
.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card--excl{border:0;background:#fff;animation:none;
  box-shadow:inset 8px 0 0 var(--k),0 0 0 1.5px var(--pz-ink),0 22px 40px -30px rgba(20,21,26,.55)}
.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card--excl:hover,.sgd--ppc .sgs-pz .sgs-pz-more a.sgp__card--excl:focus-visible{box-shadow:inset 14px 0 0 var(--k),0 0 0 1.5px var(--pz-ink),0 26px 44px -26px rgba(20,21,26,.55)}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__card-cat{font-family:var(--pz-mono);font-weight:500;font-size:11.5px;letter-spacing:.14em;color:var(--pz-mute)}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__card-name{font-family:var(--pz-serif);font-weight:450;font-size:23px;line-height:1.1;letter-spacing:-.015em;color:var(--pz-ink)}
.sgd--ppc .sgs-pz .sgs-pz-more .sgp__card-blurb{font-size:14.5px;line-height:1.5;color:var(--pz-mute)}

/* ---------------------------------------------------------------- shared keyframes */
@keyframes sgs-pz-turn{to{transform:rotate(360deg)}}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1100px){
  .sgd--ppc .sgs-pz-profile__cols{grid-template-columns:minmax(0,1fr) 300px}
  .sgd--ppc .sgs-pz ul.sgs-pz-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgd--ppc .sgs-pz-chip__swatch{aspect-ratio:16/10}
}
@media (max-width:960px){
  .sgd--ppc .sgs-pz-hero__grid{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-hero__copy{display:contents}
  .sgd--ppc .sgs-pz-fan{grid-column:1;grid-row:auto}
  .sgd--ppc .sgs-pz-crumbs{order:1}.sgd--ppc .sgs-pz-h1{order:2}.sgd--ppc .sgs-pz-label{order:3}.sgd--ppc .sgs-pz-fan{order:4}.sgd--ppc .sgs-pz-lede{order:5}.sgd--ppc .sgs-pz-cta{order:6}
  .sgd--ppc .sgs-pz-hero__grid{gap:0}
  .sgd--ppc .sgs-pz-fan{--sw:clamp(58px,15vw,96px);--px:58%;height:calc(var(--sw)*5.2);margin-top:26px}
  .sgd--ppc .sgs-pz-lede{margin-top:20px!important}
  .sgd--ppc .sgs-pz-spec{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-roots__head{grid-column:1/-1}
  .sgd--ppc .sgs-pz-roots__body{grid-column:1/-1;grid-row:2}
  .sgd--ppc .sgs-pz-roots .sgs-pz-roots__frame{grid-column:1/-1;grid-row:3;margin-top:48px;max-width:400px}
  .sgd--ppc .sgs-pz p.sgs-pz-roots__year{grid-row:4;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}
  .sgd--ppc .sgs-pz-coty__grid{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-coty__room{margin:0 auto 0 0;max-width:360px}
  .sgd--ppc .sgs-pz ul.sgs-pz-room__grid{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-room__head{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz .sgs-pz-room__intro{margin:22px 0 0}
  .sgd--ppc .sgs-pz-profile__cols{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-facts{position:static}
  .sgd--ppc .sgs-pz-contact__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .sgd--ppc .sgs-pz{font-size:16px}
  .sgd--ppc .sgs-pz h1.sgs-pz-h1{font-size:clamp(52px,16.4vw,82px)}
  .sgd--ppc .sgs-pz-label{gap:14px;padding:12px 16px 12px 12px}
  .sgd--ppc .sgs-pz-label__seal{width:62px;height:62px}
  .sgd--ppc .sgs-pz p.sgs-pz-label__t{font-size:18px}
  .sgd--ppc .sgs-pz-cta{gap:10px}
  .sgd--ppc .sgs-pz a.sgs-pz-btn{flex:1 1 100%}
  .sgd--ppc .sgs-pz-spec{border-left-width:6px}
  .sgd--ppc .sgs-pz-spec__list{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-spec__list>div{padding:12px 0;border-left:0;border-top:1px solid var(--pz-line)}
  .sgd--ppc .sgs-pz-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
  .sgd--ppc .sgs-pz-roots .sgs-pz-h2{font-size:clamp(44px,12.6vw,64px)}
  .sgd--ppc .sgs-pz-roots__lead::first-letter{font-size:3em}
  .sgd--ppc .sgs-pz ul.sgs-pz-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .sgd--ppc .sgs-pz-chip{padding:7px 7px 0}
  .sgd--ppc .sgs-pz-chip__swatch{aspect-ratio:1/1}
  .sgd--ppc .sgs-pz-chip__label{padding:14px 4px 16px;gap:6px}
  .sgd--ppc .sgs-pz-chip strong{font-size:19px}
  .sgd--ppc .sgs-pz-coty__name{font-size:clamp(58px,17vw,92px)}
  .sgd--ppc .sgs-pz-coty__tints{grid-template-columns:repeat(6,1fr);gap:3px}
  .sgd--ppc .sgs-pz-disc__art{gap:14px}
  .sgd--ppc .sgs-pz-wave{height:48px}
  .sgd--ppc .sgs-pz ul.sgs-pz-cans{grid-template-columns:minmax(0,1fr)}
  .sgd--ppc .sgs-pz-prose{font-size:17px}
  .sgd--ppc .sgs-pz-coats li{grid-template-columns:38px minmax(0,1fr)}
  .sgd--ppc .sgs-pz-facts__card{padding:30px 20px 22px}
}

/* ---------------------------------------------------------------- reduced motion: everything static and final */
@media (prefers-reduced-motion:reduce){
  .sgd--ppc .sgs-pz *,.sgd--ppc .sgs-pz *::before,.sgd--ppc .sgs-pz *::after{animation:none!important;transition:none!important}
  .sgd--ppc .sgs-pz-strip:hover,.sgd--ppc .sgs-pz-deck:hover{--lift:0px;--spread:1}
  .sgd--ppc .sgs-pz-chip:hover{rotate:var(--t);translate:0 0}
  .sgd--ppc .sgs-pz-disc:hover .sgs-pz-disc__lid,.sgd--ppc .sgs-pz a.sgs-pz-screen__play:hover img{transform:none}
  .sgd--ppc .sgs-pz-coty__roller{display:none}
}

/* SplitText word masks (motion.js): leave room for descenders while the words rise */
.sgd--ppc .sgs-pz [data-pz-split]>div{padding-bottom:.14em;margin-bottom:-.14em}