.references{background:#232826;color:#fff}
.references-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:4.5rem}
.references-head>p{color:rgba(255,255,255,.62);max-width:520px;margin:0 0 .5rem}
.featured-project{display:grid;grid-template-columns:70px 1fr minmax(190px,.45fr);gap:1.5rem;padding:2.5rem 0 3.5rem;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.featured-index,.project-no,.project-type,.project-scope{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}
.featured-index,.project-no,.project-type{color:rgba(255,255,255,.48)}
.featured-copy h3,.project-list h3{font-family:Newsreader,serif;font-weight:400;line-height:1.1;margin:.35rem 0}
.featured-copy h3{font-size:clamp(2.5rem,5vw,5rem);max-width:820px}
.featured-copy>p:not(.project-type):not(.project-location){color:rgba(255,255,255,.65);max-width:620px;margin:1.6rem 0 0}
.project-location{color:var(--gold);margin:.6rem 0 0}
.project-scope{justify-self:end;text-align:right;color:var(--gold);margin:0}
.project-gallery{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:clamp(170px,19vw,310px);gap:.65rem;margin:1rem 0 4rem}
.project-gallery figure{margin:0;overflow:hidden;background:#171b19}
.project-gallery .gallery-wide{grid-row:span 2}
.project-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.project-gallery figure:hover img{transform:scale(1.025)}
.embassy-gallery img{filter:saturate(.82) contrast(1.03)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.portfolio-card{min-height:620px;position:relative;overflow:hidden;background:#171b19;display:flex;align-items:flex-end}
.portfolio-card-wide{grid-column:span 2;min-height:680px}
.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,10,.02) 28%,rgba(8,11,10,.88) 100%)}
.portfolio-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.portfolio-card:hover img{transform:scale(1.025)}
.portfolio-card>div{position:relative;z-index:1;width:100%;padding:clamp(1.6rem,3vw,3rem)}
.portfolio-card .project-no{margin:0 0 1rem;color:rgba(255,255,255,.55)}
.portfolio-card h3{font-family:Newsreader,serif;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:400;line-height:1.03;margin:.35rem 0 .6rem;max-width:750px}
.portfolio-card .project-location{margin:0;color:var(--gold)}
.portfolio-card .project-scope{margin:1.3rem 0 0;max-width:620px;text-align:left;justify-self:auto;color:rgba(255,255,255,.76)}
.additional-projects{display:grid;grid-template-columns:minmax(160px,.35fr) 1.65fr;gap:2rem;margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.additional-projects p{margin:0}.additional-projects>p:last-child{color:rgba(255,255,255,.72)}
.project-list{border-bottom:1px solid rgba(255,255,255,.18)}
.project-list article{display:grid;grid-template-columns:70px 1fr minmax(190px,.45fr);gap:1.5rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid rgba(255,255,255,.18)}
.project-list article:last-child{border-bottom:0}.project-list p{margin:0}
.project-list h3{font-size:clamp(1.6rem,2.6vw,2.35rem)}
.project-list div>p:last-child{font-size:.82rem;color:rgba(255,255,255,.62)}
.culture-reference{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;margin-top:4rem;background:#f1efe9;color:#171b19}
.culture-visual{display:grid;place-items:center;padding:clamp(2rem,5vw,4.5rem);background:#fff}
.culture-visual img{display:block;width:100%;max-width:420px;height:auto}
.culture-copy{padding:clamp(2rem,5vw,4.5rem)}
.culture-copy .project-type{color:#756d61}
.culture-copy h3{font-family:Newsreader,serif;font-size:clamp(2.3rem,4vw,4.3rem);font-weight:400;line-height:1.05;margin:.45rem 0 1.2rem}
.culture-intro{max-width:620px;color:#5f625f}
.culture-projects{list-style:none;padding:0;margin:2.2rem 0 0;border-top:1px solid rgba(23,27,25,.2)}
.culture-projects li{display:grid;grid-template-columns:minmax(150px,.65fr) 1.35fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(23,27,25,.16)}
.culture-projects strong{font-weight:600}.culture-projects span{font-size:.84rem;color:#666b67}
.reference-note{margin:2.2rem 0 0;color:rgba(255,255,255,.56);font-size:.82rem}
@media(max-width:760px){.references-head{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.featured-project,.project-list article{grid-template-columns:38px 1fr}.featured-project .project-scope,.project-list .project-scope{grid-column:2;justify-self:start;text-align:left}.project-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.project-gallery .gallery-wide{grid-column:1/-1;grid-row:auto;height:260px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card-wide{grid-column:auto;min-height:520px}.additional-projects{grid-template-columns:1fr;gap:.6rem}.culture-reference{grid-template-columns:1fr}.culture-visual{padding:2.5rem}.culture-projects li{grid-template-columns:1fr;gap:.3rem}}
@media(prefers-reduced-motion:reduce){.project-gallery img{transition:none}}