/*
Theme Name: Platinum Staffing
Theme URI: https://platinum.sitesdelight.com
Author: Sites Delight
Author URI: https://sitesdelight.com
Description: Custom classic theme for Platinum Staffing, Inc. — a boutique legal & corporate recruiting firm (Atlanta, nationwide, est. 2001). Pixel-accurate build of the approved homepage design handoff: navy-and-gold identity, Cormorant Garamond + Libre Franklin (self-hosted), animated hero, Ken Burns collage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: Proprietary — Sites Delight client build
Text Domain: platinum-staffing
*/

/* ============================================================
   SELF-HOSTED FONTS  (house standard — no Google CDN)
   Cormorant Garamond (display serif) · Libre Franklin (body/UI)
   ============================================================ */
@font-face{
  font-family:"Cormorant Garamond";
  font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-500.woff2) format("woff2");
}
@font-face{
  font-family:"Cormorant Garamond";
  font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-600.woff2) format("woff2");
}
@font-face{
  font-family:"Cormorant Garamond";
  font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-700.woff2) format("woff2");
}
@font-face{
  font-family:"Cormorant Garamond";
  font-style:italic;font-weight:500;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-500-italic.woff2) format("woff2");
}
@font-face{
  font-family:"Libre Franklin";
  font-style:normal;font-weight:100 900;font-display:swap;
  src:url(assets/fonts/libre-franklin-var.woff2) format("woff2");
}

/* ============================================================
   TOKENS
   ============================================================ */
:root{
  --ps-navy:#1F3A5F;
  --ps-navyd:#16293f;
  --ps-gold:#D2A426;      /* accents: eyebrows, diamonds, borders, quote marks */
  --ps-goldl:#E7CE86;     /* gold light on dark */
  --ps-goldh:#E0B23A;     /* primary button */
  --ps-goldhover:#E9BE48; /* primary button hover */
  --ps-goldd:#8A6D12;     /* chip text */
  --ps-wave:#B8860B;      /* hero wave gradient */
  --ps-cream:#FBFAF7;
  --ps-white:#FFFFFF;
  --ps-border:#E5E1D8;
  --ps-chipbg:#F3EFE4;
  --ps-body:#41505F;
  --ps-body2:#3A4453;
  --ps-ink:#1A1F26;
  --ps-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --ps-sans:"Libre Franklin",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* distance from the 1420 container edge to the viewport edge (per side) */
  --ps-bleed:calc((100vw - min(100vw - 40px, 1420px)) / 2);
}

/* ============================================================
   BASE
   ============================================================ */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.platinum-home{
  margin:0;
  font-family:var(--ps-sans);
  color:var(--ps-ink);
  background:var(--ps-cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;              /* clip (not hidden) so sticky header still works */
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:var(--ps-gold);text-decoration:none;}
h1,h2,h3,h4{margin:0;}
p{margin:0;}

.ps-container{width:min(100% - 40px, 1420px);margin-inline:auto;}

/* Accessibility: skip link */
.ps-skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--ps-navy);color:#fff;padding:12px 20px;font-weight:600;
}
.ps-skip:focus{left:12px;top:12px;color:#fff;}

:focus-visible{outline:2px solid var(--ps-goldh);outline-offset:3px;}

/* Shared eyebrow label */
.ps-eyebrow{
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--ps-gold);font-weight:600;margin-bottom:14px;
}
.ps-eyebrow--light{color:var(--ps-goldl);}

/* Buttons */
.ps-btn{display:inline-block;font-family:var(--ps-sans);cursor:pointer;text-align:center;
  letter-spacing:0.5px;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s;}
.ps-btn--gold{background:var(--ps-goldh);color:#1A1400;padding:16px 30px;font-size:14px;font-weight:700;border:none;}
.ps-btn--gold:hover{background:var(--ps-goldhover);color:#1A1400;}
.ps-btn--outline{border:1px solid rgba(255,255,255,0.35);color:#fff;padding:16px 30px;font-size:14px;font-weight:600;background:transparent;}
.ps-btn--outline:hover{border-color:var(--ps-wave);color:var(--ps-goldl);}
.ps-btn--navy{background:var(--ps-navy);color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border:none;}
.ps-btn--navy:hover{background:var(--ps-navyd);color:#fff;}

/* ============================================================
   HEADER / NAV
   ============================================================ */
.ps-header{position:sticky;top:0;z-index:50;background:var(--ps-cream);border-bottom:1px solid var(--ps-border);}
.ps-header__inner{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.ps-logo{display:inline-flex;align-items:center;}
.ps-logo img{width:318px;height:auto;display:block;}
.ps-nav{display:flex;align-items:center;gap:30px;}
.ps-nav__link{
  color:var(--ps-body2);font-size:16px;font-weight:400;
  text-underline-offset:7px;text-decoration-thickness:2px;text-decoration-color:var(--ps-ink);
}
.ps-nav__link:hover{color:var(--ps-body2);text-decoration:underline;font-weight:500;}
.ps-nav__link.is-current{color:var(--ps-ink);font-weight:500;text-decoration:underline;}
.ps-nav__cta{
  background:var(--ps-navy);color:#fff;padding:11px 22px;font-size:14px;font-weight:600;
  letter-spacing:0.5px;text-transform:uppercase;
}
.ps-nav__cta:hover{background:var(--ps-navyd);color:#fff;}

/* Hamburger (hidden on desktop) */
.ps-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;
  background:var(--ps-navy);border:none;cursor:pointer;padding:10px;}
.ps-burger span{display:block;height:2px;width:100%;background:#fff;transition:transform .25s,opacity .2s;}
.ps-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ps-burger.is-open span:nth-child(2){opacity:0;}
.ps-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.ps-mobile-panel{display:none;flex-direction:column;gap:4px;background:var(--ps-cream);
  border-bottom:1px solid var(--ps-border);padding:8px 0 20px;}
.ps-mobile-panel.is-open{display:flex;}
.ps-mobile-panel a{color:var(--ps-body2);font-size:17px;font-weight:500;padding:12px 0;}
.ps-mobile-panel a.ps-nav__cta{background:var(--ps-navy);color:#fff;text-align:center;margin-top:10px;padding:14px 22px;}

/* ============================================================
   HERO
   ============================================================ */
.ps-hero{position:relative;background:var(--ps-navy);color:#fff;}
.ps-hero__glow{position:absolute;inset:0;background:radial-gradient(120% 100% at 85% 0%, rgba(184,134,11,0.18), transparent 55%);}
.ps-waves{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.ps-waves svg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;}
.ps-hero__grid{position:relative;padding:84px 0 122px;display:grid;grid-template-columns:minmax(0,1fr) 750px;gap:56px;align-items:center;}
.ps-hero h1{
  font-family:var(--ps-serif);font-weight:600;font-size:70px;line-height:1.06;
  margin:0 0 24px;letter-spacing:-0.5px;
}
.ps-hero h1 .ps-since{color:var(--ps-goldl);font-style:italic;}
.ps-hero h1 .ps-year{font-size:1.2em;}
.ps-hero__sub{font-size:18px;line-height:1.65;color:#C6D0DE;max-width:520px;margin:0 0 36px;font-weight:400;}
.ps-hero__cta{display:flex;gap:16px;flex-wrap:wrap;}

/* Collage */
.ps-collage-wrap{position:relative;}
.ps-collage{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:300px 300px;gap:20px;width:100%;margin-bottom:-60px;}
.ps-tile{position:relative;overflow:hidden;background:var(--ps-navyd);}
.ps-tile--tall{grid-column:1;grid-row:1 / span 2;transform:translateY(-22px);box-shadow:0 26px 52px rgba(0,0,0,0.36);}
.ps-tile--tr{grid-column:2;grid-row:1;transform:translateY(30px);box-shadow:0 22px 44px rgba(0,0,0,0.32);}
.ps-tile--br{grid-column:2;grid-row:2;transform:translate(18px,30px);box-shadow:0 22px 44px rgba(0,0,0,0.32);}
.ps-fade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  animation-name:psFade2;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity,transform;}
.ps-statcard{position:absolute;bottom:-24px;left:-24px;background:var(--ps-cream);color:var(--ps-navy);
  padding:20px 26px;border-top:3px solid var(--ps-gold);box-shadow:0 18px 40px rgba(0,0,0,0.28);z-index:4;}
.ps-statcard__big{font-family:var(--ps-serif);font-size:38px;font-weight:700;line-height:1;}
.ps-statcard__sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ps-body);margin-top:6px;font-weight:600;}
.ps-pausebtn{grid-column:1;grid-row:2;justify-self:end;align-self:end;transform:translateY(30px);z-index:3;
  display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,0.92);color:var(--ps-navy);
  border:none;cursor:pointer;padding:9px 16px;font-family:var(--ps-sans);font-size:12px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;}

@keyframes psFade2{
  0%{opacity:0;transform:scale(1.03);}
  8%{opacity:1;}
  42%{opacity:1;}
  50%{opacity:0;transform:scale(1.12);}
  100%{opacity:0;transform:scale(1.12);}
}
@keyframes psWaveA{0%{transform:translate3d(-4%,0,0);}50%{transform:translate3d(2%,26px,0);}100%{transform:translate3d(-4%,0,0);}}
@keyframes psWaveB{0%{transform:translate3d(2%,10px,0);}50%{transform:translate3d(-4%,-16px,0);}100%{transform:translate3d(2%,10px,0);}}
@keyframes psWaveC{0%{transform:translate3d(-2%,-8px,0);}50%{transform:translate3d(3%,18px,0);}100%{transform:translate3d(-2%,-8px,0);}}
.ps-wave-path{will-change:transform;}

/* paused state (toggled by JS) */
body.ps-paused .ps-fade,
body.ps-paused .ps-wave-path{animation-play-state:paused !important;}

/* ============================================================
   TRUST BAR
   ============================================================ */
.ps-trust{background:var(--ps-navyd);color:#fff;}
.ps-trust__inner{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.ps-trust__label{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#8FA0B6;font-weight:600;}
.ps-trust__item{font-family:var(--ps-serif);font-size:19px;color:var(--ps-goldl);}
.ps-trust__rule{width:1px;height:20px;background:rgba(255,255,255,0.2);}

/* ============================================================
   SECTION SHARED
   ============================================================ */
.ps-section{padding:92px 0;}
.ps-section-h2{
  font-family:var(--ps-serif);font-weight:600;font-size:58px;line-height:1.08;
  margin:0;color:var(--ps-navy);letter-spacing:-0.5px;
}

/* ============================================================
   FEATURED ROLES
   ============================================================ */
.ps-roles__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:44px;flex-wrap:wrap;}
.ps-roles__head h2{line-height:1.05;}
.ps-roles__link{color:var(--ps-navy);font-weight:600;font-size:14px;border-bottom:2px solid var(--ps-gold);padding-bottom:3px;}
.ps-roles__link:hover{color:var(--ps-gold);}
.ps-roles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ps-role{background:#fff;border:1px solid var(--ps-border);padding:30px 28px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;}
.ps-role:hover{box-shadow:0 14px 34px rgba(31,58,95,0.1);border-color:#CBBE9A;}
.ps-role__chip{align-self:flex-start;background:var(--ps-chipbg);color:var(--ps-goldd);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;padding:5px 11px;margin-bottom:20px;}
.ps-role__title{font-family:var(--ps-serif);font-weight:600;font-size:34px;line-height:1.15;margin:0 0 8px;color:var(--ps-navy);}
.ps-role__blurb{font-size:17px;color:var(--ps-body);margin:0 0 22px;line-height:1.55;}
.ps-role__meta{display:flex;flex-direction:column;gap:8px;margin-bottom:26px;font-size:16px;color:var(--ps-body2);}
.ps-role__meta span{display:flex;gap:8px;}
.ps-diamond{color:var(--ps-gold);}
.ps-role__apply{margin-top:auto;text-align:center;border:1px solid var(--ps-navy);color:var(--ps-navy);padding:12px;font-size:14px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;transition:background .2s,color .2s;}
.ps-role__apply:hover{background:var(--ps-navy);color:#fff;}

/* ============================================================
   FOR CANDIDATES (how it works)
   ============================================================ */
.ps-candidates{background:#fff;border-top:1px solid var(--ps-border);border-bottom:1px solid var(--ps-border);}
.ps-candidates__inner{padding:88px 0;}
.ps-center-head{text-align:center;max-width:640px;margin:0 auto 56px;}
.ps-center-head h2{line-height:1.08;margin:0 0 16px;}
.ps-center-head p{font-size:18px;color:var(--ps-body);margin:0;line-height:1.6;font-weight:400;}
.ps-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.ps-step__n{font-family:var(--ps-serif);font-size:38px;font-weight:700;color:var(--ps-gold);line-height:1;margin-bottom:16px;}
.ps-step__title{font-size:22px;font-weight:700;color:var(--ps-navy);margin:0 0 8px;font-family:var(--ps-sans);}
.ps-step p{font-size:17px;color:var(--ps-body);margin:0;line-height:1.6;}
.ps-callout-wrap{margin-top:48px;display:flex;justify-content:center;}
.ps-callout{background:var(--ps-cream);border:1px solid var(--ps-border);border-left:3px solid var(--ps-gold);padding:22px 26px;display:inline-flex;gap:16px;align-items:center;text-align:left;white-space:nowrap;}
.ps-callout__check{font-family:var(--ps-serif);font-weight:700;color:var(--ps-gold);font-size:22px;line-height:1;}
.ps-callout p{margin:0;font-size:17px;color:var(--ps-body2);line-height:1.6;}
.ps-callout strong{color:var(--ps-navy);}

/* ============================================================
   WHY PLATINUM / ABOUT
   ============================================================ */
.ps-about{padding:92px 0;}
.ps-about__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center;}
.ps-portrait-wrap{position:relative;}
.ps-portrait-dots{position:absolute;left:-36px;top:-34px;width:150px;height:130px;background-image:radial-gradient(circle,#C6CACF 2px,transparent 2.5px);background-size:20px 20px;opacity:0.8;z-index:0;pointer-events:none;}
.ps-portrait-block{position:absolute;left:-30px;bottom:-30px;width:72%;height:58%;background:var(--ps-navy);z-index:0;pointer-events:none;}
.ps-portrait{position:relative;z-index:1;aspect-ratio:5/6;overflow:hidden;background:#C6CACF;}
.ps-portrait img{width:100%;height:100%;object-fit:cover;}
.ps-about__copy h2{line-height:1.08;margin:0 0 20px;}
.ps-about__lead{font-size:18px;color:var(--ps-body2);line-height:1.7;margin:0 0 34px;font-weight:400;}
.ps-diffs{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;}
.ps-diff{border-top:1px solid var(--ps-border);padding-top:18px;}
.ps-diff__head{display:flex;gap:10px;align-items:center;margin:0 0 7px;}
.ps-diff__head svg{flex:none;}
.ps-diff__title{font-size:18px;font-weight:700;color:var(--ps-navy);margin:0;font-family:var(--ps-sans);}
.ps-diff p{font-size:17px;color:var(--ps-body);margin:0;line-height:1.55;}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.ps-testi{background:var(--ps-navy);color:#fff;}
.ps-testi__inner{padding:88px 0;}
.ps-testi__inner .ps-center-head{max-width:620px;margin-bottom:52px;}
.ps-testi__inner .ps-center-head h2{color:#fff;}
.ps-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.ps-quote{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-top:3px solid var(--ps-gold);padding:32px 28px;margin:0;display:flex;flex-direction:column;}
.ps-quote__mark{font-family:var(--ps-serif);font-size:46px;color:var(--ps-gold);line-height:0.5;height:22px;}
.ps-quote blockquote{margin:0 0 24px;font-size:17px;line-height:1.65;color:#DCE3EC;font-weight:400;}
.ps-quote figcaption{margin-top:auto;border-top:1px solid rgba(255,255,255,0.12);padding-top:16px;}
.ps-quote__name{font-family:var(--ps-serif);font-size:19px;font-weight:600;color:#fff;}
.ps-quote__role{font-size:12px;color:#8FA0B6;margin-top:3px;line-height:1.4;}

/* ============================================================
   FOR EMPLOYERS
   ============================================================ */
.ps-employers{padding:92px 0;}
.ps-employers__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.ps-employers__copy h2{line-height:1.08;margin:0 0 20px;}
.ps-employers__lead{font-size:18px;color:var(--ps-body2);line-height:1.7;margin:0 0 30px;font-weight:400;}
.ps-place{display:flex;flex-direction:column;gap:14px;margin-bottom:34px;}
.ps-place__row{display:flex;gap:12px;align-items:flex-start;}
.ps-place__row .ps-diamond{font-size:13px;margin-top:2px;}
.ps-place__row span:last-child{font-size:17px;color:var(--ps-body2);}
.ps-place__row strong{color:var(--ps-navy);}
.ps-employers__figwrap{position:relative;}
.ps-employers__dots{position:absolute;top:-40px;right:calc(-1 * var(--ps-bleed));width:200px;height:150px;background-image:radial-gradient(circle,#C6CACF 2px,transparent 2.5px);background-size:20px 20px;opacity:0.8;z-index:0;pointer-events:none;}
.ps-employers__panel{position:absolute;left:34px;right:0;bottom:-34px;height:96px;background:var(--ps-navy);z-index:0;pointer-events:none;}
.ps-employers__fig{position:relative;z-index:1;background:var(--ps-chipbg);border:1px solid var(--ps-border);border-top:3px solid var(--ps-gold);
  padding:38px calc(34px + var(--ps-bleed)) 38px 34px;margin:0 calc(-1 * var(--ps-bleed)) 0 0;}
.ps-employers__mark{font-family:var(--ps-serif);font-size:66px;color:var(--ps-gold);line-height:0.5;height:26px;}
.ps-employers__fig blockquote{margin:0 0 26px;font-family:var(--ps-sans);font-size:20px;line-height:1.55;color:var(--ps-navy);font-weight:400;}
.ps-employers__fig figcaption{border-top:1px solid #DAD3C2;padding-top:18px;}
.ps-employers__cname{font-weight:700;color:var(--ps-navy);font-size:15px;}
.ps-employers__crole{font-size:12.5px;color:var(--ps-body);margin-top:3px;}

/* ============================================================
   FINAL CTA
   ============================================================ */
.ps-cta{background:var(--ps-navyd);color:#fff;position:relative;overflow:hidden;}
.ps-cta__glow{position:absolute;inset:0;background:radial-gradient(100% 120% at 50% 0%, rgba(184,134,11,0.16), transparent 60%);}
.ps-cta__inner{width:min(100% - 40px, 820px);margin-inline:auto;padding:90px 0;text-align:center;position:relative;}
.ps-cta h2{font-family:var(--ps-serif);font-weight:600;font-size:66px;line-height:1.05;margin:0 0 22px;letter-spacing:-0.5px;}
.ps-cta__sub{font-size:18px;color:#C6D0DE;line-height:1.6;margin:0 0 38px;font-weight:400;}
.ps-cta__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;}
.ps-cta__contact{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;font-size:14px;color:#8FA0B6;font-style:normal;}
.ps-cta__contact a{color:var(--ps-goldl);}

/* ============================================================
   FOOTER
   ============================================================ */
.ps-footer{background:var(--ps-navy);color:#8FA0B6;border-top:1px solid rgba(255,255,255,0.08);}
.ps-footer__inner{padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.ps-footer__brand{display:flex;align-items:center;gap:12px;}
.ps-footer__mark{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,0.06);color:var(--ps-goldl);font-family:var(--ps-serif);font-weight:700;font-size:18px;border:1px solid rgba(184,134,11,0.5);}
.ps-footer__name{font-family:var(--ps-serif);font-size:18px;color:#fff;letter-spacing:0.5px;}
.ps-footer__nav{display:flex;gap:26px;font-size:14px;flex-wrap:wrap;}
.ps-footer__nav a{color:#C6D0DE;}
.ps-footer__nav a:hover{color:var(--ps-goldl);}
.ps-footer__legal{font-size:12px;color:#5E7089;}

/* ============================================================
   RESPONSIVE  (desktop is the 1:1 target; below = graceful house-standard reflow)
   ============================================================ */
@media (max-width:1160px){
  /* nav → hamburger */
  .ps-nav{display:none;}
  .ps-burger{display:flex;}
  /* hero stacks: copy first, collage below */
  .ps-hero__grid{grid-template-columns:1fr;gap:48px;padding:64px 0 90px;}
  .ps-hero h1{font-size:58px;}
  .ps-collage{max-width:600px;margin-inline:auto;}
  /* roles 3→2, steps 4→2, testimonials 3→2 */
  .ps-roles__grid{grid-template-columns:repeat(2,1fr);}
  .ps-steps{grid-template-columns:repeat(2,1fr);row-gap:40px;}
  .ps-testi__grid{grid-template-columns:repeat(2,1fr);}
  /* about + employers stack, text first */
  .ps-about__grid,.ps-employers__grid{grid-template-columns:1fr;gap:48px;}
  .ps-about__grid .ps-portrait-wrap{order:2;max-width:460px;margin-inline:auto;width:100%;}
  .ps-about__grid .ps-about__copy{order:1;}
  .ps-employers__grid .ps-employers__figwrap{order:2;}
  .ps-employers__grid .ps-employers__copy{order:1;}
  /* drop the right-edge bleed when employer figure is full width */
  .ps-employers__fig{padding:34px 34px;margin-right:0;}
  .ps-employers__dots{right:0;}
  .ps-section-h2,.ps-center-head h2,.ps-about__copy h2,.ps-employers__copy h2{font-size:50px;}
  .ps-cta h2{font-size:54px;}
  .ps-callout{white-space:normal;}
}

@media (max-width:800px){
  /* everything single column */
  .ps-roles__grid,.ps-steps,.ps-testi__grid,.ps-diffs{grid-template-columns:1fr;}
  .ps-diffs{gap:22px;}
  /* hero type + collage settle */
  .ps-hero h1{font-size:42px;}
  .ps-hero__grid{padding:48px 0 72px;}
  .ps-collage{grid-template-columns:1.12fr 1fr;grid-template-rows:200px 200px;margin-bottom:0;gap:14px;}
  .ps-tile--tall,.ps-tile--tr,.ps-tile--br{transform:none;box-shadow:0 14px 30px rgba(0,0,0,0.30);}
  .ps-pausebtn{transform:none;}
  .ps-statcard{position:static;display:inline-block;margin-top:20px;left:auto;bottom:auto;}
  .ps-collage-wrap{margin-bottom:0;}
  /* headings step down */
  .ps-section-h2,.ps-center-head h2,.ps-about__copy h2,.ps-employers__copy h2{font-size:36px;}
  .ps-cta h2{font-size:40px;}
  .ps-role__title{font-size:30px;}
  .ps-section,.ps-about,.ps-employers,.ps-candidates__inner,.ps-testi__inner{padding-top:64px;padding-bottom:64px;}
  /* footer stacks centered */
  .ps-footer__inner{flex-direction:column;text-align:center;gap:20px;}
  .ps-footer__nav{justify-content:center;}
  .ps-cta__contact{gap:14px 24px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .ps-fade,.ps-wave-path{animation:none !important;}
  /* show the first frame of each collage tile so images remain visible */
  .ps-fade:first-of-type{opacity:1;}
}