/* Lognova V14 — site-wide layout contract. Loaded LAST. No form/mail edits. */
:root { --layout-max:1180px; --layout-gutter:24px; --section-space:clamp(72px,8vw,110px); --hero-space:clamp(72px,8vw,110px); }
/* All ordinary content columns share the same horizontal coordinates as the header. */
main .container {box-sizing:border-box; width:min(calc(100% - (var(--layout-gutter) * 2)),var(--layout-max)); max-width:var(--layout-max); margin-inline:auto; padding-inline:0; min-width:0; }
/* Override the legacy 1480px hero-only system rather than adding page-specific offsets. */
main .sales-hero .container,main .work-hero .container,main .web-development-hero .container,main .graphic-design-hero .container,main .marketing-page-hero .container,main .photo-hero .container,main .contact-page-hero .container,main .inner-hero .container,main .studio-new-hero .container {
 width:min(calc(100% - (var(--layout-gutter)*2)),var(--layout-max))!important; max-width:var(--layout-max)!important; margin-inline:auto!important; padding-inline:0!important; padding-block:var(--hero-space)!important;
}
/* Normalize hero type across independent designs. Preserve brand artwork and CTAs. */
main .sales-hero h1,main .work-hero h1,main .web-development-hero h1,main .graphic-design-hero h1,main .marketing-page-hero h1,main .photo-hero h1,main .contact-page-hero h1,main .inner-hero h1,main .studio-new-hero h1 {
 font-size:clamp(2.9rem,5.25vw,5.4rem)!important; line-height:1.08!important; letter-spacing:-.047em!important; max-width:800px!important; margin-block:0 26px!important; }
main .studio-new-hero-copy,main .sales-hero .sales-copy,main .graphic-design-hero-copy,main .marketing-page-hero-copy,main .web-development-hero-copy,main .photo-hero-copy {max-width:710px!important;min-width:0;}
main .studio-new-hero-copy>p, main .sales-hero .sales-copy>p,main .graphic-design-hero-copy>p,main .web-development-hero-copy>p,main .marketing-page-hero-copy>p,main .photo-hero-copy>p {font-size:clamp(1.02rem,1.25vw,1.2rem)!important;line-height:1.7!important;max-width:620px!important;}
/* Consistent top-to-content spacing on marketing/editorial sections. */
main .section,main .studio-statement-section,main .studio-practice-section,main .studio-leadership-section,main .studio-method-section,main .studio-contact-section {padding-block:var(--section-space)!important;}
main .studio-section-intro,main .studio-statement-heading,main .studio-method-heading {min-width:0;}
main .studio-practice-section .studio-section-intro {display:block!important;max-width:850px!important;margin-bottom:50px!important;}
main .studio-practice-section .studio-section-intro h2 {font-size:clamp(2.4rem,4vw,4.25rem)!important;line-height:1.1!important;margin:0 0 22px!important;max-width:850px!important;}
main .studio-practice-section .studio-section-intro p {max-width:650px!important;}
main .studio-statement-grid,main .studio-method-grid,main .studio-leadership-grid {min-width:0;}
main .studio-practice-row {grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) 32px!important;}
main .studio-method-steps article {grid-template-columns:minmax(0,1fr)!important;}
/* Prevent narrow text caused by empty legacy columns. */
main .studio-practice-row>* ,main .studio-method-steps article>* {min-width:0;}
main .studio-new-hero {min-height:var(--hero-height,clamp(630px,82svh,830px));}
main .studio-new-bottomline {left:max(var(--layout-gutter),calc((100vw - var(--layout-max))/2))!important;}
@media(max-width:800px){
 :root{--section-space:72px;--hero-space:72px;}
 main .studio-practice-row {grid-template-columns:minmax(0,1fr) 28px!important;}
 main .studio-practice-row>strong {grid-column:1!important;grid-row:2!important;}
 main .studio-practice-arrow {grid-column:2!important;grid-row:1!important;}
 main .studio-statement-grid,main .studio-method-grid,main .studio-leadership-grid {grid-template-columns:minmax(0,1fr)!important;}
 main .studio-method-heading {position:static!important;}
 main .studio-new-hero h1,main .sales-hero h1,main .work-hero h1,main .web-development-hero h1,main .graphic-design-hero h1,main .marketing-page-hero h1,main .photo-hero h1,main .contact-page-hero h1,main .inner-hero h1 {font-size:clamp(2.65rem,7vw,4.4rem)!important;}
}
@media(max-width:620px){
 :root{--layout-gutter:24px;--section-space:60px;--hero-space:64px;}
 main .studio-new-hero h1,main .sales-hero h1,main .work-hero h1,main .web-development-hero h1,main .graphic-design-hero h1,main .marketing-page-hero h1,main .photo-hero h1,main .contact-page-hero h1,main .inner-hero h1 {font-size:clamp(2.4rem,10vw,3.4rem)!important;overflow-wrap:break-word;}
 main .studio-section-intro h2,main .studio-practice-section .studio-section-intro h2 {font-size:clamp(2rem,8vw,3rem)!important;}
 main .studio-new-bottomline{left:var(--layout-gutter)!important;right:var(--layout-gutter)!important;}
 main .studio-practice-row {gap:12px!important;}
 main .studio-practice-row>strong{font-size:.7rem;}
}
/* V20 — Web Development is the hero reference for Studio and Portfolio. */
:root { --lognova-hero-gutter:clamp(24px,6vw,104px); }
.work-portfolio .work-hero, .studio-new-hero {min-height:var(--hero-height,clamp(630px,82svh,830px))!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;}
.work-portfolio .work-hero > .container, .studio-new-hero > .studio-new-hero-content {box-sizing:border-box!important;width:100%!important;max-width:1480px!important;margin-inline:auto!important;padding-inline:var(--hero-inset,var(--lognova-hero-gutter))!important;padding-block:clamp(64px,9vh,110px)!important;}
.work-portfolio .work-hero > .container > h1, .studio-new-hero .studio-new-hero-copy h1 {font-size:clamp(2.9rem,5.25vw,5.4rem)!important;line-height:1.08!important;letter-spacing:-.047em!important;max-width:800px!important;margin:18px 0 22px!important;}
.work-portfolio .work-hero > .container > p, .studio-new-hero .studio-new-hero-copy > p {font-size:clamp(1.02rem,1.25vw,1.2rem)!important;line-height:1.7!important;max-width:620px!important;}
.work-portfolio .work-hero > .container, .studio-new-hero .studio-new-hero-copy {min-width:0!important;}
@media(max-width:800px){.work-portfolio .work-hero > .container > h1,.studio-new-hero .studio-new-hero-copy h1{font-size:clamp(2.65rem,7vw,4.4rem)!important}}
@media(max-width:620px){.work-portfolio .work-hero,.studio-new-hero{min-height:600px!important}.work-portfolio .work-hero > .container,.studio-new-hero > .studio-new-hero-content{padding-inline:24px!important;padding-block:62px!important}.work-portfolio .work-hero > .container > h1,.studio-new-hero .studio-new-hero-copy h1{font-size:clamp(2.55rem,10.4vw,3.6rem)!important;overflow-wrap:break-word!important}}