:root { --ink:#171a1a; --cream:#f7f5ee; --gold:#af743f; --navy:#233848; --olive:#697151; --seafoam:#bed2c4; --blush:#e8c6c4; --line:rgba(23,26,26,.22); --display:'Anton', Impact, sans-serif; --body:'Epilogue', Arial, sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font:400 15px/1.5 var(--body); } a { color:inherit; } .site-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:8px 3vw; border-bottom:1px solid var(--line); } footer { display:flex; align-items:center; justify-content:space-between; padding:10px 3vw; border-bottom:1px solid var(--line); } .brand-logo,.footer-logo { justify-self:start; display:block; width:135px; height:55px; }.brand-logo img,.footer-logo img { display:block; width:135px; height:auto; }.header-link { justify-self:end; }.wordmark, footer span:first-child { font:400 33px/1 var(--display); text-decoration:none; letter-spacing:.02em; } .eyebrow, .section-number { margin:0; font-size:9px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; } .site-header .eyebrow,.header-link { font-size:9px; font-weight:700; text-decoration:none; text-transform:uppercase; } .header-link span { margin-left:5px; }
.intro { min-height:232px; padding:31px 7vw 28px; display:block; border-bottom:1px solid var(--line); text-align:center; } h1,h2 { margin:0; font-family:var(--display); font-weight:400; line-height:.95; letter-spacing:.01em; } h1 { margin-top:5px; font-size:clamp(34px,4.5vw,62px); } h2 { font-size:clamp(27px,3.1vw,48px); } .intro > div:first-child .eyebrow { color:var(--gold); font-size:12px; letter-spacing:.13em; } .intro-detail { max-width:560px; margin:15px auto 0; padding-bottom:0; font-size:13px; line-height:1.42; } .intro-detail .meta { margin:8px 0 0; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hub-overview { padding:28px 4vw 31px; display:grid; grid-template-columns:.78fr 2.2fr; gap:38px; background:var(--cream); border-bottom:1px solid var(--line); }.hub-overview h2 { margin-top:10px; font-size:clamp(31px,3.5vw,52px); }.overview-links { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.overview-links a { min-height:48px; display:flex; align-items:center; gap:9px; padding:9px 11px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--ink); font-size:9px; font-weight:700; letter-spacing:.035em; text-decoration:none; text-transform:uppercase; transition:.2s; }.overview-links a:hover { background:var(--gold); }.overview-links span { color:#79756e; font-size:9px; }.overview-links b { margin-left:auto; font-size:14px; font-weight:400; }
.experience-panel { grid-column:span 6; padding:24px 2.8vw 26px; display:grid; grid-template-columns:.45fr 1fr; gap:18px; background:var(--navy); color:var(--cream); border-bottom:1px solid var(--ink); } .experience-panel .eyebrow,.experience-panel h2 { color:var(--gold); } .experience-panel h2 { margin-top:7px; font-size:clamp(28px,3.4vw,48px); } .agenda { grid-column:2; margin:0; padding:0; list-style:none; border-top:1px solid rgba(247,245,238,.75); } .agenda li { display:grid; grid-template-columns:86px 1fr; gap:8px; padding:7px 0; border-bottom:1px solid rgba(247,245,238,.75); font-size:10px; } .agenda time { color:var(--gold); font-weight:700; }
.portal-grid { display:grid; grid-template-columns:repeat(12,1fr); } .portal-card { min-height:300px; padding:20px 2.8vw 24px; display:block; border-right:1px solid var(--line); border-bottom:1px solid var(--line); } .portal-card > .section-number { margin-bottom:7px; } .portal-card > div { max-width:630px; } .portal-card h2 { margin:8px 0 11px; } .portal-card p:not(.eyebrow):not(.section-number) { max-width:500px; margin:0 0 17px; font-size:13px; } .featured { grid-column:span 6; min-height:0; padding:26px 3.8vw 30px; background:var(--ink); color:var(--cream); } .featured h2 { font-size:clamp(42px,4.7vw,70px); } .graphic-card { grid-column:span 6; grid-row:span 2; background:var(--blush); } .graphic-card h2 { max-width:630px; font-size:clamp(32px,3.8vw,55px); } .social-card { grid-column:span 4; background:var(--navy); color:var(--cream); } .theme-card { grid-column:span 7; background:#fbfaf6; } .theme-card h2 { font-size:clamp(34px,4.1vw,61px); max-width:750px; } .tensions,.policy-list { padding:0; list-style:none; } .tensions { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 22px; margin:18px 0 0; font-size:11px; font-weight:700; } .tensions li { padding-top:7px; border-top:1px solid var(--line); } .tensions em { font-weight:400; }.guide-note { margin-top:17px !important; font-size:11px !important; font-style:italic; }
.attendees-card { grid-column:span 5; background:var(--olive); color:var(--cream); } .attendees-card .lead { font-size:16px; line-height:1.25; font-weight:600; }.guide-card { grid-column:span 5; background:var(--seafoam); } .details-card { grid-column:span 4; background:var(--blush); } .partners-card { grid-column:span 8; background:var(--ink); color:var(--cream); } .partners { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:20px 0 0; padding:0; list-style:none; } .partners li { min-height:78px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid rgba(243,240,232,.48); text-align:center; font:400 18px/.95 var(--display);}.partners .placeholder { color:rgba(243,240,232,.62); font-size:12px;}.insights-card { grid-column:span 5; background:var(--olive); color:var(--cream);}.policy-card { grid-column:span 7; background:#fff;}.policy-card h2 { font-size:clamp(35px,3.8vw,58px);}.policy-list { font-size:11px;}.policy-list li { margin:0 0 10px;}.photos-card { grid-column:span 5; background:var(--seafoam);}.keep-going-card { grid-column:span 7; min-height:330px; background:var(--navy); color:var(--cream);}.keep-going-card h2 { font-size:clamp(27px,3.1vw,48px);}
.button,.text-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; margin-top:4px; padding:13px 15px; border:1.5px solid currentColor; background:transparent; color:var(--ink); cursor:pointer; font:700 10px/1 var(--body); letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:.2s; }.button:hover,.text-button:hover { transform:translateY(-2px); background:var(--ink); border-color:var(--ink); color:var(--cream); }.button-light { background:var(--cream); color:var(--ink); border-color:var(--cream); }.button-dark { background:var(--ink); color:var(--cream); }.button-gold { background:var(--gold); color:var(--ink); border-color:var(--gold); }.button-outline-light { border-color:var(--cream); color:var(--cream); }.button-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }.text-button { padding:12px 0; border-width:0 0 1px; border-radius:0; }.social-card .text-button { color:var(--cream); border-color:var(--cream); }.social-card .text-button:hover { background:transparent; }.post-copy { font-style:italic; }.toast { position:fixed; right:24px; bottom:24px; z-index:2; max-width:340px; padding:14px 18px; color:var(--cream); background:var(--ink); opacity:0; pointer-events:none; transform:translateY(8px); transition:.25s; font-size:12px; }.toast.show { opacity:1; transform:translateY(0); }.social-card .button-outline-light,.keep-going-card .button-outline-light { color:var(--cream); }.social-card .button-gold { color:var(--ink); }.insights-card .button-dark { border-color:var(--ink); }
.graphic-builder { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:17px; }.graphic-builder label { display:grid; gap:5px; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.graphic-builder input { width:100%; min-height:37px; padding:8px 9px; border:1px solid rgba(23,26,26,.6); border-radius:0; background:#fff9f7; color:var(--ink); font:400 11px var(--body); }.graphic-builder input[type="file"] { padding:8px 6px; font-size:9px; }.graphic-preview { grid-column:span 4; display:grid; grid-template-columns:1fr 1.3fr; min-height:215px; overflow:hidden; margin-top:3px; background:var(--navy); color:var(--cream); }.preview-photo { display:flex; align-items:center; justify-content:center; background:#ceb8ae center/cover no-repeat; font:700 13px/.95 var(--body); text-align:center; }.preview-photo.has-image span { display:none; }.preview-copy { display:flex; flex-direction:column; justify-content:flex-end; padding:18px; }.preview-copy p { margin:0 0 auto !important; color:var(--gold); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.preview-copy strong { font:400 clamp(25px,3vw,44px)/.9 var(--display); }.preview-copy span,.preview-copy i { margin-top:7px; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-style:normal; }.preview-copy i { color:var(--gold); }.preview-copy em { margin-top:16px; color:var(--gold); font:400 25px/1 var(--display); font-style:normal; }.graphic-builder .button-row { grid-column:span 4; }
.headshot-position { grid-column:span 4; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }.headshot-position label { font-size:8px; }.headshot-position input[type="range"] { min-height:15px; padding:0; accent-color:var(--gold); }.palette-picker { grid-column:span 4; display:flex; gap:7px; flex-wrap:wrap; align-items:center; }.palette-picker p { width:100%; margin:0 0 1px; font-size:9px; font-weight:700; letter-spacing:.1em; }.palette-button { padding:7px 10px; border:1px solid var(--ink); background:transparent; color:var(--ink); cursor:pointer; font:700 8px var(--body); letter-spacing:.07em; text-transform:uppercase; }.palette-button.active,.palette-button:hover { background:var(--ink); color:var(--cream); }.graphic-preview { position:relative; display:block; min-height:300px; }.graphic-preview[data-palette="white"] { background:#fff; color:#171a1a; }.graphic-preview[data-palette="rose"] { background:#d9aaa8; color:#171a1a; }.graphic-preview[data-palette="seafoam"] { background:#bed2c4; color:#171a1a; }.graphic-preview[data-palette="navy"] { background:#233848; color:#f7f5ee; }.preview-photo { position:absolute; z-index:1; left:8%; top:29%; width:31%; height:46%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; border:2px solid currentColor; background-size:100%; }.preview-photo.has-image .choose-file { opacity:0; pointer-events:none; }.choose-file { padding:9px 10px; border:1px solid #171a1a; background:#fff; color:#171a1a; cursor:pointer; font:700 8px/1 var(--body); letter-spacing:.08em; text-transform:uppercase; }.preview-copy { position:relative; min-height:300px; padding:18px 7% 16px 43%; }.preview-copy img { position:absolute; top:18px; left:7%; width:120px; height:38px; object-fit:cover; object-position:top; }.preview-copy p { margin:3px 0 5px !important; font-size:9px; }.preview-copy strong { display:block; white-space:nowrap; font-size:clamp(28px,3.1vw,46px); }.preview-copy span { display:block; max-width:330px; margin-top:8px; font-size:8px; }.preview-copy b { display:block; margin-top:23px; font-size:22px; }.preview-copy small { display:block; font-size:8px; }.preview-copy i { position:absolute; bottom:15px; left:7%; width:86%; padding-top:7px; border-top:1px solid currentColor; color:inherit; font-size:7px; }.graphic-preview[data-palette="navy"] .preview-copy p { color:#af743f; }.share-copy { margin-top:22px; padding-top:18px; border-top:1px solid rgba(23,26,26,.3); }.share-copy .post-copy { max-width:700px; }.report-card { grid-column:span 7; background:var(--cream); }.overview-agenda { background:var(--gold); }.compact-policy { margin:18px 0 8px; }
.intro-calendar { margin-top:14px; }.graphic-preview { border:7px solid var(--gold); outline:1px dashed var(--ink); outline-offset:5px; }.graphic-preview[data-palette="black"] { background:#171a1a; color:#f7f5ee; }.graphic-preview[data-palette="black"] .preview-copy p,.graphic-preview[data-palette="black"] .preview-copy u { color:#af743f; }.preview-copy img { width:145px; height:auto; object-fit:contain; }.preview-copy p { margin:68px 0 5px !important; }.preview-copy u { display:block; margin-top:13px; color:var(--gold); font:700 7px/1.35 var(--body); letter-spacing:.06em; text-decoration:none; }.preview-copy b { margin-top:19px; font:400 28px/.95 var(--display); }.preview-copy small { margin-top:5px; font:700 14px/1.15 var(--body); letter-spacing:.025em; text-transform:none; }.preview-copy i { padding-top:0; border-top:0; }
.portal-card h2,.experience-panel h2,.hub-overview h2,.keep-going-card h2 { font-size:clamp(27px,3.1vw,48px) !important; }.partners-card { grid-column:1 / -1; text-align:center; }.partners-card .partners { max-width:900px; margin:20px auto 0; }.partners-card .partners li { font-size:21px; }.insights-card,.report-card,.photos-card,.keep-going-card { grid-column:span 6; min-height:310px; }.keep-going-card { background:var(--blush); color:var(--ink); }.keep-going-card .button-outline-light { border-color:var(--ink); color:var(--ink); }.experience-panel { display:block; padding-left:3.8vw; }.experience-panel h2 { white-space:nowrap; }.experience-panel .section-number { margin-bottom:7px; }.experience-panel .agenda { margin-top:15px; }.preview-copy p { margin:42px 0 5px !important; }.preview-copy b { margin-top:12px; font:400 27px/.95 var(--display); }.preview-copy small { margin-top:5px; font:700 15px/1.15 var(--body); letter-spacing:.025em; text-transform:none; }.preview-copy em { display:block; margin-top:11px; font:400 10px/1.32 var(--body); }.preview-copy i { bottom:13px; font-size:8px; }.graphic-builder .button-row { flex-wrap:nowrap; }.graphic-preview[data-palette="black"] .preview-copy img { filter:brightness(0) invert(1); }
.theme-card,.attendees-card { grid-column:span 6; }.partners-card > div { margin:0 auto; }.partners-card .section-number { text-align:center; }.graphic-preview[data-palette="rose"] { background:#e5b5bd; }.graphic-preview[data-palette="rose"] .preview-copy p,.graphic-preview[data-palette="rose"] .preview-copy u { color:var(--gold); }.graphic-preview { border-color:var(--gold); }.preview-copy p { margin:20px 0 5px !important; }.preview-copy em { font-size:12px; line-height:1.35; }.graphic-builder .button-row { width:100%; gap:5px; }.graphic-builder .button-row .button { flex:1 1 0; padding:10px 7px; gap:5px; white-space:nowrap; font-size:8px; }.graphic-preview[data-palette="navy"] { background:#9bc9df; color:var(--ink); }.graphic-preview[data-palette="navy"] .preview-copy p,.graphic-preview[data-palette="navy"] .preview-copy u { color:var(--gold); }
.preview-photo { left:5%; width:31%; height:auto; aspect-ratio:1; top:31%; border-radius:50%; overflow:hidden; }.preview-copy img { left:5%; }.preview-copy i { left:5%; width:88%; }.preview-copy em { font:700 italic 11px/1.35 var(--body); letter-spacing:-.02em; }.preview-copy p { margin-top:6px !important; }.preview-copy span { font-size:10px; }.graphic-builder .button-row { display:flex; flex-wrap:nowrap; width:100%; }.graphic-builder .button-row .button { min-width:0; width:100%; white-space:nowrap; }
.palette-picker { flex-wrap:nowrap; }.palette-picker p { width:auto; white-space:nowrap; margin-right:4px; }.palette-button { white-space:nowrap; padding:7px 8px; }.graphic-preview[data-palette="rose"] { background:#f2cdd1; }.graphic-preview[data-palette="neon"] { background:#d6ff35; color:#171a1a; }.graphic-preview[data-palette="neon"] .preview-copy p { color:#af743f; }.preview-photo { width:24%; top:35%; }.preview-copy em { font-size:11px; }
.graphic-preview { overflow:hidden; border-width:8px; }.graphic-preview::before { content:""; position:absolute; z-index:0; width:110%; height:140%; left:-53%; top:-55%; border-radius:50%; background:rgba(255,255,255,.25); }.graphic-preview::after { content:""; position:absolute; z-index:0; width:115%; height:62%; left:-20%; bottom:-42%; border-radius:50% 50% 0 0; background:rgba(23,26,26,.10); }.graphic-preview[data-palette="white"]::before { background:rgba(175,116,63,.16); }.graphic-preview[data-palette="rose"]::before { background:#e2aeb4; }.graphic-preview[data-palette="neon"]::before { background:rgba(23,26,26,.13); }.graphic-preview[data-palette="seafoam"]::before { background:#98bca8; }.graphic-preview[data-palette="navy"]::before { background:#78aecc; }.graphic-preview[data-palette="black"]::before { background:#343536; }.preview-photo { z-index:3; width:29%; top:39%; border-width:7px; border-color:var(--cream); box-shadow:0 0 0 1px rgba(23,26,26,.25); }.preview-copy { z-index:2; min-height:320px; padding:28px 7% 16px 45%; }.preview-copy img { z-index:2; }.preview-copy p { margin-top:34px !important; }.preview-copy strong { font-size:clamp(29px,3.4vw,51px); }.preview-copy span { font-size:10px; font-weight:700; }.graphic-identity { position:absolute; z-index:4; left:22%; top:61%; width:68%; padding:12px 18px; border-radius:0 40px 40px 0; background:rgba(23,26,26,.72); color:var(--cream); }.graphic-identity b { display:block; margin:0; font:400 25px/.95 var(--display); }.graphic-identity small { display:block; margin-top:4px; color:var(--cream); font:700 11px/1.15 var(--body); }.preview-copy em { position:absolute; left:45%; right:7%; bottom:49px; margin:0; font-size:10px; }.preview-copy i { z-index:4; bottom:14px; }.graphic-preview[data-palette="white"] .graphic-identity,.graphic-preview[data-palette="rose"] .graphic-identity,.graphic-preview[data-palette="neon"] .graphic-identity,.graphic-preview[data-palette="seafoam"] .graphic-identity,.graphic-preview[data-palette="navy"] .graphic-identity { background:rgba(23,26,26,.72); }
.preview-copy p { margin-top:10px !important; }.graphic-identity { left:45%; top:49%; width:48%; }.preview-copy em { left:45%; }
.graphic-preview { min-height:400px; }.preview-copy { display:block; min-height:400px; padding:0; }.preview-copy img { top:20px; left:5%; }.preview-copy p { position:absolute; top:88px; left:45%; margin:0 !important; }.preview-copy strong { position:absolute; top:106px; left:45%; white-space:nowrap; }.preview-copy span { position:absolute; top:166px; left:45%; right:6%; margin:0; }.graphic-identity { top:205px; left:45%; width:48%; }.preview-copy em { top:285px; left:45%; right:7%; bottom:auto; font-size:10px; line-height:1.35; }.preview-copy i { left:5%; width:35%; bottom:18px; font-size:7px; }.preview-photo { width:24%; top:38%; height:auto; aspect-ratio:1; }.preview-photo span { position:static; }.choose-file { position:static; }.graphic-identity b { font-size:22px; }.graphic-identity small { font-size:10px; }
.preview-copy p { top:80px; left:43%; }.preview-copy strong { top:113px; left:43%; letter-spacing:.01em; word-spacing:normal; }.preview-copy span { top:177px; left:43%; }.graphic-identity { top:216px; left:43%; width:50%; }.preview-copy em { top:294px; left:43%; }.preview-photo { width:30%; top:28%; }.preview-copy i { width:38%; bottom:18px; font-size:9px; line-height:1.45; }

/* A subtle type increase only; the established graphic colors and layout stay unchanged. */
.preview-copy p { font-size:9.5px; }.preview-copy strong { font-size:clamp(30px,3.5vw,53px); }.preview-copy span { font-size:10.5px; }.graphic-identity b { font-size:23px; }.graphic-identity small { font-size:10.5px; }.preview-copy em { font-size:10.5px; }.preview-copy i { font-size:9.5px; }
@media (max-width:760px) { .preview-copy p { font-size:7px; }.preview-copy strong { font-size:clamp(16px,5.5vw,22px); }.preview-copy span { font-size:6.5px; }.graphic-identity b { font-size:18px; }.graphic-identity small { font-size:7.5px; }.preview-copy em { font-size:8px; }.preview-copy i { font-size:6px; } }
footer { border-bottom:0; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } footer a { text-decoration:none; }
@media (max-width:760px) { .site-header { padding:10px 20px; }.brand-logo { width:122px; height:38px; }.brand-logo img { width:122px; }.site-header .eyebrow { display:none; }.intro { min-height:220px; padding:35px 20px 28px; display:block; }.intro-detail { margin-top:21px; }.hub-overview { padding:24px 20px; display:block; }.overview-links { grid-template-columns:repeat(2,1fr); margin-top:22px; }.overview-links a { min-height:46px; padding:8px; font-size:9px; }.experience-panel { padding:25px 20px; grid-template-columns:1fr; }.portal-card { grid-column:span 12; min-height:0; padding:22px 20px 30px; }.featured,.keep-going-card { min-height:0; }.partners { grid-template-columns:repeat(2,1fr); }.agenda li { grid-template-columns:92px 1fr; font-size:11px; } .tensions { grid-template-columns:1fr; } .graphic-builder { grid-template-columns:1fr 1fr; } .graphic-builder label { grid-column:span 2; } .graphic-preview,.graphic-builder .button-row { grid-column:span 2; } .graphic-preview { min-height:210px; }.preview-copy { padding:16px; } footer { padding:16px 20px; } footer span:nth-child(2) { display:none; } }

/* Phone layout: preserve the complete portal while making every section readable and tappable. */
.experience-panel { grid-column:span 6; min-height:0; padding-right:2.8vw; }
.experience-panel .agenda { max-width:none; }
.experience-panel .agenda li { font-size:13px; grid-template-columns:105px 1fr; padding:10px 0; }
.partners li a { color:inherit; text-decoration:none; }.partners li a:hover { color:var(--gold); }
@media (max-width:760px) { .site-header { padding:12px 18px 10px; }.brand-logo { height:50px; }.brand-logo img { width:122px; } }

/* Social graphic composition: lifted event identity and stronger participant statement. */
.preview-copy p { top:45px; }.preview-copy strong { top:72px; }.preview-copy span { top:135px; }.graphic-identity { top:170px; }.preview-copy em { top:255px; font-size:15px; line-height:1.28; }.preview-photo { top:22%; }
@media (max-width:760px) { .preview-copy p { top:38px; }.preview-copy strong { top:58px; }.preview-copy span { top:95px; }.graphic-identity { top:124px; }.preview-copy em { top:184px; font-size:9px; line-height:1.28; }.preview-photo { top:28%; } }

/* Reading-first type scale: calmer headers, slightly roomier portal copy. */
body { font-size:16px; }
.portal-card h2,.experience-panel h2,.hub-overview h2,.keep-going-card h2 { font-size:clamp(25px,2.7vw,42px) !important; }
.portal-card p:not(.eyebrow):not(.section-number) { font-size:14.5px; line-height:1.55; }
.intro-detail { font-size:14px; line-height:1.5; }
.agenda li { font-size:12px; line-height:1.45; }
.tensions,.policy-list { font-size:12px; line-height:1.5; }
.attendees-card .lead { font-size:17px; }
.guide-note { font-size:12px !important; }
@media (max-width:760px) {
  body { font-size:16px; }
  .portal-card h2,.experience-panel h2,.hub-overview h2,.keep-going-card h2 { font-size:29px !important; }
  .portal-card p:not(.eyebrow):not(.section-number) { font-size:14px; line-height:1.55; }
  .intro-detail { font-size:13.5px; }
  .agenda li { font-size:12px; grid-template-columns:92px 1fr; }
  .tensions,.policy-list { font-size:12px; }
}

/* Clearer top key and a deliberate pause before the attendance action. */
.overview-links a { font-size:10.5px; }
.overview-links span { font-size:10.5px; }
.commitment-action { margin-top:16px; }
@media (max-width:760px) {
  .overview-links a { min-height:48px; font-size:11px; }
  .overview-links span { font-size:11px; }
  .commitment-action { margin-top:18px; }
}

/* Qru social touchpoints. */
.header-socials { justify-self:end; display:flex; align-items:center; gap:10px; font-size:9px; font-weight:700; letter-spacing:.075em; text-transform:uppercase; }
.header-socials span { color:var(--gold); }
.header-socials a { text-decoration:none; border-bottom:1px solid transparent; }
.header-socials a:hover { border-bottom-color:currentColor; }
.social-follow { margin-top:-7px !important; font-size:11px !important; font-weight:700; }
.social-follow a { text-decoration:underline; text-underline-offset:3px; }
.social-follow span { padding:0 4px; color:var(--gold); }
@media (max-width:760px) {
  .site-header { grid-template-columns:1fr auto; }
  .site-header > .eyebrow { display:none; }
  .header-socials { gap:6px; font-size:7px; letter-spacing:.045em; }
  .header-socials span { display:none; }
  .social-follow { margin-top:-4px !important; font-size:11px !important; line-height:1.5; }
}

/* Keep the interactive graphic airy at portal width; the download uses its own LinkedIn-sized layout. */
.graphic-preview { min-height:420px; }
.preview-copy strong { font-size:clamp(28px,3.05vw,47px); }
.preview-copy em { top:275px; font-size:12px; line-height:1.38; }
@media (max-width:760px) {
  .graphic-preview { min-height:330px; }
  .preview-copy strong { font-size:clamp(16px,5.2vw,21px); }
  .preview-copy em { top:198px; font-size:8.5px; line-height:1.32; }
}

/* Partner recognition sits directly beneath the partner row. */
.qru-leadership { margin:42px auto 0; padding-top:30px; border-top:1px solid rgba(247,245,238,.42); max-width:1080px; }
.leadership-card .qru-leadership { margin-top:0; padding-top:0; border-top:0; }
.qru-leadership h3 { margin:0 0 27px; font:400 clamp(26px,2.6vw,40px)/.98 var(--display); }
.leadership-group + .leadership-group { margin-top:29px; }
.leadership-label { margin:0 0 13px; color:var(--gold); font:700 10px/1 var(--body); letter-spacing:.11em; text-transform:uppercase; }
.leadership-label span { margin-left:7px; color:var(--cream); opacity:.72; }
.leadership-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.chairs-row { grid-template-columns:minmax(0,1fr); max-width:330px; margin:0 auto; }
.leader-card { display:flex; flex-direction:column; align-items:center; min-height:188px; padding:16px 12px; border:1px solid rgba(247,245,238,.52); color:var(--cream); text-align:center; text-decoration:none; transition:.2s; }
.leader-card:hover { color:var(--cream); background:rgba(247,245,238,.1); transform:translateY(-2px); }
.leader-photo { display:grid; place-items:center; width:72px; height:72px; margin-bottom:12px; border:2px solid var(--gold); border-radius:50%; color:var(--gold); object-fit:cover; font:400 29px/1 var(--display); }
.leader-card strong { font:400 20px/.96 var(--display); }
.leader-card strong span { color:var(--gold); font-size:14px; }
.leader-card small { margin-top:6px; font:600 9px/1.25 var(--body); letter-spacing:.045em; }
.leader-card-placeholder { opacity:.75; }
@media (max-width:760px) {
  .qru-leadership { margin-top:32px; padding-top:24px; }
  .qru-leadership h3 { font-size:29px; }
  .leadership-row { gap:8px; }
  .leader-card { min-height:155px; padding:12px 6px; }
  .leader-photo { width:54px; height:54px; margin-bottom:9px; font-size:23px; }
  .leader-card strong { font-size:16px; }
  .leader-card small { font-size:8px; }
}
@media (max-width:760px) {
  body { font-size:15px; }
  .site-header { grid-template-columns:1fr auto; gap:12px; padding:9px 18px; }
  .header-link { font-size:8px; }
  .intro { min-height:0; padding:29px 18px 25px; }
  h1 { font-size:clamp(34px,10vw,46px); }
  .intro-detail { max-width:360px; margin-top:14px; font-size:12px; }
  .intro-calendar { width:100%; min-height:44px; }
  .hub-overview { padding:24px 18px; }
  .hub-overview h2 { font-size:34px !important; }
  .overview-links { grid-template-columns:1fr; gap:0; margin-top:18px; }
  .overview-links a { min-height:43px; padding:10px 11px; font-size:10px; }
  .experience-panel { grid-column:1 / -1; width:100%; padding:24px 18px; }
  .experience-panel h2 { white-space:normal; }
  .experience-panel h2 { font-size:48px !important; line-height:.9; }
  .agenda { margin-top:15px; }
  .agenda li { grid-template-columns:80px 1fr; gap:6px; padding:9px 0; font-size:10px; }
  .portal-card { padding:23px 18px 28px; }
  .portal-card h2,.experience-panel h2,.hub-overview h2,.keep-going-card h2 { font-size:32px !important; }
  .portal-card p:not(.eyebrow):not(.section-number) { font-size:13px; }
  .partners { grid-template-columns:repeat(2,1fr); }
  .partners-card .partners li { min-height:65px; font-size:18px; }
  .button,.text-button { min-height:44px; padding:12px 14px; }
  .button-row { align-items:stretch; }
  .graphic-builder { grid-template-columns:1fr; gap:12px; }
  .graphic-builder label,.headshot-position,.palette-picker,.graphic-preview,.graphic-builder .button-row { grid-column:1; }
  .graphic-builder label { gap:6px; }
  .graphic-builder input { min-height:44px; font-size:14px; }
  .headshot-position { grid-template-columns:1fr; gap:10px; }
  .palette-picker { flex-wrap:wrap; gap:7px; }
  .palette-picker p { width:100%; margin:0 0 2px; }
  .palette-button { min-height:36px; padding:8px 10px; }
  .graphic-preview { min-height:330px; border-width:5px; outline-offset:3px; }
  .preview-copy { min-height:330px; }
  .preview-copy img { top:15px; left:5%; width:105px; }
  .preview-copy p { top:38px; left:43%; font-size:7px; }
  .preview-copy strong { top:61px; left:43%; font-size:clamp(16px,5.5vw,22px); letter-spacing:0; }
  .preview-copy span { top:99px; left:43%; right:4%; font-size:6.5px; letter-spacing:.035em; }
  .preview-photo { width:31%; top:26%; border-width:4px; }
  .choose-file { padding:7px 6px; font-size:6px; }
  .graphic-identity { top:134px; left:43%; width:52%; padding:8px 10px; border-radius:0 24px 24px 0; }
  .graphic-identity b { font-size:17px; }
  .graphic-identity small { margin-top:3px; font-size:7px; }
  .preview-copy em { top:198px; left:43%; right:4%; font-size:9px; line-height:1.28; }
  .preview-copy i { left:5%; width:37%; bottom:13px; font-size:6px; line-height:1.35; }
  .graphic-builder .button-row { flex-wrap:wrap; }
  .graphic-builder .button-row .button { flex:1 1 100%; min-height:44px; font-size:9px; }
  footer { align-items:flex-start; gap:14px; padding:17px 18px; }
  .footer-logo,.footer-logo img { width:115px; }
}