:root{--navy:#143642;--teal:#1f6f78;--gold:#e9a23b;--cream:#f7f3ea;--ink:#243238;--muted:#667579;--light:#e8f0ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.hero{min-height:92vh;background:var(--cream);padding:0 6vw 6rem;border-left:18px solid var(--gold)}nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d5cd;position:relative;z-index:2}.brand{font-weight:900;letter-spacing:.12em;color:var(--navy)}nav div{display:flex;gap:1.4rem}nav div a{text-transform:capitalize;font-size:.83rem;color:var(--muted)}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;max-width:1280px;margin:7vh auto 0}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.hero h1{font-size:clamp(3rem,6vw,6.6rem);line-height:.94;margin:.6rem 0 1.5rem;color:var(--navy);max-width:830px}.lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.45;max-width:650px;color:var(--teal)}.cta{display:inline-block;margin-top:1.5rem;padding:1rem 1.4rem;background:var(--navy);color:white;font-weight:800}.rings{display:flex;justify-content:center}.ring{border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}.outer{width:min(40vw,480px);height:min(40vw,480px);border:2px dashed var(--teal);background:#dfe9df}.middle{width:66%;height:66%;background:#efd9a9;border:2px solid var(--teal)}.inner{width:46%;height:46%;background:var(--navy);color:white}.ring span{font-size:1.8rem;font-weight:900;color:var(--navy)}.inner span{color:var(--gold);font-size:1rem}.ring small{font-size:.75rem;font-weight:500}.intro,.evidence,.design,.bosphorus,.actions{padding:7rem 8vw;max-width:1440px;margin:auto}.intro h2,.sectionHead h2{font-size:clamp(2.2rem,4.3vw,4.5rem);line-height:1.05;color:var(--navy);margin:.6rem 0 1.2rem}.intro>p:last-of-type,.sectionHead>p:last-child{font-size:1.2rem;line-height:1.6;max-width:830px}.statRow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:2px solid var(--navy);border-bottom:2px solid var(--navy)}.statRow div{padding:1.7rem;border-right:1px solid #bbb}.statRow div:last-child{border:0}.statRow strong{display:block;font-size:2.2rem;color:var(--teal)}.statRow span{font-size:.85rem;color:var(--muted)}.cases{background:var(--navy);color:white;padding:7rem 7vw}.cases .sectionHead{max-width:1280px;margin:auto}.cases h2{color:white}.caseList{max-width:1280px;margin:3rem auto 0;display:grid;gap:2rem}.caseBlock{--hub:var(--gold);display:grid;grid-template-columns:1.08fr .92fr;gap:3rem;align-items:center;padding:2rem;background:#183f49;border-top:6px solid var(--hub);scroll-margin-top:1rem}.caseBlock:nth-child(even) figure{order:2}.caseBlock figure{margin:0;background:white;padding:1rem;color:var(--muted)}figcaption{font-size:.76rem;line-height:1.4;margin-top:.6rem}.caseCopy{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.caseIndex{font-size:.75rem;font-weight:900;letter-spacing:.16em;color:#9fb3b7}.caseBlock h3{font-size:3rem;margin:.15rem 0 .15rem}.caseBlock .action{color:var(--hub);margin:.5rem 0 0}.hubType{margin:.15rem 0;color:#c7d2d4;font-weight:800}.modes{display:inline-block;margin:.9rem 0 1rem;color:var(--gold);font-size:.9rem;font-weight:800}.caseBlock .caseCopy>p:not(.action):not(.hubType):not(.modes),.caseBlock li{font-size:1.02rem;line-height:1.55}.action{font-weight:900;text-transform:uppercase;letter-spacing:.12em}.response{border-left:5px solid var(--hub);padding:.7rem 1.2rem;background:#143640;margin-top:1.2rem}.response p{margin-bottom:0}.metricButtons{display:flex;gap:.8rem;margin:2rem 0}.metricButtons button{padding:.8rem 1.2rem;border:1px solid var(--teal);background:white;color:var(--teal);cursor:pointer}.metricButtons button.active{background:var(--teal);color:white}.metricExplain{border-left:5px solid var(--gold);padding:.2rem 1.2rem;margin-bottom:2rem}.metricExplain h3{margin:.2rem 0;font-size:1.7rem;color:var(--navy)}.wideFigure{margin:2rem 0 0;background:var(--cream);padding:1.5rem}.design{background:#eef2ec;max-width:none}.design>.sectionHead,.designGrid{max-width:1240px;margin-left:auto;margin-right:auto}.designGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.designGrid img{background:white;padding:1rem}.step{padding:1.3rem 0;border-bottom:1px solid #bcc8c2}.step b{font-size:1.5rem;color:var(--teal)}.step p{line-height:1.55}.bosphorus img{background:var(--cream);padding:1.5rem;margin:2rem 0}.plainGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.plainGrid div{border-top:4px solid var(--gold);padding-top:1rem}.plainGrid b{font-size:1.25rem;color:var(--navy)}.plainGrid p{line-height:1.5}.actions{max-width:none;background:var(--cream)}.actions>.sectionHead,.actionList,.bottomLine{max-width:1240px;margin-left:auto;margin-right:auto}.actionList{margin-top:2rem;border-top:2px solid var(--navy)}.actionList div{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;border-bottom:1px solid #c9c5ba;padding:1.25rem 0}.actionList span{color:var(--gold);font-weight:900}.actionList b{font-size:1.25rem;color:var(--navy)}.bottomLine{margin-top:3rem;background:var(--navy);color:white;padding:2rem}.bottomLine p{font-size:1.5rem;margin:0 0 .5rem}.bottomLine span{color:var(--gold);font-weight:800}footer{background:#0f2b33;color:#b8c7c9;padding:3rem 8vw;display:flex;justify-content:space-between;gap:2rem;font-size:.8rem}footer p:last-child{max-width:680px}@media(max-width:850px){nav div{display:none}.hero{border-left-width:8px}.heroGrid,.caseBlock,.designGrid{grid-template-columns:1fr}.caseBlock:nth-child(even) figure{order:0}.rings{margin-top:2rem}.outer{width:78vw;height:78vw}.statRow,.plainGrid{grid-template-columns:1fr 1fr}.actionList div{grid-template-columns:45px 1fr}.actionList p{grid-column:2}.intro,.evidence,.design,.bosphorus,.actions,.cases{padding:5rem 5vw}footer{display:block}.caseBlock h3{font-size:2.4rem}}@media(max-width:520px){.statRow,.plainGrid{grid-template-columns:1fr}.hero h1{font-size:3.3rem}.intro h2,.sectionHead h2{font-size:2.4rem}.statRow div{border-right:0;border-bottom:1px solid #bbb}.caseBlock{padding:1.2rem}.caseBlock .caseCopy>p:not(.action):not(.hubType):not(.modes),.caseBlock li{font-size:.98rem}}