:root{--navy:#042744;--blue:#208ACB;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:white;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}header,main,footer{max-width:1440px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:32px 6%;gap:32px;border-bottom:1px solid #dae2e8}.logo{font-weight:800;font-size:32px;letter-spacing:-1.5px;text-decoration:none;line-height:1.1}.logo span{display:block;font-size:12px;letter-spacing:.4px;font-weight:400;margin-top:10px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}nav a:hover,nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:3px}.hero{display:grid;grid-template-columns:1.3fr 1fr;padding:85px 6%;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:bold;margin:0 0 25px}h1{font-size:clamp(48px,6vw,88px);letter-spacing:-4px;line-height:1.03;margin:0 0 32px;font-weight:750}h1 span{color:var(--blue)}.lead{font-size:22px;line-height:1.55;max-width:690px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-1.6px;margin:0 0 25px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:35px}.button{background:var(--navy);color:white;padding:14px 22px;text-decoration:none;font-size:16px;font-weight:bold;display:inline-block;border:2px solid var(--navy)}.button:hover{background:var(--blue);border-color:var(--blue)}.text-link{font-size:16px;font-weight:bold}.brand-art{position:relative;background:var(--navy);overflow:hidden}.brand-art img{display:block;width:100%;height:auto}.brand-art p{position:absolute;bottom:10px;left:25px;color:white;font-size:14px;line-height:1.4}.intro{border-top:1px solid #dae2e8;padding:70px 6%;display:grid;grid-template-columns:1fr 1.5fr;gap:0 65px}.intro .eyebrow{grid-column:1/-1}.intro p:last-child{margin:0}.project-feature{margin:0 6%;padding:55px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.light{background:white;color:var(--navy);border-color:white}.project-word{font-size:clamp(45px,5.5vw,80px);font-weight:800;line-height:.98;letter-spacing:-3px;border-left:1px solid #527087;padding-left:45px}.project-word span{font-size:14px;letter-spacing:0;display:block;margin-top:30px;font-weight:normal;line-height:1.4}.closing{padding:90px 6%}.page-head{padding:80px 6%}.editorial{padding:60px 6%;border-top:1px solid #dae2e8;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.editorial p:first-child{margin-top:0}.email{display:inline-block;font-size:clamp(20px,3vw,38px);margin-top:20px;overflow-wrap:anywhere}.social-list{display:flex;gap:30px;flex-wrap:wrap}.principles{list-style:none;padding:0 6% 70px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.principles li{border-top:1px solid #dae2e8;padding:30px 0;display:flex;gap:25px}.principles h2{font-size:26px;letter-spacing:-.6px;margin:0 0 10px}.principles p{font-size:16px;margin:0}.number{color:var(--blue);font-size:14px;font-weight:bold}footer{padding:40px 6%;border-top:1px solid #dae2e8;display:flex;justify-content:space-between;align-items:center;gap:25px}footer a,footer p{font-size:14px}main{min-height:65vh}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;padding:25px 6%}nav{gap:18px}h1{letter-spacing:-2.4px}.hero{grid-template-columns:1fr;padding:50px 6%;gap:35px}.brand-art{max-width:460px}.intro,.editorial,.project-feature{grid-template-columns:1fr;gap:25px}.project-feature{padding:30px}.project-word{border-left:0;border-top:1px solid #527087;padding:30px 0 0}.principles{grid-template-columns:1fr}.page-head{padding:50px 6%}.closing{padding:60px 6%}footer{align-items:flex-start;flex-direction:column}.lead{font-size:20px}}@media(prefers-reduced-motion:no-preference){a{transition:background .15s,color .15s}}
/* Revision 02: typographic grid, proportional space, visible structure. */
:root{--rule:#a9bac7;--space:clamp(24px,4.5vw,64px)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.55}
header,main,footer{max-width:1600px}
header{margin:0 var(--space);padding:28px 0;border-bottom:2px solid var(--navy);align-items:flex-start}
.logo{font-size:34px;letter-spacing:-1.7px}.logo span{font-size:14px;letter-spacing:0}
nav{gap:22px;padding-top:6px}nav a{display:flex;flex-direction:column;gap:5px;font-size:14px}nav a::before{content:attr(data-index);font-size:12px;color:#476477;font-variant-numeric:tabular-nums}nav a:hover,nav a[aria-current]{text-decoration-color:var(--navy)}
.hero{padding:64px var(--space) 0;gap:0;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);align-items:stretch}
.hero>div:first-child{padding:0 50px 64px 0;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--rule)}
.eyebrow{font-size:14px;letter-spacing:.6px;text-transform:none;font-weight:500;margin-bottom:45px}
h1{font-size:clamp(48px,6.6vw,102px);letter-spacing:-.055em;font-weight:500;line-height:.99;margin-bottom:38px}h1 span{color:var(--navy)}
.hero h1 span{display:inline-block;border-top:8px solid var(--blue);padding-top:12px;margin-top:14px}
.lead{font-size:22px;line-height:1.5;max-width:36ch;margin:0 0 24px}
.actions{margin-top:auto;padding-top:25px;gap:28px}.button{font-size:16px;font-weight:500;padding:13px 21px;border-width:1px}.text-link{font-weight:500}
.brand-art{padding:45px 25px 30px;border-left:1px solid var(--rule);display:flex;flex-direction:column;justify-content:center;overflow:visible}
.brand-art img{width:100%;height:auto}.brand-art p{position:static;margin:28px 10px 0;padding-top:16px;border-top:1px solid #718899;font-size:14px;line-height:1.5}
.intro{margin:0 var(--space);padding:48px 0 80px;border-top:0;grid-template-columns:1fr 1fr 1fr;gap:40px}.intro .eyebrow{grid-column:auto}.intro h2{font-size:36px}.intro p:last-child{font-size:18px;max-width:43ch}
h2{font-weight:500;letter-spacing:-.04em}
.project-feature{margin:0 var(--space);padding:0;background:white;color:var(--navy);border-top:2px solid var(--navy);border-bottom:1px solid var(--rule);grid-template-columns:1fr 1.618fr;gap:0;align-items:stretch}
.project-feature>div:first-child{padding:42px 40px 48px 0}.project-feature .eyebrow{margin-bottom:60px}.project-feature h2{font-size:52px}.light{background:var(--navy);color:white;border-color:var(--navy)}
.project-word{padding:50px 45px;background:var(--navy);color:white;font-size:clamp(60px,7.8vw,112px);font-weight:500;letter-spacing:-.06em;border-left:0;line-height:.95;display:flex;flex-direction:column;justify-content:center}.project-word span{font-size:14px;margin-top:45px;padding-top:18px;border-top:1px solid #718899}
.closing{margin:0 var(--space);padding:65px 0 80px;display:grid;grid-template-columns:1.618fr 1fr;align-items:end}.closing h2{margin:0}.closing a{justify-self:start}
.page-head{padding:65px var(--space) 85px;max-width:1300px}.page-head .lead{max-width:42ch}
.editorial{margin:0 var(--space);padding:45px 0 85px;grid-template-columns:1fr 1.618fr;border-top:2px solid var(--navy);gap:50px}.editorial .lead{max-width:42ch;font-size:24px}.editorial p{max-width:58ch}
.principles{padding:0 var(--space) 80px;gap:0 55px}.principles li{border-top:1px solid var(--navy);padding:30px 0 50px;gap:30px}.number{font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--navy)}.principles h2{font-size:28px;font-weight:500}.principles p{max-width:39ch}
footer{margin:0 var(--space);padding:28px 0 40px;border-top:2px solid var(--navy);align-items:flex-start}.email{letter-spacing:-.04em}
@media(min-width:1600px){header,main,footer{margin-left:auto;margin-right:auto}header,footer{max-width:1472px}}
@media(max-width:900px){header{gap:24px}.hero{grid-template-columns:1.3fr 1fr}.hero>div:first-child{padding-right:25px}h1{font-size:clamp(44px,7vw,70px)}.intro{grid-template-columns:1fr 1.618fr}.intro .eyebrow{grid-column:1/-1;margin-bottom:0}.project-word{padding:40px 25px}.project-feature{grid-template-columns:1fr 1fr}}
@media(max-width:650px){header{padding:24px 0;flex-direction:column}nav{gap:16px;row-gap:15px}nav a{font-size:14px}.hero{padding-top:40px;grid-template-columns:1fr}.hero>div:first-child{padding:0 0 40px}.eyebrow{margin-bottom:30px}h1{font-size:clamp(44px,10.5vw,66px)}.hero h1 span{border-top-width:5px}.lead{font-size:20px}.actions{padding-top:15px}.brand-art{border:0;padding:20px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.brand-art p{margin:0;padding-top:15px}.intro{padding:35px 0 50px;grid-template-columns:1fr;gap:22px}.intro h2{margin:0}.project-feature{grid-template-columns:1fr}.project-feature>div:first-child{padding:30px 0}.project-feature .eyebrow{margin-bottom:35px}.project-word{font-size:68px;padding:35px}.closing{grid-template-columns:1fr;gap:30px;padding:45px 0 55px}.page-head{padding:45px var(--space) 55px}.editorial{grid-template-columns:1fr;gap:15px;padding:30px 0 50px}.editorial .lead{font-size:20px}.principles{grid-template-columns:1fr}.principles li{padding:25px 0 35px}.principles h2{font-size:25px}.social-list{gap:22px}footer{flex-direction:column;gap:25px}}