/*
Theme Name: Dani del Rosario — Complete September 2026
Description: Portfolio de Dani del Rosario para Astra.
Template: astra
Version: 0.6.3
Text Domain: dani-del-rosario
*/
.ddr-work { --ddr-ink:#0b0c0c; --ddr-panel:#151718; --ddr-yellow:#dec82c; --ddr-white:#f3f1e9; --ddr-muted:#abaeaa; box-sizing:border-box; min-height:100vh; padding:clamp(72px,8vw,138px) clamp(22px,5vw,96px) clamp(95px,10vw,170px); background:var(--ddr-ink); color:var(--ddr-white); font-family:"Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif; }
.ddr-work *, .ddr-work *::before, .ddr-work *::after { box-sizing:inherit; }
.ddr-work__inner { max-width:1640px; margin-inline:auto; }
.ddr-work__eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 30px; color:var(--ddr-yellow); font-size:11px; font-weight:800; letter-spacing:.24em; text-transform:uppercase; }
.ddr-work__eyebrow::before { content:""; display:block; width:23px; height:2px; background:currentColor; }
.ddr-work__heading-row { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:clamp(30px,4vw,59px); border-bottom:1px solid #484b48; }
.ddr-work__heading { margin:0; color:var(--ddr-white); font-size:clamp(58px,8.2vw,136px); font-weight:900; letter-spacing:-.084em; line-height:.83; text-transform:uppercase; }
.ddr-work__heading span { color:var(--ddr-yellow); }
.ddr-work__count { flex:none; padding-bottom:7px; color:var(--ddr-muted); font-size:12px; font-weight:700; letter-spacing:.16em; white-space:nowrap; }
.ddr-work__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(15px,1.8vw,28px); margin-top:clamp(34px,4vw,60px); }
.ddr-work__card { min-width:0; margin:0; }
.ddr-work__art { display:grid; place-items:center; width:100%; aspect-ratio:3/4; overflow:hidden; background:var(--ddr-panel); border:1px solid #303331; }
.ddr-work__art img { display:block; width:100%; height:100%; margin:0; object-fit:contain; }
.ddr-work__meta { display:flex; align-items:center; gap:10px; padding-top:18px; color:var(--ddr-yellow); font-size:11px; font-weight:900; letter-spacing:.14em; }
.ddr-work__meta::after { content:""; flex:1; height:1px; background:#565443; }
.ddr-work__title { min-height:2.25em; margin:17px 0 8px; color:var(--ddr-white); font-size:clamp(21px,1.65vw,29px); font-weight:900; letter-spacing:-.035em; line-height:1.12; text-transform:uppercase; }
.ddr-work__role { margin:0; color:var(--ddr-muted); font-size:clamp(13px,1.03vw,16px); font-weight:500; line-height:1.45; }
.ddr-work__foot { display:flex; justify-content:space-between; gap:20px; margin-top:clamp(76px,8vw,130px); padding-top:15px; border-top:1px solid #484b48; color:var(--ddr-muted); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.ddr-work__foot span:last-child { color:var(--ddr-yellow); }
@media(max-width:1050px) { .ddr-work__grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:50px; } .ddr-work__title { font-size:clamp(23px,3vw,31px); } .ddr-work__role { font-size:15px; } }
@media(max-width:580px) { .ddr-work { padding-top:74px; } .ddr-work__heading-row { display:block; } .ddr-work__heading { font-size:clamp(59px,14vw,86px); } .ddr-work__count { display:block; margin-top:25px; } .ddr-work__grid { grid-template-columns:minmax(0,1fr); gap:46px; } .ddr-work__art { max-height:575px; } .ddr-work__title { min-height:0; } .ddr-work__foot { font-size:9px; letter-spacing:.1em; } }


/* News readability: retain the dark editorial palette with open, readable type. */
body.ddr-home.single-post .ddr-interior__hero h1 { font-family: "Helvetica Neue", Arial, sans-serif; font-size: clamp(32px, 4.4vw, 68px); font-weight: 700; line-height: 1.2; letter-spacing: 0; text-transform: none; max-width: 26ch; overflow-wrap: anywhere; }
body.ddr-home.single-post .ddr-story { font-family: "Helvetica Neue", Arial, sans-serif; font-size: clamp(18px, 1.4vw, 21px); line-height: 1.8; letter-spacing: normal; max-width: 820px; }
body.ddr-home.single-post .ddr-story > h2, body.ddr-home.single-post .ddr-story > h3 { font-family: "Helvetica Neue", Arial, sans-serif; font-size: clamp(26px, 2.8vw, 38px); font-weight: 700; line-height: 1.3; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
body.ddr-home.single-post .ddr-interior__lead, body.ddr-home.page-id-683 .ddr-interior__lead { font-family: "Helvetica Neue", Arial, sans-serif; font-size: clamp(18px, 1.5vw, 23px); line-height: 1.65; letter-spacing: normal; }
body.ddr-home.page-id-683 .ddr-index__copy h2, body.ddr-home.blog .ddr-index__copy h2 { font-family: "Helvetica Neue", Arial, sans-serif; font-size: clamp(24px, 2.1vw, 32px); font-weight: 700; line-height: 1.35; letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
body.ddr-home.page-id-683 .ddr-index__copy p, body.ddr-home.blog .ddr-index__copy p { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.7; letter-spacing: normal; }
body.ddr-home.single-post .ddr-story__figure figcaption { font-size: 14px; line-height: 1.65; letter-spacing: normal; color: #bdbdb3; }
@media (max-width: 580px) { body.ddr-home.single-post .ddr-interior__hero { padding-block: 76px 48px; } body.ddr-home.page-id-683 .ddr-index__copy { padding: 24px; } }