:root {--navy:#091a2b;--ink:#17283a;--cream:#f8f4eb;--gold:#ffae66;--copper:#914615;--line:#d8d0c3;font-family:system-ui,sans-serif}
* {box-sizing:border-box}
body {margin:0;background:var(--cream);color:var(--ink);line-height:1.65}
a {color:inherit;text-underline-offset:.25em}
a:focus-visible {outline:3px solid #ca6c26;outline-offset:5px}
.skip {position:absolute;top:-6rem;left:1rem;background:white;padding:.7rem}
.skip:focus {top:1rem}
.wrap {width:min(1260px,calc(100% - 64px));margin-inline:auto}
header,footer {background:var(--navy);color:white}
header {border-bottom:1px solid #ffffff35}
.bar,nav {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.1rem}
.bar {padding-block:1.25rem}
nav {justify-content:flex-start;gap:clamp(.75rem,2vw,1.65rem)}
nav a,.brand,.button,.tile {text-decoration:none}
nav a {font-size:.9rem;font-weight:650}
nav a:hover,nav [aria-current] {color:var(--gold)}
.brand {font-weight:850;letter-spacing:.13em;font-size:1.65rem;line-height:1}
.brand span {color:var(--gold)}
.brand small {display:block;font-size:.55rem;letter-spacing:.32em;margin-top:.45rem}
.hero {color:white;background:radial-gradient(ellipse at 85% 40%,#244259,var(--navy) 72%);border-bottom:3px solid #df8b46}
.split {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem)}
.section {padding-block:clamp(3rem,7vw,6.5rem)}
.kicker {font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--copper)}
.hero .kicker,h1 em {color:var(--gold)}
h1,h2,h3 {font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:.25em 0}
h1 {font-size:clamp(2.8rem,5.35vw,5.5rem)}
h2 {font-size:clamp(2.25rem,4vw,4rem)}
h3 {font-size:clamp(1.5rem,2.2vw,2.25rem)}
p {max-width:65ch}
.lead {font-size:1.1rem;color:#dfe8f0}
.button {display:inline-block;background:var(--gold);color:var(--navy);padding:.75rem 1.1rem;font-weight:750;margin-top:.7rem}
.button:hover {background:#ffcb9d}
img {display:block;width:100%;height:auto}
.identity {border:1px solid #ffcb9daa;padding:7px}
.feature,.tile img,.gallery img {aspect-ratio:4/3;object-fit:cover}
.tiles,.gallery,.markets {display:grid;gap:1rem;margin-top:2rem}
.tiles,.markets {grid-template-columns:repeat(3,1fr)}
.tile,article,.markets li {background:white;border:1px solid var(--line)}
.tile:hover {box-shadow:0 10px 32px #091a2b22}
.tile div,article,.markets li {padding:1.2rem 1.4rem}
.markets {list-style:none;padding:0}
.markets span {display:block;color:#47586a;font-size:.9rem}
.band {background:#ebe3d6}
.gallery {grid-template-columns:repeat(2,1fr)}
figure {margin:0}
figcaption {padding:.6rem 0}
footer p {color:#d6e1e9;font-size:.9rem}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.split,.tiles{grid-template-columns:1fr}.markets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.gallery,.markets{grid-template-columns:1fr}}
.folio {background:#11263a;color:#fff;border-bottom:1px solid #c78651}
.folio .wrap {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-block:1.2rem}
.folio p {margin:0;font-family:Georgia,serif;font-size:1.35rem}
.folio strong {color:var(--gold);font:700 .73rem system-ui;margin-right:.6rem}
.folio small {display:block;color:#cfdbe6;font:400 .84rem system-ui;margin-top:.3rem}
.story {display:grid;grid-template-columns:1fr 2.6fr;gap:clamp(1rem,5vw,5rem)}
.story h2 {max-width:16ch}
.story p:not(.kicker) {font-size:1.1rem;color:#3d5062}
.text-link {font-weight:750;color:var(--copper)}
.tile img {transition:filter .2s ease}
.tile:hover img {filter:brightness(1.06)}
@media(max-width:620px){.story,.folio .wrap{grid-template-columns:1fr}.folio p{padding:.35rem 0}}