:root{--ink:#17283c;--navy:#10243a;--deep:#0b1a2b;--accent:#9a7144;--muted:#607083;--light:#f5f2ed;--line:#d8dfdf;--white:#fff;--link:#1b4e77;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;line-height:1.62}
a{color:var(--link);text-underline-offset:3px} a:hover{color:#8a5c31}
:focus-visible{outline:3px solid #a47542;outline-offset:4px}
.skip{position:absolute;left:-2000px;background:white;color:#142337;padding:12px;z-index:999}.skip:focus{left:12px;top:10px}
.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.topline{background:var(--deep);color:#ced6df;font-size:11px;letter-spacing:1.9px;text-transform:uppercase;padding:9px 0}
.topline .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brandrow{padding:24px 0 20px;border-bottom:1px solid var(--line)}
.brandrow .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink)}
.mark{font-family:Georgia,Times,serif;font-size:30px;line-height:1;letter-spacing:-1.5px;border:2px solid var(--ink);padding:12px 9px 10px;min-width:88px;text-align:center}
.brandtitle{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;font-size:clamp(17px,2.8vw,29px);line-height:1.18;display:block}
.brandsub{display:block;font-size:10px;letter-spacing:2.8px;text-transform:uppercase;color:var(--muted);margin-top:4px}
.meta{color:var(--muted);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;text-align:right}
nav{border-bottom:1px solid var(--line)}nav .wrap{display:flex;gap:clamp(15px,3.3vw,48px);align-items:center;flex-wrap:wrap}
nav a{display:inline-block;padding:15px 0;font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:1.15px;color:var(--ink);font-weight:650;border-bottom:3px solid transparent}
nav a[aria-current=page]{border-bottom-color:var(--accent)}nav a:hover{border-bottom-color:var(--navy);color:var(--ink)}
.status{font-size:11px;letter-spacing:1.65px;text-transform:uppercase;color:#785632;font-weight:750;display:inline-flex;gap:10px;align-items:center}
.status:before{content:"";height:7px;width:7px;background:#b28c60;border-radius:50%}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"WPB";position:absolute;right:-5%;top:-130px;font-family:Georgia,serif;font-weight:700;font-size:clamp(240px,30vw,500px);line-height:1.2;letter-spacing:-28px;opacity:.04;pointer-events:none}
.hero .wrap{padding:86px 0 90px;position:relative;z-index:1;max-width:1160px}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:2.4px;color:#9c7b53;font-weight:750;margin-bottom:22px}
.hero .kicker{color:#c6ad8b}.hero h1{font:normal clamp(41px,5.3vw,77px)/1.09 Georgia,"Times New Roman",serif;max-width:810px;letter-spacing:-1.9px;margin:0 0 27px}
.hero p{max-width:620px;color:#d3dce5;font-size:17px;line-height:1.8}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-block;text-decoration:none;background:#f7f4f0;color:#132439;border:1px solid #f7f4f0;padding:12px 18px;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:1px}
.btn:hover{background:#eaded1;color:#132439}.btn.alt{color:#fff;background:transparent;border-color:#8595a5}.btn.alt:hover{background:#32475d;color:#fff}
.section{padding:68px 0;border-bottom:1px solid var(--line)}.section.tint{background:#f6f5f2}
.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:28px}
.section h2,.page h1{font:normal clamp(30px,3.5vw,46px)/1.17 Georgia,"Times New Roman",serif;letter-spacing:-.75px;margin:0}
.section p.lead,.page p.lead{max-width:770px;color:#57667a;font-size:17px;line-height:1.85}
.section h3{font-family:Georgia,serif;font-weight:600;font-size:22px;margin:8px 0 12px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.item{border-top:2px solid var(--ink);padding:20px 5px 0}
.item .num{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:1.5px}
.item h3{font-family:Georgia,serif;font-weight:600;font-size:23px;margin:10px 0}
.item p{margin:0;color:#5b6a7a;font-size:14px}
.banner{border:1px solid #cfccbf;background:#fcfaf6;padding:25px 28px;display:flex;gap:26px;align-items:center;justify-content:space-between}
.banner h3{margin:0 0 7px}.banner p{margin:0;color:#536273}
.banner .small{flex:0 0 auto}
.label{color:#80603c;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:1.6px}
.twocol{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}
.page{padding-top:60px;padding-bottom:100px}.page h1{font-size:clamp(38px,4.2vw,60px);max-width:920px;margin:0 0 22px}
.page .intro{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:45px}
.article h2{font-family:Georgia,serif;font-size:30px;font-weight:500;letter-spacing:-.4px;margin:36px 0 12px}.article h3{font-family:Georgia,serif;font-size:22px;font-weight:550;margin:25px 0 10px}.article p,.article li{color:#4b5a6b;line-height:1.88}.article ul{padding-left:22px}.article li{padding:3px 0}
.rule{border-left:3px solid var(--accent);padding:10px 22px;background:#faf8f4;margin:30px 0}
.side{background:#f7f6f3;border-top:3px solid var(--ink);padding:26px;height:max-content}
.side h3{font-family:Georgia,serif;font-size:24px;font-weight:500;margin:0 0 14px}
.side p{font-size:14px;color:#526173}
.code{background:#ecf0f2;color:#1d3850;padding:10px 13px;font-size:13px;overflow-wrap:anywhere;display:block;margin:8px 0}
footer{background:var(--deep);color:#cfd8df;padding:45px 0 22px}
.footergrid{display:flex;align-items:start;justify-content:space-between;gap:34px;flex-wrap:wrap}
footer .ftitle{font-family:Georgia,serif;font-size:25px;color:#fff}
footer small{font-size:12px;color:#b5c3cf;display:block;max-width:430px;margin-top:10px}
footer .links{display:flex;flex-wrap:wrap;gap:12px 24px;max-width:480px}
footer a{color:#e2eaf1;text-decoration:none;font-size:12px}footer a:hover{color:#fff;text-decoration:underline}
.bottom{margin-top:45px;border-top:1px solid #34485d;padding-top:20px;font-size:11px;color:#9cabb9;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.small{font-size:13px}.dim{color:#59697a}
@media(max-width:790px){.grid{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr;gap:25px}.hero .wrap{padding:65px 0}.brandrow .wrap{align-items:flex-start}.meta{display:none}.banner{display:block}.banner .small{margin-top:16px}.section{padding:48px 0}}
@media(max-width:530px){.wrap{width:calc(100% - 32px)}.brandrow{padding:20px 0}.mark{font-size:23px;min-width:67px;padding:10px 8px 9px}.brandsub{font-size:8px;letter-spacing:1.2px}.brandtitle{font-size:19px}.logo{gap:10px}nav .wrap{gap:6px 18px}nav a{padding:11px 0;font-size:10px;letter-spacing:.6px}.grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.sectionhead{display:block}.topline{letter-spacing:.7px;font-size:9px}.actions .btn{width:100%;text-align:center}}