/* D&M MASTER SYSTEM — all commercial landing pages deliberately mirror the main brand experience. */
.master-page .hero{padding-bottom:48px}.master-page .hero-grid{gap:54px}
.master-page .section-head h2{max-width:1000px}.master-page .context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.context-card{position:relative;overflow:hidden;min-height:270px;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.context-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:rgba(104,230,210,.06)}
.context-card small{color:var(--cyan);font-weight:900;letter-spacing:.12em}.context-card h3{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.04;letter-spacing:-.045em;margin:52px 0 12px;max-width:330px}.context-card p{color:#98a5b2;margin:0}
.avatar-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.avatar-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#0b1119}.avatar-card video{width:100%;aspect-ratio:9/16;max-height:650px;object-fit:cover;background:#05080d}.avatar-card-copy{padding:20px}.avatar-card-copy small{color:var(--cyan);font-weight:900;letter-spacing:.11em}.avatar-card-copy h3{font-size:20px;letter-spacing:-.03em;margin:8px 0 7px}.avatar-card-copy p{margin:0;color:#94a1ae;font-size:13px}
.master-page .work-grid.all-work{grid-template-columns:repeat(4,1fr)}.master-page .work-grid.all-work .work-card:first-child{grid-column:auto}.master-page .work-grid.all-work .work-body h3{font-size:20px}.master-page .work-grid.all-work .work-card{min-width:0}.master-page .work-grid.all-work .work-media img{aspect-ratio:16/10}
.work-media.remote-fallback{display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle at 30% 20%,rgba(104,230,210,.14),transparent 42%),linear-gradient(145deg,#101925,#080d14)}.work-media.remote-fallback strong{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.06em;color:#e9f0f7}.work-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.work-actions a{font-size:11px;font-weight:850;color:#cdd8e2}.work-actions a:last-child{color:var(--cyan)}
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}.media-card video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#05080d}.media-card .media-copy{padding:22px}.media-copy small{color:var(--cyan);font-weight:900;letter-spacing:.11em}.media-copy h3{font-size:22px;letter-spacing:-.035em;margin:8px 0}.media-copy p{color:#95a2af;margin:0}
.media-grid.compact{grid-template-columns:repeat(3,1fr)}.media-grid.compact .media-card video{aspect-ratio:16/9}.media-grid.compact .media-copy{padding:18px}.media-grid.compact .media-copy h3{font-size:18px}
.master-page .signal-strip{padding-bottom:44px}.master-page .portfolio-note{margin-top:20px;color:#8492a0;font-size:12px;text-align:center}.hero-market-mark{display:inline-flex;margin-top:14px;color:#7f8d9a;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.intent-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(104,230,210,.045),rgba(141,167,255,.035))}.intent-band .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}.intent-band strong{font-size:13px}.intent-band span{color:#8f9ca9;font-size:12px}.intent-band .chips{margin:0}
@media(max-width:1060px){.master-page .work-grid.all-work{grid-template-columns:repeat(2,1fr)}.avatar-trio{grid-template-columns:repeat(3,1fr)}.media-grid.compact{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.context-grid,.avatar-trio,.media-grid,.media-grid.compact,.master-page .work-grid.all-work{grid-template-columns:1fr}.avatar-card{display:grid;grid-template-columns:.8fr 1.2fr}.avatar-card video{aspect-ratio:9/16;max-height:430px}.avatar-card-copy{display:flex;flex-direction:column;justify-content:center}.intent-band .wrap{align-items:flex-start;flex-direction:column}.intent-band .chips{margin-top:2px}}
@media(max-width:520px){.avatar-card{grid-template-columns:1fr}.avatar-card video{aspect-ratio:16/10;object-fit:contain;max-height:none}.master-page .work-grid.all-work{grid-template-columns:1fr}}