*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
/* Grid/flex children default to min-width:auto and refuse to shrink below their
content, which is the usual cause of mobile horizontal overflow. */
main *,footer *,header *{min-width:0}
h1,h2,h3,h4,p,li,blockquote,figcaption,dd,dt,summary{overflow-wrap:break-word}
.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;background:#000;color:#fff;text-decoration:none}
.skip:focus{left:0}
:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
details>summary::-webkit-details-marker{display:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
:root{
--warm:#F7F5F0;--blu:#254C9A;--ink:#242D3B;
--gold:#B69443;--goldtext:#7A6015;--pale:#DDE6F2;
}
body{background:var(--warm);color:var(--ink);
font-family:"PT Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:17px;line-height:1.62}
h1,h2,h3,.wf-dates,.wf-w{font-family:Unbounded,"PT Sans",system-ui,sans-serif;
font-weight:500}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em}
h4{font-family:"PT Sans",sans-serif;font-weight:700}
p{margin:0 0 1em}
.wf-in{max-width:1260px;margin:0 auto;padding:0 30px}
/* ---------- dark blue navigation ---------- */
.wf-head{background:var(--blu)}
.wf-head-in{max-width:1260px;margin:0 auto;padding:10px 30px;display:flex;
align-items:center;gap:22px;flex-wrap:wrap}
.wf-id{margin:0;color:#fff;font-weight:700;font-size:14.5px}
.wf-nav{margin-left:auto}
.wf-nav ul{list-style:none;display:flex;gap:26px;margin:0;padding:0;flex-wrap:wrap}
.wf-nav a{color:var(--pale);text-decoration:none;font-size:14.5px;display:inline-flex;
align-items:center;min-height:44px}
.wf-nav a:hover{color:var(--gold)}
/* ---------- wordfield opening ---------- */
.wf-open{padding:0 0 44px;background:var(--warm)}
.wf-open-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:0;
align-items:stretch;padding-top:40px}
.wf-block{background:#fff;padding:36px 34px 34px;position:relative;z-index:2}
.wf-kick{margin:0 0 14px;color:var(--goldtext);font-weight:700;font-size:14px;
font-family:"PT Sans",sans-serif}
.wf-block h1{font-size:clamp(34px,3.4vw,48px);margin:0 0 20px;color:var(--blu);
font-weight:600}
.wf-city{margin:0 0 4px;font-size:18px;font-weight:700}
.wf-dates{margin:0 0 6px;font-size:clamp(20px,2vw,26px);color:var(--ink)}
.wf-modes{margin:0 0 22px;font-size:14.5px;color:#5c6572}
.wf-acts{display:grid;gap:10px;margin:0}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;
padding:0 20px;border:2px solid var(--blu);color:var(--blu);text-decoration:none;
font-weight:700;font-size:15px;background:transparent}
.wf-btn--f{background:var(--blu);color:#fff}
.wf-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.wf-field-wrap{position:relative;padding:30px 0 0 40px;display:flex;
flex-direction:column;justify-content:space-between}
.wf-field-h{font-family:"PT Sans",sans-serif;font-size:11.5px;letter-spacing:.14em;
font-weight:700;color:#676f7e;margin:0 0 14px}
.wf-field{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;
gap:6px 22px;align-items:baseline}
.wf-w{color:#676f7f;line-height:1.25;animation:wf-fade .7s ease-out both}
.wf-w--a{font-size:15px;opacity:.7}
.wf-w--b{font-size:21px;opacity:.55}
.wf-w--c{font-size:27px;opacity:.45}
.wf-w--d{font-size:33px;opacity:.38}
.wf-w:nth-child(3n){animation-delay:.12s}
.wf-w:nth-child(3n+1){animation-delay:.24s}
@keyframes wf-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.wf-w{animation:none}}
.wf-small{margin:0;align-self:flex-end;width:280px}
.wf-small img{width:280px;height:170px;object-fit:cover}
.wf-small figcaption{font-size:11.5px;color:#686f7b;margin-top:7px}
.wf-explain{max-width:1260px;margin:26px auto 0;padding:0 30px;font-size:13.5px;
color:#5c6572}
/* ---------- sections ---------- */
.wf-sec{padding:58px 0}
.wf-sec h2{font-size:clamp(25px,2.8vw,40px);color:var(--blu);font-weight:600}
.wf-sub{color:#5c6572;max-width:78ch}
.wf-big{font-size:18.5px;color:#39414e;max-width:62ch}
.wf-lnk{color:var(--blu);font-weight:700}
.wf-rel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:50px}
.wf-rel-side{background:var(--pale);padding:24px 22px}
.wf-rel-side h3{font-size:14px;font-family:"PT Sans",sans-serif;font-weight:700}
.wf-themes{margin:0;padding-left:20px;font-size:15px}
.wf-themes li{padding:8px 0;border-bottom:1px solid rgba(37,76,154,.2)}
/* ---------- accessible chapters ---------- */
.wf-sec--days{background:#fff}
.wf-chap{border-top:2px solid var(--blu);margin-top:26px}
.wf-chap summary{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap;
padding:16px 0;font-family:Unbounded,sans-serif}
.wf-ch-l{font-size:20px;font-weight:600;color:var(--blu)}
.wf-ch-d{font-size:17px}
.wf-ch-n{margin-left:auto;font-size:13px;color:#5c6572;font-family:"PT Sans",sans-serif}
.wf-slist{list-style:none;margin:0 0 16px;padding:0;columns:2;column-gap:50px}
.wf-slist li{break-inside:avoid;display:grid;grid-template-columns:68px 1fr;gap:16px;
padding:12px 0;border-bottom:1px solid rgba(36,45,59,.14)}
.wf-s-t{margin:0;font-weight:700;font-size:14px;color:var(--goldtext)}
.wf-s-h{margin:0 0 3px;font-size:16.5px;font-family:"PT Sans",sans-serif;font-weight:700;color:var(--ink)}
.wf-s-w{margin:0;font-size:13.5px;color:#5c6572}
/* ---------- speaker perspectives ---------- */
.wf-persps{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 44px;margin:26px 0 22px}
.wf-persp{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;
align-items:start;border-top:1px solid rgba(36,45,59,.18);padding-top:20px}
.wf-persp img{width:120px;height:150px;object-fit:cover}
.wf-persp h3{margin:0 0 10px;font-size:19px;color:var(--blu);font-weight:600}
.wf-persp p{margin:0 0 9px;font-size:14.5px}
.wf-persp p span{display:block;font-size:11px;letter-spacing:.11em;color:#676f7e;
font-weight:700;margin-bottom:2px}
.wf-p-c{color:var(--blu);font-weight:700}
/* ---------- attendance / evidence / venue / partners ---------- */
.wf-sec--att{background:var(--blu);color:#dbe5f3}
.wf-sec--att h2{color:#fff}
.wf-sec--att .wf-big{color:#c8d6ec}
.wf-att{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:46px;
align-items:start}
.wf-att-acts{display:grid;gap:12px;margin:0}
.wf-sec--att .wf-btn{border-color:var(--pale);color:var(--pale)}
.wf-sec--att .wf-btn--f{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.wf-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.wf-gf{margin:0}
.wf-gf img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wf-gf figcaption{font-size:12.5px;color:#5c6572;margin-top:8px}
.wf-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:34px}
.wf-q{margin:0;background:#fff;padding:24px;border-left:5px solid var(--gold)}
.wf-q blockquote{margin:0}
.wf-q p{margin:0 0 12px;font-size:16px}
.wf-q figcaption{font-size:13.5px;font-weight:700;color:var(--blu)}
.wf-sec--venue{background:var(--pale)}
.wf-venue{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:46px}
.wf-venue-dl{margin:0;background:#fff;padding:8px 24px}
.wf-venue-dl>div{padding:13px 0;border-bottom:1px solid rgba(37,76,154,.18)}
.wf-venue-dl>div:last-child{border-bottom:0}
.wf-venue-dl dt{font-size:12px;letter-spacing:.09em;color:var(--goldtext);font-weight:700}
.wf-venue-dl dd{margin:2px 0 0;font-weight:700;color:var(--blu)}
.wf-pt{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:44px;
align-items:center}
.wf-pt-acts{display:grid;gap:12px;margin:0}
.wf-faq{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;
align-items:start}
.wf-sec--faq{background:#fff}
.wf-faq details{border-bottom:1px solid rgba(36,45,59,.2)}
.wf-faq summary{font-weight:700;font-size:17px;padding:15px 0;color:var(--blu)}
.wf-faq summary:hover{color:var(--gold)}
.wf-faq details p{margin:0 0 16px;color:#5c6572;max-width:66ch}
.wf-org{background:var(--pale);padding:24px}
.wf-org h3{margin:0 0 2px;font-size:18px;color:var(--blu);font-weight:600}
.wf-org-hq{margin:0 0 10px;font-size:14px;color:var(--gold);font-weight:700}
.wf-org p{font-size:14.5px;color:#39414e}
/* ---------- footer ---------- */
.ft{background:var(--ink);color:#c8ccd4;padding:50px 0 32px}
.ft-in{max-width:1260px;margin:0 auto;padding:0 30px}
.ft-org strong{color:#fff}
.ft-links{list-style:none;display:flex;flex-wrap:wrap;gap:2px 26px;padding:0;margin:0 0 18px}
.ft-links a{color:var(--pale);font-size:14.5px;min-height:44px;display:inline-flex;
align-items:center}
.ft-links a:hover{color:var(--gold)}
.ft-note{font-size:13px;color:#99a0ab;max-width:78ch;margin:0 0 10px}
.ft-c{font-size:12.5px;color:#8e95a1;margin:22px 0 0;
border-top:1px solid rgba(221,230,242,.18);padding-top:18px}
/* ---------- tablet ---------- */
@media (max-width:1040px){
.wf-open-in{grid-template-columns:1fr}
.wf-field-wrap{padding:28px 0 0}
.wf-small{width:100%;align-self:stretch}
.wf-small img{width:100%;height:clamp(200px,34vw,300px)}
.wf-rel,.wf-att,.wf-venue,.wf-pt,.wf-faq{grid-template-columns:1fr;gap:30px}
.wf-slist{columns:1}
.wf-persps{grid-template-columns:1fr}
.wf-gal{grid-template-columns:1fr}
.wf-quotes{grid-template-columns:1fr}
}
/* ---------- mobile: wordfield below the facts, few readable lines ---------- */
@media (max-width:640px){
body{font-size:16px}
.wf-in,.wf-explain,.wf-head-in{padding-left:20px;padding-right:20px}
.wf-nav ul{gap:16px}
.wf-open-in{padding-top:22px}
.wf-block{padding:26px 20px}
.wf-block h1{font-size:clamp(34px,9.2vw,40px)}
.wf-field{gap:4px 16px;max-height:8.4em;overflow:hidden}
.wf-w--a,.wf-w--b,.wf-w--c,.wf-w--d{font-size:15px;opacity:.65}
.wf-sec{padding:38px 0}
.wf-chap summary{gap:10px}
.wf-ch-n{margin-left:0}
.wf-persp{grid-template-columns:96px 1fr;gap:16px}
.wf-persp img{width:96px;height:120px}
.ft-links{flex-direction:column;gap:0}
}