/* Portfolio designs share the content and navigation; only presentation changes. */
.dp-page{--dp-card-ratio:1.2}.dp-page .dp-media{aspect-ratio:var(--dp-card-ratio)}

/* Editorial: warm paper, spacious two-column layout and restrained serif titles. */
.dp-page.dp-design--editorial{--ink:#282723;--blue:#845d43;--muted:#6d6961;--line:#d8d0c5;--dp-card-ratio:4/3;max-width:1350px;background:#f7f4ee;padding:36px clamp(24px,4vw,58px) 80px!important}
.dp-design--editorial .dp-hero{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;column-gap:clamp(30px,6vw,90px);align-items:end;padding:36px 0 65px}
.dp-design--editorial .dp-kicker{grid-column:1/-1;color:#845d43}
.dp-design--editorial .dp-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(44px,5vw,76px);line-height:1.03;margin:22px 0 0}
.dp-design--editorial .dp-hero h1 em{color:#845d43;font-style:italic}
.dp-design--editorial .dp-hero p{grid-column:2;grid-row:2;font-size:16px;line-height:1.75;margin:0 0 12px}
.dp-design--editorial .dp-hero .dp-primary{grid-column:2;grid-row:3;justify-self:start;margin-top:18px;border-radius:2px;background:#282723}
.dp-design--editorial .dp-filters{gap:0;border-top:1px solid #cbbfb2;padding-top:20px;margin-bottom:34px}
.dp-design--editorial .dp-filters a{border:0;border-radius:0;padding:7px 14px 7px 0;margin-right:17px;background:transparent;color:#51483e}
.dp-design--editorial .dp-filters a[aria-current],.dp-design--editorial .dp-filters a:hover{color:#845d43;background:transparent;text-decoration:underline;text-underline-offset:5px}
.dp-design--editorial .dp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 34px}
.dp-design--editorial .dp-card{border:0;border-radius:0;box-shadow:none;background:transparent}
.dp-design--editorial .dp-card:hover{transform:none;box-shadow:none}
.dp-design--editorial .dp-card-link{padding:0}
.dp-design--editorial .dp-media{border:0;border-radius:0;background:#e9e3d9}
.dp-design--editorial .dp-card-copy{padding:20px 0 0}
.dp-design--editorial .dp-type{color:#845d43;letter-spacing:.16em}
.dp-design--editorial .dp-card h2,.dp-design--editorial .dp-bottom h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.dp-design--editorial .dp-card h2{font-size:clamp(27px,2.6vw,38px);margin:7px 0 10px}
.dp-design--editorial .dp-card p{font-size:14px;max-width:540px}
.dp-design--editorial .dp-more{color:#845d43}
.dp-design--editorial .dp-media-arrow{border-radius:2px}
.dp-design--editorial .dp-pagination a{border-radius:2px}

/* Estudio: quiet charcoal exhibition wall, crisp frames and a cool accent. */
.dp-page.dp-design--estudio{--ink:#f4f3ee;--blue:#a8cbbf;--muted:#afc0bd;--line:#32454a;--dp-card-ratio:1.28;max-width:1320px;background:#111d20;padding:44px clamp(24px,4vw,58px) 82px!important}
.dp-design--estudio .dp-hero{max-width:850px;padding:32px 0 56px}
.dp-design--estudio .dp-kicker{color:#a8cbbf}
.dp-design--estudio .dp-hero h1{color:#f4f3ee;font-weight:500;font-size:clamp(47px,5.5vw,76px);letter-spacing:-.07em}
.dp-design--estudio .dp-hero h1 em{color:#a8cbbf}
.dp-design--estudio .dp-hero p{color:#afc0bd}
.dp-design--estudio .dp-primary{background:#a8cbbf;color:#142226!important;border-radius:3px}
.dp-design--estudio .dp-primary:hover{background:#e6eee8}
.dp-design--estudio .dp-filters{border-top-color:#32454a}
.dp-design--estudio .dp-filters a{color:#ced9d5;border-color:#405458;border-radius:3px}
.dp-design--estudio .dp-filters a:hover,.dp-design--estudio .dp-filters a[aria-current]{background:#a8cbbf;border-color:#a8cbbf;color:#142226}
.dp-design--estudio .dp-grid{gap:18px}
.dp-design--estudio .dp-card{background:#19292d;border:1px solid #34484b;border-radius:5px;box-shadow:none}
.dp-design--estudio .dp-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.2)}
.dp-design--estudio .dp-card-link{padding:9px}
.dp-design--estudio .dp-media{border:0;border-radius:2px;background:#26373b}
.dp-design--estudio .dp-card-copy{padding:19px 12px 13px}
.dp-design--estudio .dp-type,.dp-design--estudio .dp-more{color:#a8cbbf}
.dp-design--estudio .dp-card h2,.dp-design--estudio .dp-bottom h2{color:#f4f3ee}
.dp-design--estudio .dp-card p{color:#afc0bd}
.dp-design--estudio .dp-media-arrow{background:#a8cbbf;color:#142226;border-radius:3px}
.dp-design--estudio .dp-bottom{border-top-color:#32454a}
.dp-design--estudio .dp-bottom span{color:#a8cbbf}
.dp-design--estudio .dp-pagination a{color:#f4f3ee;border-color:#405458;border-radius:3px}
.dp-design--estudio .dp-pagination a[aria-current]{background:#a8cbbf;color:#142226}

/* Índice: one project per line; images and copy keep their own rhythm. */
.dp-page.dp-design--indice{--ink:#18232c;--blue:#176a9a;--muted:#65717a;--line:#d5dce1;--dp-card-ratio:1.35;max-width:1180px;padding:34px clamp(24px,4vw,55px) 82px!important}
.dp-design--indice .dp-hero{max-width:980px;padding:20px 0 45px}
.dp-design--indice .dp-hero h1{font-size:clamp(43px,5vw,68px);max-width:820px}
.dp-design--indice .dp-hero p{max-width:640px}
.dp-design--indice .dp-primary{border-radius:4px}
.dp-design--indice .dp-filters a{border-radius:4px}
.dp-design--indice .dp-grid{display:grid;grid-template-columns:1fr;gap:0}
.dp-design--indice .dp-card{border:0;border-top:1px solid #d5dce1;border-radius:0;box-shadow:none;background:transparent}
.dp-design--indice .dp-card:last-child{border-bottom:1px solid #d5dce1}
.dp-design--indice .dp-card:hover{transform:none;box-shadow:none;background:#f7fafb}
.dp-design--indice .dp-card-link{display:grid;grid-template-columns:minmax(180px,29%) 1fr;gap:clamp(22px,4vw,54px);align-items:center;padding:23px 0}
.dp-design--indice .dp-media{border:0;border-radius:2px;background:#e9eef0}
.dp-design--indice .dp-card-copy{padding:4px 18px 4px 0}
.dp-design--indice .dp-card h2{font-size:clamp(26px,3vw,39px);margin:8px 0 10px}
.dp-design--indice .dp-card p{max-width:600px;font-size:14px;-webkit-line-clamp:2}
.dp-design--indice .dp-more{margin-top:4px}
.dp-design--indice .dp-media-arrow{border-radius:2px}

/* Site-wide image choice overrides the per-project card setting. */
.dp-page.dp-fit--contain .dp-media img{object-fit:contain!important;object-position:center top!important}
.dp-page.dp-fit--cover .dp-media img{object-fit:cover!important;object-position:center top!important}
.dp-page.dp-fit--stretch .dp-media img{object-fit:fill!important;object-position:center!important}
.dp-page.dp-fit--contain .dp-media--square,.dp-page.dp-fit--cover .dp-media--square,.dp-page.dp-fit--stretch .dp-media--square{aspect-ratio:var(--dp-card-ratio)!important}
.dp-page.dp-fit--project .dp-media--square{aspect-ratio:1!important}

@media(max-width:900px){.dp-design--editorial .dp-hero{display:block}.dp-design--editorial .dp-hero p{margin-top:24px}.dp-design--editorial .dp-grid,.dp-design--estudio .dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dp-page.dp-design--editorial,.dp-page.dp-design--estudio,.dp-page.dp-design--indice{padding:22px 17px 60px!important}.dp-design--editorial .dp-grid,.dp-design--estudio .dp-grid{grid-template-columns:1fr}.dp-design--editorial .dp-hero{padding:18px 0 40px}.dp-design--editorial .dp-card h2{font-size:29px}.dp-design--indice .dp-card-link{grid-template-columns:1fr;gap:12px}.dp-design--indice .dp-card-copy{padding:4px 0 8px}.dp-design--indice .dp-card h2{font-size:27px}}