/* DWEBMEDIA V9 — precise user-reference logotype + balanced desktop whitespace.
   V8 introduced 200px+ vertical paddings; V9 uses a measured 80–120px rhythm. */
:root { --ink:#0d0d0d; --paper:#fff; --soft:#f9f9f8; }
body { background:#fff; }
@media (min-width:1321px) {.wrap{width:min(1360px,calc(100% - 112px));}}
.header-layout {min-height:86px;}
.brand {width:180px;}
/* The actual chosen look: ultra-wide, low geometric wordmark, not the old font trace. */
.brand-statement {margin-top:28px;padding-top:0;padding-bottom:27px;border:0;overflow:visible;}
.brand-statement-top {margin-bottom:10px;font-size:10px;letter-spacing:.11em;}
.brand-statement img {width:100%;max-width:100%;height:auto;display:block;}
.hero {padding-top:26px;padding-bottom:28px;}
.hero-grid {grid-template-columns:36.5% 59%;gap:4.5%;min-height:600px;}
.hero-left {padding-top:40px;padding-bottom:0;}
.hero-kicker {margin-bottom:28px;letter-spacing:.135em;}
.hero h1 {font-size:clamp(50px,5.1vw,76px);line-height:1.08;}
.hero-lead {margin-top:26px;max-width:390px;font-size:16px;line-height:1.66;}
.hero-links {margin-top:29px;gap:28px;}
.hero-sidekick {padding-top:27px;}
.mini-case-shell {height:196px;width:min(205px,70%);}
.mini-case img {height:136px;}
.hero-image {height:590px;min-height:0;}
.hero-under-image {margin-top:14px;}
.hero-corner-cta {bottom:102px;}
/* The 20+ intro follows the hero naturally, no huge blank bands. */
.trust {padding-top:95px;padding-bottom:105px;}
.trust-grid {margin-top:64px;grid-template-columns:1fr .95fr;column-gap:11%;}
.trust-titleline {gap:22px;}
.trust-titleline strong {font-size:clamp(126px,15.3vw,213px);}
.trust-copy {max-width:465px;}
.trust-copy h2 {margin-bottom:22px;}
.trust-copy p {line-height:1.68;margin-bottom:27px;}
.projects {background:#f9f9f8;padding-top:96px;padding-bottom:117px;}
.project-intro {margin-top:61px;margin-bottom:55px;gap:48px;}
.project-intro h2 {font-size:clamp(55px,5.25vw,79px);}
.project-intro p {line-height:1.68;max-width:320px;}
.project-filters {padding-top:26px;margin-bottom:32px;}
.filter-controls {gap:11px;}.filter{padding:10px 18px;}
.work-grid {gap:62px 34px;}
.card-thumb {border-radius:15px;}
.card-info {padding-top:18px;}.card-info small{margin-top:6px;}
.design-disclaimer {margin-top:67px;opacity:.67;}
.logos {padding-top:114px;padding-bottom:125px;}
.logo-title {margin-top:65px;margin-bottom:75px;}
.logo-title p {max-width:290px;line-height:1.6;}
.logo-wall {gap:67px 50px;}
.logo-tile {min-height:82px;}
.logo-disclaimer {margin-top:65px;}
.services {background:#0d0d0d;padding-top:102px;padding-bottom:115px;}
.service-heading {margin-top:72px;margin-bottom:55px;}
.service-heading p {line-height:1.7;}
.service-rows>div {min-height:130px;}
.contact {padding-top:105px;}
.contact-grid {padding-top:73px;padding-bottom:108px;gap:13%;}
.contact-grid p:not(.eyebrow) {line-height:1.65;margin-bottom:27px;}
.footer {min-height:118px;}
@media (min-width:761px) and (max-width:1320px) {
 .wrap {width:calc(100% - 88px);}
 .header-layout {min-height:86px;}
 .brand-statement {margin-top:23px;padding-bottom:24px;}
 .hero {padding-top:20px;}
 .hero-grid {grid-template-columns:36% 60%;gap:4%;min-height:545px;}
 .hero-left {padding-top:28px;}
 .hero h1 {font-size:clamp(42px,5vw,66px);}
 .hero-lead {font-size:15px;line-height:1.65;margin-top:24px;}
 .hero-links {margin-top:25px;}
 .hero-sidekick {padding-top:20px;}
 .hero-image {height:533px;}
 .hero-corner-cta {bottom:93px;}
 .trust {padding-top:90px;padding-bottom:100px;}
 .trust-grid {margin-top:60px;gap:8%;}
 .projects {padding-top:92px;padding-bottom:110px;}
 .project-intro {margin-top:59px;margin-bottom:50px;}
 .work-grid {gap:62px 28px;}
 .logos {padding-top:104px;padding-bottom:109px;}
 .logo-title {margin-top:60px;margin-bottom:68px;}
 .logo-wall {gap:55px 28px;}
 .services {padding-top:100px;padding-bottom:106px;}
 .service-heading {margin-top:66px;margin-bottom:53px;}
 .service-rows>div {min-height:125px;}
 .contact {padding-top:90px;}
 .contact-grid {padding-top:67px;padding-bottom:100px;}
}
@media (max-width:760px) {
 .brand-statement {margin-top:15px;padding-top:0;padding-bottom:19px;}
 .brand-statement-top {margin-bottom:9px;font-size:8px;}
 .hero {padding-top:6px;padding-bottom:20px;}
 .hero-grid {min-height:0;}
 .hero-left {padding-top:25px;}
 .hero h1 {font-size:clamp(37px,9vw,58px);}
 .hero-lead {margin-top:24px;font-size:15px;}
 .hero-links {margin-top:25px;gap:15px;}
 .hero-image {height:395px;}
 .hero-sidekick {padding-top:18px;}
 .trust {padding-top:80px;padding-bottom:90px;}
 .trust-grid {margin-top:45px;}
 .projects {padding-top:85px;padding-bottom:94px;}
 .project-intro {margin-top:50px;margin-bottom:42px;}
 .project-filters {padding-top:24px;margin-bottom:26px;}
 .work-grid {gap:51px;}
 .logos {padding-top:95px;padding-bottom:104px;}
 .logo-title {margin-top:50px;margin-bottom:60px;}
 .logo-wall {gap:55px 18px;}
 .services {padding-top:90px;padding-bottom:105px;}
 .service-heading {margin-top:56px;margin-bottom:48px;}
 .service-rows>div {min-height:125px;}
 .contact {padding-top:92px;}
 .contact-grid {padding-top:60px;padding-bottom:96px;}
 .footer {min-height:105px;}
}