/* One shared studio measure. Individual case layouts retain their own art direction. */
:root{--studio-width:1440px;--studio-gutter:48px;--studio-header-height:112px}
body .db-chrome-wrap,body .db-wrap,body .dh-wrap,body .dbs-page>.wrap,body .dbs-page .dbs-nav>.wrap,body .dbs-page section>.wrap,body .db-map-wrap,body .archive-wrap,body main>section.wrap,body main>div.wrap,body main>section>.wrap{width:min(var(--studio-width),calc(100% - var(--studio-gutter)*2));margin-inline:auto}
body .db-header-inner{grid-template-columns:auto 1fr;gap:40px;min-height:var(--studio-header-height)}
.db-header-nav{justify-self:end}
body .dh-intro h1 span,body .dh-process-note>p:last-child{color:#4d504a}
body .dh-sezam figure img{aspect-ratio:1.12;object-fit:cover;object-position:center;background:#050707}
body .db-footer-bottom{flex-wrap:wrap}
/* Offer pages share the same entry rhythm, independent of their hero layout. */
body .dbs-page>header.wrap{padding:50px 0 78px}
/* Case introductions and next-project transitions need only one separator. */
body .cs-case .cs-topline{border-top:0}
body .cs-case .cs-next-footer{border-bottom:0}
body .odnova-case .od-hero{padding-top:0}
@media(max-width:1050px){:root{--studio-gutter:30px}}
@media(max-width:720px){:root{--studio-gutter:20px;--studio-header-height:92px}body .db-header-inner{min-height:var(--studio-header-height);gap:22px}.db-header .menu-button{justify-self:end}.db-header .db-header-nav{grid-column:1/-1;justify-self:stretch}.dbs-page .dbs-nav>.wrap{padding-inline:0}}
@media(max-width:380px){:root{--studio-gutter:18px}}
@media(max-width:720px){body .dbs-page>header.wrap{padding:24px 0 48px}}