/* October 2026: the existing DAG palette, with a clearer service hierarchy. */
.marketing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(2rem,4vw,4rem);padding-bottom:clamp(3rem,6vw,6rem)}
.marketing-hero h1,.marketing-about h1{font:400 clamp(2.5rem,4.2vw,4.8rem)/1.06 var(--serif);letter-spacing:-.045em;max-width:19ch;margin:1rem 0 1.5rem;overflow-wrap:normal;hyphens:auto}
.marketing-hero-copy>p:not(.eyebrow):not(.trade-note){font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.75;max-width:56ch;color:#57584f}
.marketing-hero .marketing-photo img{height:clamp(400px,44vw,640px);object-fit:cover;width:100%;border-radius:3px}
.marketing-photo{margin:0;min-width:0}.marketing-photo img{display:block;width:100%;height:auto}.marketing-photo figcaption{font-size:.75rem;line-height:1.5;color:#62625c;padding-top:.75rem}
.trade-note{font-size:1rem;font-weight:600;line-height:1.5;border-left:4px solid #82705d;border-radius:0 8px 8px 0;padding:1rem 1.15rem;margin:1.5rem 0;color:#252723;background:#eae3da;max-width:48ch}
.marketing-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.button-outline{border:1px solid #82705d;background:transparent;color:#232422}.marketing-actions .button{min-height:48px;white-space:normal;text-align:center}
.marketing-section{padding:clamp(3.5rem,7vw,6.5rem) 0}.marketing-section h2{font:400 clamp(2rem,3.3vw,3.7rem)/1.13 var(--serif);letter-spacing:-.03em;max-width:22ch;margin:0 0 1.7rem}.marketing-section h3{font:400 clamp(1.4rem,1.8vw,1.8rem)/1.25 var(--serif);margin:0 0 1rem}.marketing-section p{line-height:1.8;color:#57584f}.marketing-section .eyebrow{margin-bottom:1.1rem}.marketing-tint{background:#eae3da}.marketing-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.3rem}.marketing-heading h2{margin-bottom:0}.text-link{display:inline-block;font-size:.86rem;font-weight:600;border-bottom:1px solid #82705d;padding:.45rem 0;text-underline-offset:5px}.text-link:hover{color:#75604b}.text-link:focus-visible,.button:focus-visible{outline:3px solid #82705d;outline-offset:5px}
.marketing-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:3rem}.marketing-services article{border-top:1px solid #bcb4a8;padding-top:1.3rem;display:flex;flex-direction:column;align-items:start}.service-number{color:#82705d;font-size:.8rem;letter-spacing:.12em;margin-bottom:1.6rem}.marketing-services article p{margin-bottom:1.5rem}.marketing-services .text-link{margin-top:auto}
.marketing-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem)}.marketing-split>div>p:first-child{margin-top:0}.marketing-split p{margin-bottom:1.5rem}.marketing-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.marketing-gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:3px}.marketing-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin:3rem 0 0}.marketing-process>li{border-top:1px solid #bcb4a8;padding-top:1rem}.marketing-process p{font-size:.9rem}.marketing-detail-list article+article{border-top:1px solid #d8d4cc;padding-top:2rem;margin-top:2rem}.marketing-related{display:flex;flex-wrap:wrap;gap:1.1rem;margin-bottom:3rem}.marketing-about{max-width:1000px}.marketing-about>p:not(.eyebrow):not(.trade-note){max-width:60ch;font-size:1.15rem}.marketing-about h1{max-width:20ch}.marketing-reference-page{padding-top:0}.marketing-reference-page .wrap{display:grid;gap:3rem;grid-template-columns:1fr 1fr}.marketing-reference-page figure:first-child{grid-column:1/-1}.marketing-reference-page img{max-height:760px;object-fit:contain;background:#eae3da}.secondary-navigation{border-top:1px solid #d8d4cc;padding:1.5rem 0;background:#f7f5f1}.secondary-navigation .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;font-size:.8rem}.secondary-navigation span{color:#62625c}.secondary-navigation a{padding:.4rem 0}.secondary-navigation a:hover{text-decoration:underline}.site-header #main-nav{gap:clamp(.9rem,1.5vw,1.8rem)}
@media(max-width:1000px){.marketing-hero{grid-template-columns:1fr 1fr;gap:2rem}.marketing-hero h1{font-size:clamp(2.25rem,4.8vw,3.3rem)}.marketing-services{grid-template-columns:1fr 1fr;gap:1.5rem}.marketing-process{grid-template-columns:1fr 1fr}.marketing-split{gap:2.5rem}}
@media(max-width:700px){.marketing-hero{grid-template-columns:1fr;padding-top:2rem}.marketing-hero h1{font-size:clamp(2.2rem,8.5vw,3.8rem);max-width:20ch}.marketing-hero .marketing-photo img{height:auto;max-height:480px;aspect-ratio:4/3}.marketing-services,.marketing-split,.marketing-gallery,.marketing-reference-page .wrap{grid-template-columns:1fr}.marketing-heading{align-items:start;flex-direction:column;gap:1rem}.marketing-services{gap:2.3rem}.marketing-services article{display:block}.marketing-services article p{margin-bottom:1rem}.marketing-gallery{gap:2rem}.marketing-gallery img{max-height:430px}.marketing-reference-page figure:first-child{grid-column:auto}.marketing-section h2{max-width:22ch}.marketing-about h1{font-size:clamp(2.5rem,9vw,4rem)}.marketing-process{gap:1.5rem}.marketing-process h3{font-size:1.4rem}.marketing-actions .button{padding-inline:1.2rem}}
@media(max-width:380px){.marketing-process{grid-template-columns:1fr}.marketing-actions{flex-direction:column}.marketing-hero h1{font-size:1.85rem}}

.contact-section .contact-phone,.contact-section .contact-email{min-height:44px;display:flex;align-items:center}.contact-section .contact-phone{font-size:1rem}.secondary-navigation a{min-height:44px;display:inline-flex;align-items:center}

.marketing-hero.facade-hero .marketing-photo img{height:auto;aspect-ratio:3/2;object-fit:contain;max-height:none}

/* Full approved gallery keeps its original sequence and portrait layouts. */
.restored-reference-page{padding-top:0}.restored-reference-page .reference-gallery+.reference-gallery{margin-top:clamp(2rem,5vw,4rem)}.restored-reference-page figure[role="button"]{cursor:zoom-in}.restored-reference-page figure:focus-visible{outline:2px solid var(--accent);outline-offset:5px}

/* Renovation page only: show the complete original photo without a cover crop. */
.marketing-hero.renovation-hero .marketing-photo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

.error-page .error-logo{margin-bottom:1.5rem}.error-page>.button{margin-top:1.5rem}