/* Void refinement layer: Studio, Services, Process and Resources */
.resource-archive,.resource-single{padding:0 var(--gutter) 130px}.resource-heading{max-width:1050px}.resource-intro{max-width:none;width:100%;margin:0}.resource-deck{max-width:820px;font-family:var(--serif);font-size:var(--void-lead);line-height:1.8;letter-spacing:0;margin:0 0 54px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:80px 5vw;padding-top:40px}.resource-card a{display:block}.resource-card figure{margin:0 0 18px;overflow:hidden}.resource-card img{width:100%;height:auto;transition:transform .45s ease}.resource-card a:hover img{transform:scale(1.015)}.resource-card-copy{display:grid;grid-template-columns:38px 1fr 18px;gap:14px;border-top:1px solid var(--line);padding-top:16px}.resource-card h2{font-family:var(--serif);font-size:30px;line-height:1.08;margin:0 0 10px}.resource-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.resource-heading{padding-top:55px;padding-bottom:55px}.resource-heading h1{font-size:clamp(54px,7vw,104px);line-height:.98;letter-spacing:-.055em;margin:28px 0 0}.resource-hero{width:min(78vw,1120px);margin:0 auto 90px}.resource-hero img{width:100%;height:auto}.resource-body{max-width:800px;margin:0 auto}.resource-return{max-width:800px;margin:80px auto 0;border-top:1px solid var(--line);padding-top:20px;font-size:11px}
@media(max-width:700px){.resource-archive,.resource-single{padding-bottom:70px}.resource-grid{grid-template-columns:1fr;gap:55px}.resource-card h2{font-size:27px}.resource-heading{padding-top:35px}.resource-hero{width:100%;margin-bottom:55px}}

.studio-main,.services-main{padding:0 var(--gutter) 130px}
.studio-heading{max-width:1180px}

/* One opening system: centred section frame, then title and introduction. */
.services-main>.page-heading,
.resource-archive>.page-heading,
.process-reading>.process-heading,
.page-id-2442 .page-main>article>.page-heading,
.contact-main .contact-opening .page-heading{
 display:block;
 width:100%;
 max-width:var(--opening-width,1180px);
 margin:0 auto;
 padding:76px 0 0;
 text-align:left;
}
.services-main>.page-heading h1,
.resource-archive>.page-heading h1,
.process-reading>.process-heading h1,
.page-id-2442 .page-main>article>.page-heading h1,
.contact-main .contact-opening .page-heading h1{
 width:100%;
 max-width:none;
 margin:28px 0 36px;
 text-wrap:wrap;
}
.resource-archive>.resource-intro,
.process-reading>.process-intro{
 width:100%;
 max-width:var(--opening-width,1180px);
 margin:0 auto 80px;
}
.resource-archive>.resource-intro>.resource-deck,
.process-reading>.process-intro>.process-deck{
 max-width:820px;
 margin:0;
}
.services-main>.services-content>.services-lead{margin:0 0 54px}
.resource-archive>.resource-grid{max-width:1180px;margin:0 auto}
.page-id-2442 .page-content>.recognition-intro{max-width:820px;margin:0}
.contact-main .contact-opening .page-heading{padding-bottom:28px}
@media(min-width:901px) and (max-width:1000px){.contact-main .contact-feature{margin-top:58px}}
.process-main{--opening-width:none}
@media(max-width:1000px){
 .services-main>.page-heading,.resource-archive>.page-heading,.process-reading>.process-heading,.page-id-2442 .page-main>article>.page-heading,.contact-main .contact-opening .page-heading{padding-top:58px}
}
@media(max-width:700px){
 .services-main>.page-heading,.resource-archive>.page-heading,.process-reading>.process-heading,.page-id-2442 .page-main>article>.page-heading,.contact-main .contact-opening .page-heading{padding-top:38px}
 .services-main>.page-heading h1,.resource-archive>.page-heading h1,.process-reading>.process-heading h1,.page-id-2442 .page-main>article>.page-heading h1,.contact-main .contact-opening .page-heading h1{margin:23px 0 28px}
 .resource-archive>.resource-intro,.process-reading>.process-intro{margin-bottom:60px}
}

.studio-feature{width:min(72vw,980px);margin:0 0 90px auto}
.studio-feature img{width:100%;height:auto}
.studio-feature figcaption{font-size:9px;letter-spacing:.05em;color:var(--muted);margin-top:10px}
.studio-content,.services-content{max-width:1180px;margin:0 auto}
.studio-content>.studio-lead,.services-content>.services-lead{max-width:820px;font-family:var(--serif);font-size:clamp(28px,3.2vw,48px);line-height:1.18;letter-spacing:-.025em;margin:0 0 105px}
.studio-chapter{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8vw;border-top:1px solid var(--line);padding:42px 0 76px}
.studio-chapter>.wp-block-group__inner-container{display:contents}
.studio-chapter>.eyebrow,.studio-chapter>.wp-block-group__inner-container>.eyebrow{grid-column:1}
.studio-chapter>h2,.studio-chapter>.wp-block-group__inner-container>h2{grid-column:2;font-size:clamp(36px,4.2vw,64px);line-height:1.05;letter-spacing:-.035em;margin:0 0 24px}
.studio-chapter>p:not(.eyebrow),.studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow){grid-column:2;max-width:760px}
.studio-way{margin:25px 0 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:55px 0}
.studio-way>.wp-block-group__inner-container{max-width:980px;margin-left:auto}
.studio-way blockquote{border:0!important;margin:15px 0 28px!important;padding:0!important}
.studio-way blockquote p{font-family:var(--serif);font-size:clamp(44px,5.4vw,82px)!important;line-height:1.02!important;letter-spacing:-.04em}
.studio-profile{max-width:760px;margin:0 0 110px auto}
.studio-profile h2{font-size:clamp(46px,5vw,72px);margin:12px 0 25px}
.studio-recognition{border-top:1px solid var(--line);padding-top:42px;margin-top:90px}
.studio-recognition>h2,.studio-recognition>.wp-block-group__inner-container>h2{font-size:clamp(46px,5vw,72px);margin:12px 0 40px}
.award-row{display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--line);padding:22px 0}
.award-row>.wp-block-group__inner-container{display:contents}
.award-row p{margin:0!important;font-size:13px!important}
.award-note{font-size:11px!important;color:var(--muted);margin-top:25px!important}

.services-content>.service-chapter{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:8vw;align-items:center;border-top:1px solid var(--line);padding:70px 0 95px}
.services-content>.service-chapter>.wp-block-group__inner-container{display:contents}
.service-chapter figure{margin:0!important}
.service-chapter figure img{width:100%;height:auto}
.service-chapter figcaption{font-size:9px;color:var(--muted);margin-top:10px}
.service-chapter h2{font-size:clamp(40px,4.5vw,68px);line-height:1.04;letter-spacing:-.04em;margin:12px 0 26px}
.service-chapter--reverse figure{order:2}
.service-chapter--reverse>.wp-block-group__inner-container>figure{order:2}
.service-principle{margin:20px calc(var(--gutter)*-1) 95px;padding:80px max(var(--gutter),8vw);background:#e8e6df}
.service-principle>.wp-block-group__inner-container{max-width:920px}
.service-principle h2{font-size:clamp(48px,5.5vw,82px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 28px}
.service-documentation{border-top:1px solid var(--line);padding:70px 0 95px}
/* Shared 3D documentation introduction on Services. */
.services-content>.service-visualisation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5vw;align-items:center;padding:48px 0 70px}
.services-content>.service-visualisation>.wp-block-group__inner-container{display:contents;max-width:none}
.service-visualisation .service-video{position:relative;margin:0!important;min-width:0}
.service-loop{display:block;width:100%;height:auto;aspect-ratio:910/512;background:var(--paper)}
.service-video-toggle{position:absolute;right:12px;bottom:12px;border:1px solid var(--line);border-radius:0;padding:8px 12px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;line-height:1.4;cursor:pointer}
.service-video-toggle[hidden]{display:none}
.service-video-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.service-visualisation .service-copy h2{font-size:clamp(34px,3.4vw,52px);margin:0 0 22px;line-height:1.08}
@media(max-width:900px){.services-content>.service-visualisation{grid-template-columns:1fr;gap:28px;padding:32px 0 48px}.service-video-toggle{right:8px;bottom:8px}}

.service-documentation>.wp-block-group__inner-container{max-width:980px}
.service-documentation h2{font-size:clamp(46px,5vw,74px);line-height:1.04;letter-spacing:-.04em;margin:15px 0 28px}
.service-detail-chain{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px 0 35px}
.service-detail-chain p{margin:0!important;padding:22px 18px;border-right:1px solid var(--line);font-family:var(--serif);font-size:19px!important}
.service-detail-chain p:last-child{border-right:0}
.service-regions{display:grid;grid-template-columns:170px 1fr;gap:8vw;border-top:1px solid var(--line);padding:45px 0 80px}
.service-regions>.wp-block-group__inner-container{display:contents}
.service-regions h2{font-size:clamp(36px,4.2vw,62px);line-height:1.05;margin:0 0 20px}
.service-regions p:not(.eyebrow){grid-column:2;max-width:720px}

/* Process graphics: spatial linework that becomes progressively more resolved */
.home-process-strip p{background-size:118px 88px!important;background-position:center 54px!important}
/* Superseded line-art backgrounds removed; approved raster artwork is defined below. */

.process-value-chain p{background-size:92px 78px!important;background-position:24px 28px!important}
.process-value-chain p:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 78'%3E%3Cg fill='none' stroke='%23596159' stroke-width='1.15'%3E%3Cpath d='M7 18C24 9 35 13 47 19S69 29 85 18M8 30C24 23 36 25 48 31S69 39 84 31M9 43C25 37 36 38 49 44S68 53 83 45' opacity='.45'/%3E%3Cpath d='M18 13L69 11L78 58L14 64Z' stroke-dasharray='4 4'/%3E%3Cpath d='M24 24L55 20L62 48L27 53Z' opacity='.55'/%3E%3C/g%3E%3C/svg%3E")!important}
.process-value-chain p:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 78'%3E%3Cg fill='none' stroke='%23596159' stroke-width='1.15'%3E%3Cpath d='M15 15H60V27H74V59H43V51H15Z'/%3E%3Cpath d='M43 27V51M60 15V27M15 38H43M54 27V59M60 40H74' opacity='.75'/%3E%3Cpath d='M8 66H82' opacity='.35'/%3E%3C/g%3E%3C/svg%3E")!important}
.process-value-chain p:nth-child(3){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 78'%3E%3Cg fill='none' stroke='%23596159' stroke-width='1.1'%3E%3Crect x='11' y='9' width='67' height='58'/%3E%3Cpath d='M18 18H54V28H65V52H40V46H18Z'/%3E%3Cpath d='M40 28V46M54 18V28M18 36H40M49 28V52M54 39H65'/%3E%3Cpath d='M8 5V71M81 5V71M5 7H85M5 70H85' stroke-dasharray='2 3' opacity='.35'/%3E%3Cpath d='M16 62H32M38 62H55M61 62H73' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")!important}
.process-value-chain p:nth-child(4){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 78'%3E%3Cg fill='none' stroke='%23596159' stroke-width='1.2'%3E%3Cpath d='M10 62V31L36 17L68 28V62Z'/%3E%3Cpath d='M36 17V62M10 31L36 42L68 28M45 38H59V49H45Z'/%3E%3Crect x='17' y='43' width='12' height='19'/%3E%3Cpath d='M6 67H82'/%3E%3Cpath d='M73 20l5 5 9-12' stroke-width='1.7'/%3E%3C/g%3E%3C/svg%3E")!important}

/* Approved artwork, sized for its small display rather than full-resolution files. */
.home-process-strip p:nth-child(1){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Process-01-Understand-1-300x225.png")!important}
.home-process-strip p:nth-child(2){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Process-02-Explore-1-300x225.png")!important}
.home-process-strip p:nth-child(3){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Process-03-Resolve-1-300x225.png")!important}
.home-process-strip p:nth-child(4){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Process-04-Document-1-300x225.png")!important}
.home-process-strip p:nth-child(5){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Process-05-Build-1-300x225.png")!important}
.home-process-strip p{background-size:86% auto!important;background-position:center 42px!important}

.process-value-chain p:nth-child(1){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Detail-1.png")!important}
.process-value-chain p:nth-child(2){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Less-Ambiguity-1.png")!important}
.process-value-chain p:nth-child(3){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Accurate-Pricing.png")!important}
.process-value-chain p:nth-child(4){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Fewer-Surprises-On-Site.png")!important}
.process-value-chain p{background-size:84% auto!important;background-position:center 22px!important}

/* Typography is deliberately one family throughout the site. */
em,i,cite{font-family:inherit!important;font-style:normal!important}
.resource-card h2,.studio-content>.studio-lead,.services-content>.services-lead,.studio-way blockquote p,.service-detail-chain p{font-family:var(--sans)!important}

/* Process overview: scale is meaningful, not merely highlighted */
.process-overview-head p:last-child{max-width:380px;text-align:right}
.process-map{display:flex!important;grid-template-columns:none!important}
.process-node{flex:var(--stage-weight,1) 1 0!important;min-width:0}
.process-node-05{background:var(--paper)!important;border-top:3px solid var(--accent)}
.process-node-05:hover,.process-node-05:focus-visible,.process-node-05.is-active{background:var(--ink)!important}
.process-node-duration{font-size:8px;line-height:1.35;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-top:18px}
.process-node:hover .process-node-duration,.process-node:focus-visible .process-node-duration,.process-node.is-active .process-node-duration{color:var(--paper)}
.process-rail-top a{font-weight:600}
.process-rail-top a span{font-size:12px!important}
.process-stage details+details{margin-top:0}

@media(max-width:1000px){
 .process-map{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
 .process-node{min-width:0}
 .studio-feature{width:80vw}
 .services-content>.service-chapter{gap:5vw}
}
@media(max-width:700px){
 .process-map{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;background:transparent;border:0;padding-bottom:8px}
 .process-node{min-width:150px!important;flex:0 0 150px!important;border:1px solid var(--line);scroll-snap-align:start}
 .process-node-05{min-width:195px!important;flex-basis:195px!important}
 .studio-main,.services-main{padding-bottom:70px}
 .studio-feature{width:100%;margin:0 0 60px}
 .studio-content>.studio-lead,.services-content>.services-lead{font-size:30px;margin-bottom:70px}
 .studio-chapter,.service-regions{grid-template-columns:1fr;gap:18px;padding:32px 0 58px}
 .studio-chapter>.eyebrow,.studio-chapter>h2,.studio-chapter>p:not(.eyebrow),.studio-chapter>.wp-block-group__inner-container>.eyebrow,.studio-chapter>.wp-block-group__inner-container>h2,.studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow),.service-regions p:not(.eyebrow){grid-column:1}
 .studio-way{margin-bottom:70px;padding:40px 0}
 .studio-profile{margin:0 0 70px}
 .award-row{grid-template-columns:70px 1fr}
 .services-content>.service-chapter{grid-template-columns:1fr;gap:28px;padding:45px 0 65px}
 .service-chapter--reverse figure,.service-chapter--reverse>.wp-block-group__inner-container>figure{order:0}
 .service-principle{padding-top:55px;padding-bottom:55px;margin-bottom:65px}
 .service-detail-chain{grid-template-columns:1fr}
 .service-detail-chain p{border-right:0;border-bottom:1px solid var(--line)}
 .service-detail-chain p:last-child{border-bottom:0}
 .process-overview-head p:last-child{text-align:left}
}

/* Readability + consistency pass */
body{font-size:16px}
em,i,cite{font-family:inherit!important;font-style:normal!important}
.eyebrow,
.brand-caption,
.hero-image figcaption,
.card-caption p,
.card-number,
.footer-bottom,
.archive-bar,
.project-facts dt,
.gallery-frame figcaption,
.lightbox figcaption,
.studio-layout figcaption,
.contact-layout figcaption,
.service-chapter figcaption,
.studio-feature figcaption,
.resource-return,
.resource-heading .eyebrow,
.home-editorial-inner>.eyebrow,
.home-process-strip p:before,
.process-node-number,
.process-node-duration,
.process-manifesto cite,
.process-duration,
.process-meta-grid h3,
.process-rail a,
.process-rail a span,
.process-overview-head p:last-child,
.award-note,
.forminator-ui .forminator-label,
.forminator-ui .forminator-checkbox-label,
.forminator-ui .forminator-save-draft-link,
.page-id-2202 .page-content>.wp-block-image figcaption{font-size:13px!important;line-height:1.5}
.desktop-nav,.hero-foot,.text-link,.project-heading-meta,.project-facts,.editorial-links a,.process-stage summary,.process-faq summary,.process-content>.wp-block-separator~p:last-child a,.forminator-ui .forminator-button,.forminator-ui .forminator-button-submit,.forminator-ui .forminator-pagination-next,.forminator-ui .forminator-pagination-back,.forminator-ui .forminator-pagination-submit{font-size:14px!important}
.resource-card p,.process-meta-grid p,.forminator-ui .forminator-subtitle{font-size:14px!important;line-height:1.7}
.process-stage details p,.process-faq details p{font-size:16px!important}
.home-process-strip p{font-size:14px!important}
@media(max-width:700px){
 body{font-size:16px}
 .process-deck,.process-note,.project-prose,.intro p:not(.eyebrow),.home-process-lead{font-size:16px!important}
 .project-prose>p:first-child{font-size:19px}
 .mobile-menu{font-size:14px}
 .hero-foot,.hero-foot .text-link,.section-heading .text-link,.project-heading-meta{font-size:13px!important}
 .process-rail a{font-size:13px!important}
 .brand-caption{font-size:12px!important}
}

/* Site-wide visual system: warm neutral palette, restrained spacing and consistent editorial rhythm */
:root{--paper-deep:#e9e3da;--paper-soft:#e5e2dc}
.page-heading{max-width:1180px}
.page-heading h1,.project-heading h1,.resource-heading h1{font-family:var(--sans);font-weight:400}
.page-heading+.page-content,.page-heading+.services-content,.page-heading+.studio-feature{margin-top:0}
.project-cover,.card-image{background:var(--paper-soft)}
.process-stage-documentation,.studio-chapter--place,.services-content>.service-principle{background:var(--paper-deep)!important}
.section-space{border-color:var(--line)}
.project-prose h2,.service-chapter h2,.studio-chapter h2,.service-documentation h2,.service-regions h2,.studio-profile h2,.studio-recognition h2{font-family:var(--sans)}
.project-prose p,.studio-content p,.services-content p,.resource-body p{max-width:760px}
.text-link,.hero-projects-link,.project-prose a,.resource-return a{transition:color .2s ease}
.project-prose a:hover,.resource-return a:hover,.hero-projects-link:hover{color:var(--accent)}
@media(max-width:1000px){.page-heading{padding-top:58px;padding-bottom:44px}.section-space{padding-top:92px;padding-bottom:92px}}
@media(max-width:700px){.page-heading{padding-top:38px;padding-bottom:28px}.section-space{padding-top:66px;padding-bottom:66px}}

/* Construction documentation graphics: image first, label underneath */
.process-value-chain p,.service-detail-chain p{background-image:none!important}
.process-value-chain p:before,.service-detail-chain p:before{content:'';display:block;width:100%;height:150px;margin:0 0 18px;background-repeat:no-repeat;background-position:center;background-size:contain}
.process-value-chain p{padding:22px 20px 24px!important;min-height:220px}
.service-detail-chain p{padding:22px 18px 24px!important;min-height:220px}
.process-value-chain p:nth-child(1):before,.service-detail-chain p:nth-child(1):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Detail-1.png")}
.process-value-chain p:nth-child(2):before,.service-detail-chain p:nth-child(2):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Less-Ambiguity-1.png")}
.process-value-chain p:nth-child(3):before,.service-detail-chain p:nth-child(3):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Accurate-Pricing.png")}
.process-value-chain p:nth-child(4):before,.service-detail-chain p:nth-child(4):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Fewer-Surprises-On-Site.png")}
.process-value-chain p:not(:last-child):after{bottom:24px}
@media(max-width:1000px){.process-value-chain p:before,.service-detail-chain p:before{height:180px}}
@media(max-width:700px){
 .process-value-chain p,.service-detail-chain p{min-height:0!important;padding:22px 18px 26px!important}
 .process-value-chain p:before,.service-detail-chain p:before{height:150px;margin-bottom:14px;background-position:left center}
 .process-value-chain p:after{bottom:-8px!important}
}

/* Studio: stronger editorial rhythm and consistent spacing */
.studio-content>.studio-lead{margin-bottom:72px!important}
.studio-chapter{grid-template-columns:150px minmax(0,1fr);gap:5vw;padding:52px 0 64px}
.studio-chapter>.wp-block-group__inner-container{display:grid;grid-template-columns:150px minmax(0,1fr);gap:5vw;grid-column:1/-1}
.studio-chapter>.wp-block-group__inner-container>.eyebrow{grid-column:1;grid-row:1/span 4;padding-top:7px}
.studio-chapter>.wp-block-group__inner-container>h2,
.studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow){grid-column:2}
.studio-chapter>.wp-block-group__inner-container>h2{margin-bottom:18px}
.studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow){margin:0 0 14px;max-width:700px}
.studio-chapter--place{margin:14px calc(var(--gutter)*-1) 70px;padding:68px var(--gutter);background:#e8e6df;border-top:0}
.studio-way{margin:0 0 80px;padding:65px 0}
.studio-way>.wp-block-group__inner-container>p:not(.eyebrow){margin:0 0 18px;max-width:720px}
.studio-way>.wp-block-group__inner-container>p:last-child{margin-bottom:0}
.studio-profile{max-width:none;margin:0 0 75px;padding:52px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:150px minmax(0,1fr);gap:5vw}
.studio-profile>.wp-block-group__inner-container{display:grid;grid-template-columns:150px minmax(0,1fr);gap:5vw;grid-column:1/-1}
.studio-profile .eyebrow{grid-column:1;grid-row:1/span 4}
.studio-profile h2,.studio-profile p:not(.eyebrow){grid-column:2;max-width:700px}
.studio-profile h2{margin:0 0 20px}
.studio-recognition{margin-top:0;padding-top:52px}

/* Services: passive design is an overarching principle, not a list item */
/* Services lead spacing is part of the shared opening system above. */
.services-content>.service-principle{margin:0 calc(var(--gutter)*-1) 78px;padding:72px max(var(--gutter),8vw);background:#dde2d7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-principle>.wp-block-group__inner-container{max-width:1040px}
.service-principle .eyebrow:after{content:' / Core to every project';color:var(--muted)}
.service-principle h2{max-width:850px}
.service-principle p:not(.eyebrow){max-width:760px}
.service-detail-chain p{min-height:220px;padding:152px 18px 24px!important;background-repeat:no-repeat;background-position:center 18px;background-size:82% auto}
.service-detail-chain p:nth-child(1){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Detail-1.png")}
.service-detail-chain p:nth-child(2){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Less-Ambiguity-1.png")}
.service-detail-chain p:nth-child(3){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Accurate-Pricing.png")}
.service-detail-chain p:nth-child(4){background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Fewer-Surprises-On-Site.png")}

/* Process overview: equal stages and robust responsive layout */
.process-overview-head{align-items:flex-start}
.process-overview-head p:last-child{max-width:560px}
.process-map{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px}
.process-node{flex:none!important;min-width:0!important;min-height:170px}
.process-node-05{min-width:0!important}
.process-node-title{font-size:18px}
.process-node-05 .process-node-title{font-size:18px}
@media(max-width:1100px){
 .process-map{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .process-node{min-height:145px}
 .process-overview-head{display:block}
 .process-overview-head p:last-child{margin-top:8px;text-align:left}
}
@media(max-width:700px){
 .studio-chapter,.studio-chapter>.wp-block-group__inner-container,.studio-profile,.studio-profile>.wp-block-group__inner-container{display:block}
 .studio-chapter--place{margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);padding-left:var(--gutter);padding-right:var(--gutter)}
 .studio-chapter .eyebrow,.studio-profile .eyebrow{margin-bottom:14px}
 .services-content>.service-principle{margin-bottom:55px}
 .service-detail-chain p{min-height:175px;padding:118px 20px 26px!important;background-size:120px auto;background-position:right 18px top 14px}
 .process-map{display:grid!important;grid-template-columns:1fr!important;overflow:visible;gap:0;padding-bottom:0}
 .process-node,.process-node-05{min-width:0!important;min-height:112px!important;border:1px solid var(--line);border-bottom:0;scroll-snap-align:none}
 .process-node:last-child{border-bottom:1px solid var(--line)}
}

/* Final consistency pass */
.services-content>.service-principle{background:var(--paper-deep)!important}
.studio-chapter--place{background:var(--paper-deep)!important}
.process-stage-documentation{background:var(--paper-deep)!important}

/* Documentation cards always keep artwork above copy */
.process-value-chain p,.service-detail-chain p{
 background-image:none!important;
 min-height:0!important;
 padding:22px 20px 26px!important;
 display:block!important;
}
.process-value-chain p:before,.service-detail-chain p:before{
 content:'';
 display:block;
 width:100%;
 height:150px;
 margin:0 0 18px;
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain;
}
.process-value-chain p:nth-child(1):before,.service-detail-chain p:nth-child(1):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Detail-1.png")}
.process-value-chain p:nth-child(2):before,.service-detail-chain p:nth-child(2):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Less-Ambiguity-1.png")}
.process-value-chain p:nth-child(3):before,.service-detail-chain p:nth-child(3):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-More-Accurate-Pricing.png")}
.process-value-chain p:nth-child(4):before,.service-detail-chain p:nth-child(4):before{background-image:url("https://voidbuildingdesign.instawp.dev/wp-content/uploads/2026/09/Construction-Documentation-Fewer-Surprises-On-Site.png")}

/* Comfortable touch targets without visually heavy controls */
.desktop-nav a,.mobile-menu summary,.text-link,.hero-projects-link,.footer-bottom a,.process-rail a,.resource-return a{
 min-height:44px;
 align-items:center;
}
.desktop-nav a,.text-link,.hero-projects-link,.resource-return a{display:inline-flex}
.footer-bottom a{display:inline-flex;align-items:center}
.process-rail a{min-height:44px}
.process-value-chain p,.service-detail-chain p{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.2!important}

/* Contact, brief and policy pages use the same quiet editorial spacing */
.contact-layout .project-prose>h2{border-top:1px solid var(--line);padding-top:28px;margin-top:48px;margin-bottom:18px}
.contact-layout .project-prose>h2:first-of-type{margin-top:36px}
.page-main .page-content{line-height:1.85}
.page-main .page-content>h2{border-top:1px solid var(--line);padding-top:28px;margin-top:54px}
.page-main .page-content>p+form,.page-main .page-content>.forminator-ui{margin-top:46px!important}
.resource-body h2{border-top:1px solid var(--line);padding-top:28px;margin-top:54px}
.resource-body>p:first-child{font-size:19px;line-height:1.75}

@media(max-width:1000px){
 .process-value-chain p:before,.service-detail-chain p:before{height:170px}
}
@media(max-width:700px){
 .process-value-chain p,.service-detail-chain p{padding:20px 18px 24px!important}
 .process-value-chain p:before,.service-detail-chain p:before{height:145px;margin-bottom:12px;background-position:left center}
 .service-detail-chain p{border-right:0;border-bottom:1px solid var(--line)}
 .service-detail-chain p:last-child{border-bottom:0}
}

/* Tablet and form resilience */
.forminator-ui .select2-container,.forminator-ui .select2-selection,.forminator-ui input,.forminator-ui textarea{max-width:100%!important}
.forminator-ui .select2-container{width:100%!important}
.resource-card figure{background:var(--paper-soft);aspect-ratio:4/3}
.resource-card figure img{width:100%;height:100%;object-fit:contain}
@media(max-width:900px){
 .desktop-nav{display:none!important}
 .mobile-menu{display:block!important;font-size:14px;z-index:20}
 .mobile-menu summary{min-height:44px;display:flex;align-items:center}
 .mobile-menu nav{top:115px}
 .process-layout{display:block!important}
 .process-rail{position:static!important;overflow:visible!important;background:transparent!important;margin:0 0 50px!important;padding:0!important;border-bottom:0!important}
 .process-rail>.eyebrow{display:block!important;margin-bottom:14px}
 .process-rail ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:auto!important;margin:0!important;border-top:1px solid var(--line)!important}
 .process-rail li{border-bottom:1px solid var(--line)!important}
 .process-rail a{display:grid!important;grid-template-columns:24px 1fr!important;white-space:normal!important;margin:0!important;padding:12px 10px 12px 0!important;font-size:12px!important;line-height:1.35}
 .process-rail a span{display:block!important;margin:0!important;font-size:11px!important}
 .home-process-strip p{background-size:128px auto!important;background-position:center 48px!important}
}
@media(max-width:700px){
 .mobile-menu nav{top:94px}
 .process-rail ol{grid-template-columns:1fr 1fr}
 .home-process-strip p{min-height:140px!important;padding-right:142px!important;background-size:112px auto!important;background-position:right 16px center!important}
 .process-manifesto p{font-size:44px!important}
}

/* Award marks stay anchored to the photograph on the projects overview. */
.award-card-photo{display:block;position:relative;width:fit-content;max-width:100%}
.project-card .card-image .overview-award-seal{position:absolute;top:12px;left:12px;width:clamp(104px,10vw,144px);height:auto;max-width:30%;pointer-events:none;transform:none;transition:none}
@media(max-width:700px){.project-card .card-image .overview-award-seal{top:8px;left:8px;width:104px}}
/* Keep major photography comfortably within a single desktop viewport */
@media(min-width:701px){
 .project-cover img{max-height:74vh!important}
 .project-card .card-image{display:flex;align-items:center;justify-content:center}
 .project-card .card-image img{max-height:70vh;width:auto;max-width:100%;object-fit:contain}
 .gallery-frame img{max-height:76vh;width:auto!important;max-width:100%;margin:0 auto;object-fit:contain}
 .resource-hero img{max-height:74vh;width:auto;max-width:100%;margin:0 auto;object-fit:contain}
 .studio-feature img{max-height:72vh;width:auto;max-width:100%;margin-left:auto;object-fit:contain}
 .contact-layout figure img{max-height:72vh;width:auto;max-width:100%;margin-left:auto;object-fit:contain}
 .closing-image img{max-height:76vh}
 .hero-image img{height:min(650px,calc(100vh - 185px))!important;min-height:480px}
}
@media(min-width:1600px){
 .hero-image img{height:min(720px,calc(100vh - 185px))!important}
 .home-hero{min-height:min(770px,calc(100vh - 115px))!important}
}

/* Contact page: make the primary action unmistakable */
.contact-layout .contact-lead{font-size:clamp(22px,2.2vw,32px)!important;line-height:1.45!important;max-width:620px!important;margin-bottom:38px!important}
.contact-layout .project-prose>h2:first-of-type{font-size:clamp(34px,4vw,56px);line-height:1.08;border-top:0;padding-top:0;margin-top:0;margin-bottom:18px}
.contact-layout .forminator-ui{margin:34px 0 70px!important;padding-bottom:60px;border-bottom:1px solid var(--line)}
.contact-layout .project-prose>h2:not(:first-of-type){font-size:26px;line-height:1.2}
.contact-mobile-image{display:none}
.contact-social-links{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:680px!important}
.contact-social-links a,.footer-social a{display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid currentColor;text-decoration:none!important}
.footer-social{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:12px}
.footer-social a{min-height:32px}
body{font-variant-emoji:text}
@media(max-width:700px){
 .contact-layout .contact-lead{font-size:22px!important;margin-bottom:26px!important}
 .contact-desktop-image{display:none!important}
 .contact-mobile-image{display:block!important;max-width:none!important;margin:0 0 38px!important}
 .contact-mobile-image img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center}
 .contact-mobile-image figcaption{margin-top:10px}
 .contact-layout .forminator-ui{margin-bottom:54px!important;padding-bottom:44px}
 .contact-layout .project-prose>h2:not(:first-of-type){font-size:23px}
 .contact-social-links{gap:8px 18px}
 .footer-social{margin-top:14px}
}

/* QA: a coherent footer, with shared menu styling at every compact width. */
.site-footer{padding-top:clamp(56px,6vw,90px)}
.site-footer .footer-top{padding-bottom:clamp(48px,6vw,80px)}
.site-footer .footer-invitation{font-size:clamp(36px,5.6vw,80px);padding-right:56px}
.site-footer .footer-invitation em{font-size:1em}
.site-footer .footer-invitation>span{font-size:.85em;right:0}
.site-footer .footer-bottom{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,.7fr);align-items:start;gap:32px 6vw;padding-top:32px;font-size:12px;line-height:1.7}
.site-footer .footer-bottom>div:last-child{grid-column:auto;text-align:left}
.footer-studio .wordmark{margin-bottom:22px}
.footer-studio .brand-original{width:115px!important;height:auto!important}
.footer-studio p{margin:0}
.footer-studio .footer-email{overflow-wrap:anywhere}
.site-footer .footer-navigation .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;justify-content:start}
.site-footer .footer-navigation a,.site-footer .footer-social a{min-height:44px;display:flex;align-items:center}
.site-footer .footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0}
.site-footer .footer-social a{border:0}
.footer-legal{border-top:1px solid #697069;margin-top:32px;padding-top:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font-size:11px;line-height:1.8}
.site-footer a:focus-visible,.lightbox button:focus-visible{outline-color:var(--paper)}
textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.contact-social-links a{min-height:44px}
@media(max-width:900px){
 .site-header{position:relative}
 .mobile-menu summary{list-style:none;cursor:pointer;padding:12px 0 12px 15px}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{margin-left:15px}
 .mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px var(--gutter);box-shadow:0 15px 20px #0001;border-bottom:1px solid var(--line);max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto}
 .mobile-menu nav ul{list-style:none;margin:0;padding:0}
 .mobile-menu nav a{display:block;font-size:24px;line-height:1.5;min-height:44px;padding:8px 0}
 .site-footer .footer-bottom{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}
 .site-footer .footer-social{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:0 24px}
}
@media(max-width:540px){
 .site-footer .footer-bottom{grid-template-columns:minmax(0,1fr)}
 .site-footer .footer-social{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-footer .footer-navigation .menu{gap:0 24px}
 .footer-legal{display:block;margin-top:24px}
 .footer-legal p+p{margin-top:20px}
}

/* Design review: keep related text together and captions with their images. */
.studio-chapter>.wp-block-group__inner-container,
.studio-profile>.wp-block-group__inner-container{row-gap:18px}
.studio-chapter>.wp-block-group__inner-container>h2,
.studio-profile>.wp-block-group__inner-container>h2{margin-bottom:8px}
.studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow),
.studio-profile>.wp-block-group__inner-container>p:not(.eyebrow){margin-top:0;margin-bottom:0}
.service-regions{row-gap:22px}
.studio-way{margin-bottom:0}
.studio-way+.studio-chapter{border-top:0}
.contact-heading-break{display:block}
@media(min-width:701px){
 .studio-feature{width:fit-content;max-width:100%}
 .studio-feature figcaption{text-align:left}
 .project-gallery .gallery-frame{width:fit-content;max-width:100%;justify-self:center}
 .project-gallery .gallery-link{width:fit-content;max-width:100%}
 .contact-desktop-image{width:fit-content;max-width:100%;justify-self:end}
}
@media(max-width:700px){
 .resource-heading h1{font-size:clamp(34px,10vw,48px);line-height:1.08;letter-spacing:-.04em}
 .resource-body h2{font-size:clamp(28px,7.5vw,34px);line-height:1.15;margin-top:40px;padding-top:24px}
 .contact-heading-break{display:none}
 .contact-main .page-heading h1{text-wrap:balance}
 .studio-chapter>.wp-block-group__inner-container>h2,
 .studio-profile>.wp-block-group__inner-container>h2{margin-bottom:22px}
 .studio-chapter>.wp-block-group__inner-container>p:not(.eyebrow)+p,
 .studio-profile>.wp-block-group__inner-container>p:not(.eyebrow)+p{margin-top:20px}
}