.flagship-home{background:#f2f1ec;border-top:1px solid #d8d9d3;border-bottom:1px solid #d8d9d3}
.flagship-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:36px}
.flagship-heading h2{margin-bottom:0;max-width:640px}
.flagship-heading>p{margin:0;max-width:490px;color:#53616b;font-size:1.08rem;line-height:1.75}
.project-showcase{margin:0 0 30px;background:#0f2a3a;color:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(15,42,58,.08)}
.showcase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#0b2230;border-bottom:1px solid #456071}
.showcase-tabs[hidden]{display:none}
.showcase-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;padding:14px 12px;border:0;border-bottom:3px solid transparent;background:transparent;color:#cdd8de;font:600 13px/1.5 Manrope,Arial,sans-serif;cursor:pointer;text-align:center}
.showcase-tabs button span{font-size:11px;color:#e8ae4a}
.showcase-tabs button[aria-selected=true]{background:#173d50;border-bottom-color:#e8ae4a;color:#fff}
.showcase-tabs button:hover{background:#173d50;color:#fff}
.showcase-tabs button:focus-visible{outline:3px solid #e8ae4a;outline-offset:-5px}
.showcase-panel{display:grid;grid-template-columns:1.65fr 1fr;min-width:0}
.showcase-panel[hidden]{display:none}
.showcase-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;background:#112c3b}
.showcase-media figure{margin:0;min-width:0;position:relative;aspect-ratio:3/4}
.showcase-media img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-panel[id$="-panel-structure"] .showcase-media img{object-fit:contain}
.showcase-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;font-size:11px;line-height:1.5;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3.5vw,46px);min-width:0}
.showcase-copy h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(1.6rem,2.5vw,2.25rem);line-height:1.25;color:#fff;margin:0 0 22px;letter-spacing:-.025em}
.showcase-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#d5e0e5;margin:0 0 24px}
.showcase-copy .eyebrow{font-size:10px;letter-spacing:.08em;color:#e8ae4a;margin-bottom:18px}
.showcase-copy .text-link{font-size:13px;line-height:1.5;align-self:flex-start}
.showcase-copy .light-link{color:#fff}
.showcase-ready .showcase-panel:not([hidden]){animation:showcaseReveal .28s ease-out}
@keyframes showcaseReveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.flagship-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.flagship-actions>span{margin-left:auto;font-size:12px;color:#52616a}
.flagship-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-bottom:1px solid #e8ae4a;padding:0 0 28px;margin:0 0 40px}
.flagship-facts dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#78500e;margin-bottom:12px}
.flagship-facts dd{margin:0;font-size:16px;line-height:1.6}
.flagship-story .case-album-link{margin:42px 0 76px}
.flagship-narrative{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:76px 0}
.flagship-narrative h2{font-size:clamp(2rem,3.6vw,3rem);max-width:480px;line-height:1.18}
.flagship-narrative p{line-height:1.8}
.flagship-stage{margin:0 0 76px;padding-top:36px;border-top:1px solid #d3d8d7}
.stage-heading{display:grid;grid-template-columns:56px 1fr;gap:20px;max-width:880px;margin-bottom:32px}
.stage-heading>span{color:#8a5b11;font-size:20px;font-weight:600;padding-top:6px}
.stage-heading h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:18px}
.stage-heading p{max-width:780px;line-height:1.8}
.flagship-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.flagship-evidence figure{margin:0;min-width:0}
.flagship-evidence img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#eeefea}
.flagship-evidence figcaption{font-size:13px;line-height:1.6;color:#536572;margin-top:12px}
.project-card-lead{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.project-card-lead .lead-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;aspect-ratio:auto;min-height:100%;background:#173d50}
.project-card-lead .lead-pictures img{height:100%;object-fit:cover}
.project-card-lead .project-card-copy{padding:clamp(30px,4vw,50px)}
.project-card-lead h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.2}
@media(max-width:980px){.flagship-heading{gap:32px}.showcase-panel{grid-template-columns:1.4fr 1fr}.showcase-copy{padding:26px}.showcase-copy h3{font-size:1.7rem}.showcase-copy>p:not(.eyebrow){font-size:14px}.flagship-actions>span{width:100%;margin:0}.project-card-lead{grid-template-columns:1fr}.project-card-lead .lead-pictures{aspect-ratio:1.75;min-height:0}.flagship-narrative{gap:32px}}
@media(max-width:700px){.flagship-heading{grid-template-columns:1fr;gap:22px}.flagship-heading>p{font-size:1rem}.showcase-panel{grid-template-columns:1fr}.showcase-copy{padding:30px 24px}.showcase-media figure{aspect-ratio:3/4}.showcase-tabs button{flex-direction:column;gap:4px;font-size:11px;padding:10px 6px;min-height:76px}.showcase-copy h3{font-size:1.8rem}.showcase-copy>p:not(.eyebrow){font-size:15px}.flagship-facts{grid-template-columns:1fr;gap:20px}.flagship-facts dt{margin-bottom:6px}.flagship-narrative{grid-template-columns:1fr;gap:16px;margin:52px 0}.flagship-stage{margin-bottom:52px}.flagship-story .case-album-link{margin-bottom:52px}.stage-heading{grid-template-columns:32px 1fr;gap:12px}.flagship-evidence{gap:12px}.flagship-evidence figcaption{font-size:11px}.flagship-actions{gap:22px}.flagship-actions .button{width:100%}.showcase-media figcaption{padding:28px 10px 9px;font-size:10px}.project-card-lead .project-card-copy{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.showcase-ready .showcase-panel:not([hidden]){animation:none}}