.work-page{overflow-x:clip}
html:has(body.work-page){overflow-x:clip}
.work-page .site-header{position:relative;background:#fff;color:#111}
.work-page .header-logo{mix-blend-mode:normal}
.work-page .header-logo img{display:block;width:264px;height:29px;object-fit:fill;filter:none;opacity:1}
.work-page .global-nav>a:not(.nav-doc):not(.nav-contact){color:#070505}
.work-page .yellow-button,.work-page .black-button { min-height:60px; padding:0 28px; border-radius:5px; display:flex; align-items:center; justify-content:center; font-weight:700; }
.work-page .yellow-button { background:#ffe500; color:#000; }
.work-page .black-button { background:#1b1818; color:#fff; }
.work-page .breadcrumb { padding:18px 35px; text-align:right; font-size:12px; font-weight:700; }
.work-page .work-intro { max-width:1370px; margin:0 auto; padding:40px 10px 60px; display:grid; grid-template-columns:590px minmax(0,1fr); gap:38px; align-items:start; overflow:visible; }
.work-page .work-copy { position:sticky; top:32px; align-self:start; height:max-content; }
.work-page .work-copy h1 { max-width:590px; margin:0 0 56px; font-size:36px; line-height:1.28; letter-spacing:-.022em; }
.work-page .work-copy h2 { position:relative; margin:0 0 28px 24px; font-size:26px; }
.work-page .work-copy h2::before { content:""; position:absolute; left:-24px; top:0; width:4px; height:45px; border-radius:10px; background:#1e1e1e; }
.work-page .summary { margin:0 0 32px; font-size:18px; line-height:1.78; font-weight:500; }
.work-page .work-data { margin:0; border-top:1px solid #c8c8c8; }
.work-page .work-data div { display:grid; grid-template-columns:160px 1fr; padding:18px 0; border-bottom:1px solid #c8c8c8; }
.work-page .work-data dt { font-weight:700; }
.work-page .work-data dd { margin:0; font-size:16px; line-height:1.65; }
.work-page .work-data a { border-bottom:1px solid; }
.work-page .side-actions { margin:36px auto 0; width:502px; display:grid; gap:15px; }
.work-page .action-wide { width:100%; display:grid; grid-template-columns:28px 1fr 15px; padding:0 16px; }
.work-page .action-wide b { font-size:26px; font-weight:400; }
.work-page .work-visuals img { display:block; width:100%; object-fit:cover; }
.work-page .hero-image { height:500px; border-radius:14px; }
.work-page .desktop-image { margin-top:28px; }
.work-page .mobile-image { margin-top:20px; }
@media (max-width:1000px) {
.work-page .site-header{position:relative}
.work-page .header-logo,.work-page .header-logo img{width:190px;height:21px}
.work-page .menu-button{color:#111}
.work-page .menu-button span{background:#111}
.work-page .global-nav>a:not(.nav-doc):not(.nav-contact){color:#fff}
.work-page .work-intro { grid-template-columns:1fr; max-width:760px; padding-inline:24px; }
.work-page .work-copy { position:static; }
.work-page .work-copy h1 { max-width:none; }
.work-page .work-visuals { grid-row:1; }
.work-page .side-actions { width:100%; }
}
@media (max-width:600px) {
.work-page .breadcrumb { display:none; }
.work-page .work-intro { padding-top:30px; }
.work-page .work-copy h1 { margin-bottom:38px; font-size:28px; }
.work-page .summary { font-size:16px; }
.work-page .work-data div { grid-template-columns:105px 1fr; gap:12px; }
.work-page .hero-image { height:auto; }
}