/* Only the requested 2026-09-05 corrections. Existing desktop layouts are untouched. */
.bk-mobile-menu-toggle{display:none}
.video-design-page{background:#fff;color:#111}
.video-design-page>.floating-logo{width:208px;top:24px}
.video-design-page>.floating-menu-anchor{top:58px}
.video-design-hero{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.video-design-hero video{display:block;width:100%;aspect-ratio:1;height:auto;object-fit:contain;background:#000}
.video-design-intro{padding:54px 5vw 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:start}
.video-design-intro h1,.video-design-process h2{margin:0;font-weight:700;letter-spacing:-.045em;line-height:.98;font-size:clamp(32px,4.6vw,76px)}
.video-design-intro p,.video-design-process div p{margin:0;font-size:clamp(16px,1.15vw,20px);font-weight:300;line-height:1.5;max-width:58ch}
.video-design-jl{width:75%;margin:0 auto}
.video-design-jl video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.video-design-process{display:grid;grid-template-columns:.4fr 1fr;gap:6vw;padding:72px 8vw}
.video-design-process>p{font-size:12px;letter-spacing:.08em;font-weight:700;margin:0}
.video-design-process h2{font-size:clamp(30px,3.8vw,64px);max-width:20ch;margin-bottom:24px}
.video-design-gifs{display:grid;grid-template-columns:1.15fr 1fr;align-items:start;gap:4vw;padding:0 11vw 100px 17vw}
.video-design-gifs figure{margin:0}
.video-design-gifs figure:nth-child(2){margin-top:22vw}
.video-design-gifs img{display:block;width:100%;height:auto}
@media(max-width:900px){
 /* Navigation only: preserve the master's home logo and scroll behaviour. */
 .bk-mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;z-index:100;right:16px;top:max(14px,env(safe-area-inset-top));width:44px;height:44px;padding:9px;border:0;border-radius:0;background:#fff;color:#111;cursor:pointer}
 .bk-mobile-menu-toggle span{display:block;width:26px;height:2px;background:currentColor}
 .floating-menu-anchor{display:none!important}
 /* Stacked mobile image groups; original image bytes and fitting are retained. */
 .editorial-overview-page .editorial-overview-projects__images,
 .editorial-overview-projects__grid,.editorial5-context__grid,.editorial5-object__grid,
 .bugatti6-page .bugatti6-mood__grid,.bugatti6-hero__images,.bugatti6-production__grid,.bugatti6-social__grid,
 .benvenuto7-page .benvenuto7-direction__grid,.baldessarini9-grid,.baldessarini9-campaign-grid,
 .pattern4-product-application__grid,.pattern4-bugatti__patterns,.pattern4-archive__grid,
 .editions4-archive__grid,.katerlab-bridge__surface-pair,
 .hero,.pattern4-hero,.editorial5-case-hero{grid-template-columns:minmax(0,1fr)!important}
 .hero,.editorial5-case-hero{aspect-ratio:auto!important}
 .hero__panel,.editorial5-case-hero>figure{aspect-ratio:1;height:auto}
 .pattern4-fw24-story-row,.katerlab-bridge__images,.editions4-mockup-pair,.baldessarini9-composition,.baldessarini9-lower{display:flex!important;flex-direction:column!important}
 .pattern4-fw24-story-row>*,.katerlab-bridge__images>*,.baldessarini9-composition>*,.baldessarini9-lower>*{grid-area:auto!important}
 .baldessarini9-lower .lower-mini-pair{display:flex!important;flex-direction:column!important}
 /* Benvenuto: two actual squares in normal flow, followed by the intro. */
 .benvenuto7-page .benvenuto7-hero{aspect-ratio:auto!important;height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important}
 .benvenuto7-page .benvenuto7-hero figure{aspect-ratio:1!important;width:100%!important;height:auto!important;min-height:0!important}
 .benvenuto7-page .benvenuto7-hero figure img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
 /* Screenshot correction: keep each heading with its own description. */
 .pattern4-project-index{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
 .pattern4-project-index a{min-height:0!important;grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:auto auto!important;row-gap:10px!important}
 .pattern4-project-index strong{font-size:clamp(24px,6vw,34px)!important;min-width:0;overflow-wrap:break-word}
 .pattern4-project-index small{font-size:11px;grid-column:2;align-self:start!important}
 .video-design-page>.floating-logo{width:104px;top:18px}
 .video-design-hero{grid-template-columns:1fr;padding-top:0}
 .video-design-intro{display:block;padding:36px 6vw}
 .video-design-intro h1{font-size:9vw;margin-bottom:22px}
 .video-design-jl{width:100%}
 .video-design-process{display:block;padding:48px 6vw}
 .video-design-process>p{margin-bottom:20px}
 .video-design-gifs{display:flex;flex-direction:column;gap:36px;padding:0 6vw 64px}
 .video-design-gifs figure:nth-child(2){margin-top:0;width:82%;align-self:flex-end}
}

/* Approved follow-up: edge-to-edge hero and a stable desktop menu. */
.video-design-hero video::-webkit-media-controls{display:none!important}


.video-design-page.is-nav-dark>.floating-logo img{filter:invert(1)}
.video-design-page.is-nav-dark>.floating-menu-anchor .floating-menu a{color:#fff!important}
/* Approved mobile follow-up: visible home logo and two-column case-study grids. */
@media(max-width:900px){
 .editorial-overview-page .editorial-overview-projects__images,
 .editorial5-page .editorial5-context__grid,
 .editorial5-page .editorial5-object__grid,
 .bugatti6-page .bugatti6-production__grid,
 .bugatti6-page .bugatti6-social__grid,
 .baldessarini8-page .baldessarini9-campaign-grid,
 .pattern4-page .pattern4-product-application__grid,
 .bugatti6-page .bugatti6-mood__grid,
 .benvenuto7-page .benvenuto7-direction__grid,
 .baldessarini8-page .baldessarini9-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}



/* Mobile logo and menu: solid colours, safe-area positioning, immediate panel. */
.bk-mobile-panel{display:none}
@media(max-width:900px){
 main .floating-logo{position:fixed!important;left:50%!important;right:auto!important;z-index:120!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important;transition:none!important}
 body main .floating-logo .brand-logo img{filter:brightness(0)!important;mix-blend-mode:normal!important;opacity:1!important;visibility:visible!important;transition:none!important}
 body main .floating-logo.bk-logo-white .brand-logo img{filter:brightness(0) invert(1)!important}
 body.bk-menu-open main .floating-logo .brand-logo img{filter:brightness(0)!important}
 .bk-mobile-menu-toggle{z-index:121;touch-action:manipulation;-webkit-tap-highlight-color:transparent;top:0}
 .bk-mobile-panel.is-open{display:block;position:fixed;inset:0;z-index:110;background:#fff;overflow-y:auto;padding:calc(78px + env(safe-area-inset-top,0px)) 28px 36px;color:#111;overscroll-behavior:contain}
 .bk-mobile-panel .floating-menu{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;white-space:normal!important;font-size:20px!important;line-height:1!important;color:#111!important}
 .bk-mobile-panel .floating-menu a{color:#111!important;text-shadow:none!important;padding:6px 0!important;touch-action:manipulation}
 .bk-mobile-panel .floating-menu__editorial{display:block!important}
 .bk-mobile-panel .floating-menu__submenu{display:flex!important;flex-direction:column!important;align-items:flex-start!important;position:static!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;font-size:15px!important;gap:4px!important;padding:8px 0 0 18px!important}
 .bk-mobile-panel,.bk-mobile-panel *{animation:none!important;transition:none!important}
 body.bk-menu-open{overflow:hidden}
}


/* Requested final alignment: desktop case-study typography; mobile safe-area header. */
@media(min-width:901px){
 .video-design-intro,.video-design-process{grid-template-columns:1fr 2.2fr;gap:34px 7vw;padding:11vw 5vw 12vw}
 .video-design-intro h1,.video-design-intro>div{grid-column:2}
 .video-design-intro h1,.video-design-process h2{font-size:clamp(38px,5.7vw,94px);font-weight:800;letter-spacing:-.058em;line-height:.9;max-width:none}
 .video-design-intro p,.video-design-process div p{font-size:clamp(16px,1.35vw,22px);line-height:1.55;max-width:640px}
 .video-design-process>p{font-size:10px;letter-spacing:.1em;line-height:1.35}
}
@media(max-width:900px){
 body main>.floating-logo{top:max(32px,calc(env(safe-area-inset-top,0px) + 16px))!important;width:104px!important;transform:translate(-50%,-50%)!important}
 body main:has(>.hero)>.floating-logo{top:max(32px,calc(env(safe-area-inset-top,0px) + 16px),var(--bk-home-top,50vh))!important;width:var(--bk-home-width,92vw)!important;transform:translate(-50%,-50%)!important}
 body.bk-menu-open main:has(>.hero)>.floating-logo{top:max(32px,calc(env(safe-area-inset-top,0px) + 16px))!important;width:104px!important}
 body main .floating-logo .brand-logo img{filter:brightness(0)!important}
 body main .floating-logo.bk-logo-white .brand-logo img{filter:brightness(0) invert(1)!important}
 body.bk-menu-open main .floating-logo .brand-logo img{filter:brightness(0)!important}
 .bk-mobile-menu-toggle{top:max(10px,calc(env(safe-area-inset-top,0px) - 6px));right:max(16px,env(safe-area-inset-right,0px));color:#111}
}

@media(max-width:900px){
 .bk-mobile-menu-toggle{background:transparent;color:#111}
 .bk-mobile-menu-toggle.bk-menu-white{color:#fff}
 body.bk-menu-open .bk-mobile-menu-toggle{background:#fff;color:#111}
}

/* Video Design: supplied Designwerk layout reference. */
.video-design-page,.video-design-page .site-footer{background:#e0dcd1}
.video-design-intro{row-gap:32px}
.video-design-intro h1,.video-design-process h2{font-size:clamp(34px,4.6vw,76px);font-weight:800;letter-spacing:-.05em;line-height:.94}
.video-design-intro>div>p:first-child{font-size:clamp(18px,1.8vw,30px);line-height:1.08;letter-spacing:-.025em;text-transform:uppercase;max-width:760px}
.video-design-intro>div>p+p{margin-top:22px;font-size:clamp(15px,1.15vw,19px);line-height:1.55;max-width:680px}
.video-design-clients{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:24px 44px;margin:32px 0 0;max-width:920px}
.video-design-clients>div{display:grid;grid-template-columns:110px 1fr;gap:18px;font-size:10px;line-height:1.35}
.video-design-clients dt{font-weight:700}.video-design-clients dd{margin:0}
@media(max-width:900px){
 .video-design-intro h1,.video-design-process h2{font-size:clamp(34px,11vw,58px)}
 .video-design-clients{grid-template-columns:1fr;gap:20px;margin-top:32px}
}

@media(max-width:900px){.editorial5-page .editorial5-context__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}