@import url("/fonts.css");:root{--navy:#071832;--blue:#0b377c;--electric:#0749b7;--red:#ea3147;--off:#f5f3ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--navy);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}.draft{background:#f8db9a;color:#553913;text-align:center;letter-spacing:.13em;font-size:10px;font-weight:800;padding:8px 15px;text-transform:uppercase}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#fff;gap:20px}.brand{display:flex;align-items:center;gap:13px}.mark{font:700 37px 'Space Grotesk',sans-serif;color:var(--blue);letter-spacing:-.11em}.mark span{color:var(--red)}.brandwords{font-weight:900;font-size:13px;letter-spacing:.12em;line-height:1.25}.brandwords small{display:block;color:#63718a;font-size:9px;letter-spacing:.12em;margin-top:4px}nav{display:flex;gap:35px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.09em}nav a:hover{color:var(--red)}.hero{min-height:690px;background:var(--navy);position:relative;overflow:hidden;display:grid;grid-template-columns:58% 42%;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 40%,#2056a4 0,transparent 43%),linear-gradient(115deg,#051228 5%,#0b2b61 100%)}.hero-inner{position:relative;z-index:2;padding:98px 0 85px 9.4%}.eyebrow,.section-kicker{letter-spacing:.24em;font-size:11px;font-weight:900;text-transform:uppercase}.eyebrow{color:#b0c9f3}.live-dot{display:inline-block;background:#ed344a;border-radius:50%;width:8px;height:8px;margin-right:6px}.hero h1,.page-head h1{font:700 clamp(75px,9.2vw,147px)/.84 'Space Grotesk',sans-serif;letter-spacing:-.09em;margin:35px 0 24px}.hero h1 em,.page-head h1 em{font-style:normal;color:#ff5369}.redline{background:var(--red);width:90px;height:7px;margin:30px 0}.hero-sub{max-width:570px;color:#c9d7ee;font-size:17px;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;min-height:49px;padding:13px 20px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.08em;border-radius:3px}.primary{background:var(--red);color:#fff}.secondary{border:1px solid #7892b9;color:#fff}.white{background:white;color:var(--navy)}.dark{background:var(--navy);color:white}.hero-side{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:55px 11% 55px 0;flex-direction:column}.portrait-frame{width:100%;max-width:480px;aspect-ratio:.8;border-radius:240px 240px 10px 10px;padding:12px;border:1px solid #5a84bb;box-shadow:0 25px 80px #0004}.photo-placeholder{background:linear-gradient(135deg,#0d408b,#0b244b);width:100%;height:100%;border-radius:230px 230px 3px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.photo-placeholder span{font:700 clamp(45px,6vw,90px)/.8 'Space Grotesk';letter-spacing:-.1em;opacity:.25}.photo-placeholder small{font-size:9px;letter-spacing:.2em;color:#99bcf0;margin-top:30px;line-height:2}.portrait-label{margin-top:24px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#a8badd}.vert-label{position:absolute;right:14px;bottom:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.24em;color:#a1b6d6}.ticker{background:#ea344b;display:flex;gap:35px;padding:19px 5%;justify-content:space-around;color:white;font-weight:900;letter-spacing:.16em;font-size:12px}.star{font-size:21px}.wrap{max-width:1330px;padding-left:6%;padding-right:6%;margin:auto}.intro{padding-top:105px;padding-bottom:118px}.section-kicker{color:var(--red)}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.split-heading h2,.feature h2,.closing h2,.bio h2{font:700 clamp(44px,5.5vw,77px)/.99 'Space Grotesk';letter-spacing:-.07em;margin:18px 0}.split-heading h2 i,.feature h2 i,.closing h2 i{font-style:normal;color:var(--red)}.split-heading p{max-width:310px;color:#59657a;line-height:1.7}.issue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.issue{background:#fff;min-height:320px;padding:25px;display:flex;justify-content:space-between;flex-direction:column;border:1px solid #e2e2df;transition:transform .2s,box-shadow .2s}.issue:hover{transform:translateY(-6px);box-shadow:0 20px 30px #0b21411c}.count{color:var(--red);font-weight:900;font-size:13px}.glyph{font-size:44px;color:var(--blue)}.issue h3{font:700 25px/1.1 'Space Grotesk';letter-spacing:-.04em}.go{color:var(--red);font-weight:bold}.feature{background:var(--blue);color:#fff}.feature-inner{min-height:590px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.light{color:#adc5fa}.feature p{line-height:1.8;max-width:500px;color:#d1ddf1}.feature-art{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6582be;border-radius:50% 50% 0 0}.feature-art span{font:700 240px/.8 'Space Grotesk';letter-spacing:-.1em;color:#ffffff1b}.feature-art small{text-align:center;letter-spacing:.2em;font-weight:800;font-size:10px}.closing{text-align:center;padding-top:130px;padding-bottom:140px}.closing p{max-width:530px;color:#59657a;margin:25px auto}.page-head{background:linear-gradient(120deg,#07172d,#0e438d);color:#fff;padding:90px 0 100px}.page-head h1{font-size:clamp(80px,11vw,155px)}.page-head p{color:#c4d4ed;max-width:560px;font-size:18px}.bio{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;padding-top:115px;padding-bottom:120px}.bio p{font-size:17px;line-height:1.9;color:#4d5c70}.bio strong{color:var(--navy)}.caveat{font-size:13px!important}.facts{background:#fff;border-top:7px solid var(--red);padding:42px}.fact-top{display:flex;justify-content:space-between;font-weight:900;letter-spacing:.13em;font-size:12px;margin-bottom:32px}.fact-top span{color:var(--red)}dt{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#8390a1;font-weight:900;margin-top:25px}dd{margin:6px 0;font-weight:700;font-size:16px;line-height:1.5}.quote-band{background:var(--red);padding:45px 0;color:#fff;font-weight:900;letter-spacing:.2em;text-align:center}.policy-list{padding-top:85px;padding-bottom:70px}.policy{border-bottom:1px solid #d1d5db;display:grid;grid-template-columns:75px 1fr 50px;gap:20px;padding:40px 10px}.policy-no{color:var(--red);font-weight:900}.policy h2{font:700 clamp(33px,4vw,55px) 'Space Grotesk';letter-spacing:-.055em;margin:0}.policy p{font-size:17px;color:#4b6075}.policy small{color:#99a2ac}.policy-glyph{font-size:30px;color:var(--red)}footer{background:#06152b;color:#a2b2ce;padding:60px 6%;font-size:12px}footer .footbrand{font-weight:900;color:white;letter-spacing:.13em;font-size:14px}footer .footbrand span{color:var(--red)}.footlinks{display:flex;gap:20px;margin-top:27px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}@media(max-width:850px){header{height:auto;padding:20px 5%;flex-wrap:wrap}nav{width:100%;gap:20px;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-inner{padding:70px 7% 10px}.hero-side{padding:15px 8% 55px}.portrait-frame{width:75%;max-width:360px;aspect-ratio:.9}.hero h1{font-size:clamp(72px,16vw,130px)}.vert-label{display:none}.split-heading{display:block}.issue-grid{grid-template-columns:repeat(2,1fr)}.feature-inner,.bio{grid-template-columns:1fr}.feature-inner{padding-top:70px;padding-bottom:70px}.feature-art{min-height:300px}.feature-art span{font-size:150px}}@media(max-width:520px){.ticker{gap:10px;flex-wrap:wrap;font-size:9px}.issue-grid{grid-template-columns:1fr}.issue{min-height:200px}.hero h1{letter-spacing:-.09em}.bio{padding-top:65px}.page-head{padding:65px 0}.policy{grid-template-columns:33px 1fr 25px;gap:8px}}
/* Approved JPH monogram and Queens campaign photography */
.mark{letter-spacing:-.065em;white-space:nowrap;flex-shrink:0}.hero{grid-template-columns:53% 47%}.hero-side{padding:55px 8% 55px 0}.campaign-hero-portrait{width:100%;max-width:580px;margin:0}.campaign-hero-portrait .campaign-photo{width:100%;height:600px;display:block;object-fit:cover;object-position:65% center;border-radius:5px;border-bottom:5px solid var(--red);box-shadow:0 24px 70px #0003}.campaign-hero-portrait figcaption{margin-top:22px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;line-height:1.8;color:#b7c8e3}.feature-photo .campaign-photo{width:100%;height:440px;display:block;object-fit:cover;object-position:65% center;border-radius:5px;border-bottom:5px solid var(--red)}.facts>.campaign-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:65% center;display:block;margin-bottom:32px}.approved-statement p{font-size:17px;line-height:1.85}.photo-page-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center}.photo-page-head{padding:65px 0}.page-photo .campaign-photo{width:100%;height:410px;display:block;object-fit:cover;object-position:65% center;border-radius:5px;border-bottom:5px solid var(--red)}.photo-page-head h1{font-size:clamp(70px,8vw,125px)}a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(max-width:1000px){.hero-side{padding-right:6%}.campaign-hero-portrait .campaign-photo{height:530px}.hero-inner{padding-left:10.5%}.hero h1{font-size:clamp(75px,9vw,110px)}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-inner{padding:70px 7% 20px}.hero-side{padding:25px 7% 55px}.campaign-hero-portrait{max-width:650px}.campaign-hero-portrait .campaign-photo{height:auto;aspect-ratio:4/3;object-position:65% center}.feature-photo .campaign-photo{height:auto;aspect-ratio:4/3}.photo-page-grid{grid-template-columns:1fr;gap:35px}.page-photo .campaign-photo{height:auto;aspect-ratio:4/3}.facts{margin-top:25px}.hero h1{font-size:clamp(72px,16vw,130px)}}
@media(max-width:520px){.campaign-hero-portrait .campaign-photo,.feature-photo .campaign-photo,.page-photo .campaign-photo{aspect-ratio:1/1}.approved-statement p{font-size:16px;line-height:1.8}.facts{padding:26px}.brandwords{font-size:11px}.brandwords small{font-size:8px}.mark{font-size:35px}.brand{gap:11px}}

/* Keep John and the Unisphere visible beside the landing-page name. */
.campaign-hero-portrait .unisphere-photo{object-position:center center}
@media(max-width:850px){.campaign-hero-portrait .unisphere-photo{aspect-ratio:1/1}}

/* Portrait crops keep faces and outfit details visible. */
.feature-photo .campaign-photo,.facts>.campaign-photo,.page-photo .campaign-photo{object-position:center 20%}

/* Clear, readable campaign priorities and direct issue links. */
.policy{scroll-margin-top:32px}.policy p{max-width:78ch;line-height:1.8;margin:18px 0 0}.policy-list{padding-bottom:90px}