.project-page{background:#f1f3f3;color:#404040}
.project-page>.official-nav{height:100px;align-items:stretch}
.project-page>.official-nav .official-brand{width:180px;display:flex;align-items:center;border-color:#ffffff80}
.project-page>.official-nav .official-brand img{width:160px;height:70px;object-fit:contain}
.project-page>.official-nav>nav{margin-left:7%;gap:22px}
.project-page>.official-nav>nav>a{font-size:16px;padding-bottom:18px;gap:10px;border-color:#ffffff80}
.project-page>.official-nav>nav i{width:9px;height:9px;margin-bottom:5px}
.project-page>.official-nav .official-menu{width:65px;align-self:stretch;color:#fff;border-color:#ffffff80}
.project-cover-hero{position:relative;isolation:isolate;min-height:640px;height:78svh;max-height:960px;display:flex;align-items:flex-end;overflow:hidden;background:#404040}
.project-cover-photo,.project-cover-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.project-cover-shade{z-index:-1;background:linear-gradient(180deg,rgba(22,40,59,.6),rgba(22,40,59,.12) 35%,rgba(22,40,59,.72))}
.project-cover-content{padding-top:160px;padding-bottom:70px;color:#fff}
.project-back{font-size:16px;border-bottom:1px solid #ffffff99;padding-bottom:7px;display:inline-block;margin-bottom:28px}
.project-category{font-size:16px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px}
.project-cover-content h1{font-family:var(--font-title);font-size:clamp(42px,6.1vw,108px);line-height:1.03;letter-spacing:-.05em;max-width:1200px;color:white}
.project-cover-content h1>span{display:block}
.project-cover-content h1>span:last-child{color:#00e3ff}
.project-overview{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9%;padding-block:100px;align-items:start}
.project-narrative .page-kicker{margin-bottom:22px}
.project-narrative h2{font-size:clamp(30px,3vw,52px);line-height:1.15;margin-bottom:30px;letter-spacing:-.04em}
.project-description{font-size:21px;line-height:1.6}
.project-facts{padding:32px 36px;border-top:4px solid #4994ff;background:#fff;border-radius:0 0 22px 22px}
.project-facts dl>div{padding:21px 0;border-bottom:1px solid #40404022}
.project-facts dl>div:first-child{padding-top:0}
.project-facts dt{font-size:14px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
.project-facts dd{font-size:19px;line-height:1.45;margin:0}
.project-facts .page-button{margin-top:25px;width:100%;background:#4994ff;color:#1d2c3d}
.project-page .project-facts .page-button:hover{background:#00e3ff;color:#404040;border-color:#00e3ff}
.project-delivery{display:grid;gap:24px;align-items:start}
.project-delivery figure{margin:0;overflow:hidden;border-radius:16px;background:#e4e8ec}
.project-delivery img{display:block;width:100%;height:auto}
.gallery-web{grid-template-columns:1fr}
.gallery-social{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gallery-social figure{border-radius:10px}
.project-related{padding-block:100px}
.project-related>.page-kicker{margin-bottom:18px}
.project-related>h2{font-size:clamp(32px,4vw,68px);line-height:1.1;max-width:1050px;margin-bottom:42px}
.project-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.project-related-card figure{aspect-ratio:1.3;overflow:hidden;border-radius:18px;margin-bottom:20px}
.project-related-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.project-related-card:hover img{transform:scale(1.04)}
.project-related-card>p{font-size:14px;margin-bottom:12px}
.project-related-card h3{font-size:clamp(23px,2vw,32px);line-height:1.15;margin-bottom:12px}
.project-related-card>span{font-size:16px;line-height:1.4}
.project-closing{padding-block:90px;background:#4994ff;color:#1d2c3d}
.project-closing h2{font-size:clamp(36px,4.8vw,80px);line-height:1.12;max-width:1200px;margin-block:25px 35px;color:#1d2c3d}
.project-closing .page-button{background:#f1f3f3;color:#404040}
.project-page .project-closing .page-button:hover{background:#00e3ff;color:#404040;border-color:#00e3ff}
@media(max-width:1000px){.project-overview{gap:6%}.project-facts{padding:28px}.gallery-social{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .project-page>.official-nav{height:82px}
 .project-page>.official-nav .official-brand{width:145px}
 .project-page>.official-nav .official-brand img{width:130px;height:62px}
 .project-page>.official-nav .official-menu{width:52px;padding-top:20px}
 .project-cover-hero{height:70svh;min-height:480px;max-height:none}
 .project-cover-content{padding-top:135px;padding-bottom:44px}
 .project-back{font-size:14px;margin-bottom:22px}
 .project-category{font-size:14px;margin-bottom:18px}
 .project-cover-content h1{font-size:clamp(29px,7.35vw,52px);line-height:1.12;letter-spacing:-.045em}
 .project-overview{grid-template-columns:1fr;gap:32px;padding-block:55px}
 .project-narrative h2{font-size:clamp(27px,7.5vw,42px);margin-bottom:22px}
 .project-description{font-size:18px;line-height:1.6}
 .project-facts{padding:26px}
 .project-facts dd{font-size:18px}
 .project-delivery{gap:16px}
 .project-delivery figure{border-radius:10px}
 .gallery-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .project-related{padding-block:60px}
 .project-related>h2{font-size:clamp(28px,7.5vw,42px);margin-bottom:30px}
 .project-related-grid{grid-template-columns:1fr;gap:34px}
 .project-related-card h3{font-size:27px}
 .project-closing{padding-block:60px}
 .project-closing h2{font-size:clamp(29px,7.8vw,44px)}
}
@media(prefers-reduced-motion:reduce){.project-related-card img{transition:none}}