.duarte-case{--d-navy:#0b3251;--d-mustard:#d4a32a;--d-paper:#f5f4ef}
.duarte-hero{padding:2rem var(--pad) clamp(5rem,9vw,9rem);background:#fff;color:var(--d-navy)}.duarte-title{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"label ." "title logo";column-gap:clamp(3rem,7vw,8rem);row-gap:0;align-items:center;margin:clamp(5rem,10vw,10rem) 0 0}.duarte-title .eyebrow{grid-area:label;margin:0 0 2rem}.duarte-title h1{grid-area:title;font-size:clamp(2.8rem,5.5vw,5.7rem);line-height:.98;letter-spacing:-.06em;margin:0;font-weight:700}.duarte-title img{grid-area:logo;display:block;width:100%;background:transparent}
.duarte-context{display:grid;grid-template-columns:1fr 3fr;gap:3rem;padding:clamp(6rem,10vw,10rem) var(--pad)}.duarte-context>div{max-width:68rem}.duarte-context h2,.duarte-copy h2,.family-heading h2,.gallery-heading h2,.duarte-architecture h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:1;letter-spacing:-.055em;margin:0;font-weight:650}.duarte-context p:last-child,.duarte-copy>p:last-child,.family-heading>p:last-child,.duarte-architecture p{font-size:1.1rem;line-height:1.65;color:#4c4b46;max-width:44rem}.duarte-context p:last-child{margin:3rem 0 0 auto}
.duarte-concept{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(6rem,10vw,10rem) var(--pad);background:#fff}.duarte-copy h2{margin:2rem 0}.duarte-concept figure{margin:0}.duarte-concept img{display:block;width:100%}
.duarte-family{padding:clamp(7rem,11vw,11rem) var(--pad);background:var(--d-navy);color:#fff}.family-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:5rem}.family-heading .eyebrow{grid-row:1/3}.family-heading>p:last-child{color:#c8d1d8;margin:0}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.family-grid article{background:#fff;color:#11110f}.family-grid img{display:block;width:100%}.family-grid article>div{padding:2rem}.family-grid span{font:500 .72rem DM Mono,monospace;color:var(--d-mustard)}.family-grid h3{font-size:2rem;letter-spacing:-.04em;margin:1rem 0}.family-grid p{line-height:1.6;color:#4c4b46;margin:0}
.duarte-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:clamp(6rem,10vw,10rem) var(--pad);background:#e9e9e6}.gallery-heading,.duarte-gallery .wide{grid-column:1/-1}.gallery-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}.duarte-gallery figure{margin:0;overflow:hidden;background:#ddd}.duarte-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.duarte-architecture{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(7rem,11vw,11rem) var(--pad);background:#fff}.duarte-architecture h2{margin:2rem 0}.duarte-architecture img{display:block;width:100%}
@media(max-width:900px){.duarte-title,.duarte-context,.duarte-concept,.duarte-architecture,.family-heading{grid-template-columns:1fr}.duarte-title{grid-template-areas:"label" "title" "logo"}.family-heading .eyebrow{grid-row:auto}.duarte-title img{max-width:42rem;margin-top:3rem}.duarte-context p:last-child{margin-left:0}}
@media(max-width:650px){.duarte-title h1,.duarte-context h2,.duarte-copy h2,.family-heading h2,.gallery-heading h2,.duarte-architecture h2{font-size:2.55rem}.family-grid,.duarte-gallery,.gallery-heading{grid-template-columns:1fr}.duarte-gallery .wide,.gallery-heading{grid-column:auto}}