/* WiLAT: editorial layout. Header/footer remain shared with the CILT site. */
.wilat-page { font-family: Arial, sans-serif; }
@media(max-width:1100px) {
 .wilat-page .nav-links { display:none; }
 .wilat-page .burger-btn { display:flex; }
}
.wl { --wl-purple:#361163; --wl-gold:#C0A582; --wl-grey:#505050; color:var(--wl-grey); background:#fff; font-family:Arial,sans-serif; text-align:left; }
.wl *, .wl *::before, .wl *::after { box-sizing:border-box; }
.wl h1,.wl h2,.wl h3,.wl h4,.wl p,.wl figure { margin:0; }
.wl h1,.wl h2,.wl h3,.wl h4 { color:var(--wl-purple); }
.wl h2 { font-size:clamp(28px,3vw,40px); font-weight:700; line-height:1.18; letter-spacing:-.035em; }
.wl h3 { font-size:24px; font-weight:700; line-height:1.25; letter-spacing:-.02em; }
.wl p { font-size:16px; line-height:1.65; }
.wl p + p { margin-top:20px; }
.wl .wl-lead { font-size:20px; line-height:1.55; }
.wl-container { width:100%; max-width:1280px; margin-inline:auto; padding-inline:40px; }
.wl-section { padding-block:100px; scroll-margin-top:110px; }
.wl .wl-kicker { font-size:14px; line-height:1.4; margin-bottom:22px; }
.wl-hero { margin-top:var(--header-h,122px); }
.wl-hero-grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(0,1fr); gap:72px; padding-block:64px 48px; align-items:center; }
.wl-hero-copy { padding-block:12px; }
.wl-brand { display:flex; align-items:center; gap:20px; margin-block:30px 42px; }
.wl-brand img { display:block; width:116px; height:auto; flex-shrink:0; }
.wl-brand h1 { font-size:76px; font-weight:700; letter-spacing:-.05em; line-height:.98; }
.wl-brand p { color:var(--wl-purple); font-size:13px; margin-top:12px; }
.wl .wl-hero-statement { color:var(--wl-purple); font-size:clamp(32px,3.3vw,46px); line-height:1.12; letter-spacing:-.035em; font-weight:700; max-width:17ch; }
.wl .wl-hero-intro { margin-top:24px; max-width:48ch; font-size:18px; line-height:1.55; }
.wl-hero-photo { position:relative; border-radius:4px; overflow:hidden; align-self:stretch; background:var(--wl-purple); }
.wl-hero-photo > img { display:block; width:100%; height:100%; max-height:654px; min-height:560px; object-fit:cover; object-position:center 30%; }
.wl-hero-photo figcaption { position:absolute; bottom:0; left:0; right:0; background:var(--wl-purple); padding:21px 28px; color:#fff; font-size:15px; line-height:1.55; }
.wl-hero-photo figcaption span { font-size:13px; }
.wl-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:36px; }
.wl-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:52px; padding:17px 22px; background:var(--wl-purple); color:#fff; text-decoration:none; font-size:14px; font-weight:700; line-height:1.2; border:1px solid var(--wl-purple); border-radius:3px; transition:background .2s,color .2s; }
.wl-button span { font-size:20px; line-height:.8; }
.wl-button:hover { background:#fff; color:var(--wl-purple); }
.wl-text-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; text-decoration:underline; text-underline-offset:5px; color:var(--wl-purple); font-size:15px; line-height:1.4; }
.wl a:focus-visible,.wl summary:focus-visible { outline:3px solid var(--wl-gold); outline-offset:5px; }
.wl-section-nav { display:flex; flex-wrap:wrap; gap:32px; padding-block:22px; border-top:1px solid #ebebeb; }
.wl-section-nav a { color:var(--wl-grey); font-size:14px; line-height:24px; text-decoration:none; padding-block:6px; }
.wl-section-nav a:hover { color:var(--wl-purple); text-decoration:underline; text-underline-offset:6px; }
.wl-mission { background:var(--wl-purple); color:#fff; }
.wl-mission h2,.wl-mission h3 { color:#fff; }
.wl-mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:88px; }
.wl-mission-grid h2 { max-width:17ch; }
.wl-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; border-top:1px solid var(--wl-gold); padding-top:38px; margin-top:60px; }
.wl-values h3 { font-size:20px; margin-bottom:12px; }
.wl-values p { font-size:15px; }
.wl-section-heading { margin-bottom:52px; }
.wl-section-heading p:last-child:not(.wl-kicker) { margin-top:20px; max-width:65ch; font-size:18px; }
.wl-directions-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; align-items:start; }
.wl-editorial-photo { position:sticky; top:110px; }
.wl-editorial-photo img { display:block; width:100%; height:auto; max-height:600px; object-fit:cover; border-radius:3px; }
.wl-editorial-photo figcaption { font-size:12px; line-height:1.5; padding-top:16px; }
.wl-directions article { padding-block:30px; border-top:1px solid var(--wl-gold); }
.wl-directions article:first-child { padding-top:0; border:0; }
.wl-directions article:last-child { padding-bottom:0; }
.wl-directions h3 { margin-bottom:14px; }
.wl-practice { background:#ebebeb; }
.wl-practice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.wl-practice-grid h3 { margin-bottom:20px; font-size:22px; max-width:18ch; }
.wl-history-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.wl-history-intro p { max-width:47ch; }
.wl-timeline { margin:0; padding:0; list-style:none; }
.wl-timeline li { display:grid; grid-template-columns:86px 1fr; gap:24px; padding:0 0 30px; }
.wl-timeline li + li { padding-top:30px; border-top:1px solid #ebebeb; }
.wl-timeline li > span { color:var(--wl-purple); font-size:32px; line-height:1.1; letter-spacing:-.04em; }
.wl-timeline h3 { font-size:20px; margin-bottom:8px; }
.wl-timeline p { font-size:15px; }
.wl-symbol-note { display:flex; align-items:center; gap:40px; margin-top:56px; padding-top:40px; border-top:1px solid #ebebeb; }
.wl-symbol-note img { width:105px; height:auto; flex-shrink:0; }
.wl-symbol-note h3 { font-size:20px; margin-bottom:10px; }
.wl-symbol-note p { max-width:82ch; font-size:15px; }
.wl-regional { background:#ebebeb; }
.wl-region-intro { display:grid; grid-template-columns:1fr 2fr; gap:56px; }
.wl-region-intro > h3 { font-size:32px; }
.wl-regional-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:56px; padding-top:36px; border-top:1px solid var(--wl-gold); }
.wl-regional-topics h3 { font-size:20px; margin-bottom:16px; }
.wl-regional-topics p { font-size:15px; }
.wl-events { margin-top:64px; padding:40px; background:#fff; border-radius:4px; }
.wl-events > h3 { margin-bottom:12px; }
.wl-event { display:grid; grid-template-columns:110px 1fr; gap:32px; padding-top:32px; margin-top:24px; border-top:1px solid #ebebeb; }
.wl-event-date { font-size:13px; }
.wl-event-date span { display:block; color:var(--wl-purple); font-size:38px; line-height:1; margin-bottom:8px; }
.wl-event h4 { font-size:20px; line-height:1.3; margin-bottom:10px; }
.wl-event p { font-size:15px; max-width:82ch; }
.wl-status-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; }
.wl-status header .wl-text-link { margin-top:24px; }
.wl-status-grid > div > p:not(.wl-lead) { font-size:15px; }
.wl-sources { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin-top:28px; }
.wl-sources summary { display:flex; justify-content:space-between; gap:24px; cursor:pointer; list-style:none; padding-block:22px; color:var(--wl-purple); font-weight:700; font-size:15px; }
.wl-sources summary::-webkit-details-marker { display:none; }
.wl-sources[open] summary span { transform:rotate(45deg); }
.wl-sources > div { padding-bottom:24px; }
.wl-sources p { font-size:13px; }
.wl-sources a { color:var(--wl-purple); text-decoration:underline; }
.wl-join { background:var(--wl-purple); color:#fff; padding-block:64px; }
.wl-join h2 { color:#fff; font-size:32px; max-width:24ch; }
.wl-join p:not(.wl-kicker) { margin-top:20px; max-width:56ch; }
.wl-join-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:72px; align-items:center; }
.wl-join .wl-actions { margin:0; align-items:flex-start; flex-direction:column; gap:14px; }
.wl-button--white { color:var(--wl-purple); background:#fff; border-color:#fff; }
.wl-button--white:hover { background:var(--wl-purple); color:#fff; }
.wl-join .wl-text-link { color:#fff; }
@media(max-width:1050px) {
 .wl-container { padding-inline:32px; }
 .wl-hero-grid { gap:40px; }
 .wl-brand { gap:14px; }
 .wl-brand img { width:90px; }
 .wl-brand h1 { font-size:64px; }
 .wl-brand p { font-size:12px; }
 .wl-hero-photo > img { min-height:580px; }
 .wl-mission-grid,.wl-history-grid,.wl-status-grid,.wl-directions-grid { gap:48px; }
 .wl-practice-grid { gap:30px; }
}
@media(min-width:761px) and (max-width:900px) {
 .wl-hero-grid { grid-template-columns:1fr; gap:36px; }
 .wl-hero-copy { max-width:620px; }
 .wl-hero-photo { max-width:600px; }
 .wl-hero-photo > img { height:auto; min-height:0; max-height:none; aspect-ratio:4/5; object-position:center 30%; }
}
@media(max-width:760px) {
 .wl-container { padding-inline:24px; }
 .wl-section { padding-block:64px; }
 .wl-hero-grid { grid-template-columns:1fr; gap:32px; padding-block:36px; }
 .wl-hero-copy { padding:0; }
 .wl-brand { margin-block:26px 32px; }
 .wl-brand h1 { font-size:64px; }
 .wl .wl-hero-statement { max-width:20ch; font-size:36px; }
 .wl .wl-hero-intro { font-size:17px; }
 .wl-hero-photo > img { min-height:0; max-height:540px; height:auto; aspect-ratio:4/5; object-position:center 30%; }
 .wl-hero-photo figcaption { padding:16px 20px; }
 .wl-section-nav { gap:8px 24px; padding-block:18px; }
 .wl-mission-grid,.wl-history-grid,.wl-status-grid,.wl-region-intro,.wl-join-grid { grid-template-columns:1fr; gap:32px; }
 .wl-values { grid-template-columns:1fr 1fr; gap:32px; margin-top:36px; }
 .wl-directions-grid { grid-template-columns:1fr; gap:36px; }
 .wl-editorial-photo { position:static; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:end; }
 .wl-editorial-photo img { max-height:330px; }
 .wl-editorial-photo figcaption { padding:0; }
 .wl-practice-grid,.wl-regional-topics { grid-template-columns:1fr; gap:28px; }
 .wl-practice-grid h3 { max-width:none; margin-bottom:12px; }
 .wl-section-heading { margin-bottom:32px; }
 .wl-symbol-note { gap:22px; align-items:flex-start; }
 .wl-symbol-note img { width:72px; }
 .wl-events { padding:24px; }
 .wl-event { grid-template-columns:60px 1fr; gap:20px; }
 .wl-event h4 { font-size:18px; }
 .wl .wl-lead { font-size:18px; }
 .wl-join { padding-block:48px; }
}
@media(max-width:380px) {
 .wl-container { padding-inline:20px; }
 .wl-brand img { width:72px; }
 .wl-brand h1 { font-size:56px; }
 .wl-brand p { font-size:10px; }
 .wl .wl-hero-statement { font-size:32px; }
 .wl-values { grid-template-columns:1fr; }
 .wl-button { padding-inline:16px; gap:16px; font-size:13px; }
 .wl-events { padding:20px; }
 .wl-event { grid-template-columns:1fr; }
 .wl-event-date { display:flex; gap:10px; align-items:baseline; }
 .wl-symbol-note { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .wl * { scroll-behavior:auto!important; transition:none!important; } }
