/* A single edge-to-edge rule for each section boundary. */
:root{--section-rule:#46575b}
.site-section{position:relative;border-top:0}
.section-divider{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:1px;background:var(--section-rule);pointer-events:none;z-index:1}
.site-section.case-section::after,.site-section.artifact-section::before,.site-section.paragon-visuals::before,.site-section.travel-section::before,.site-section.travel-artifacts::before,.site-section.wireframes-section::before{content:none;border:0}
.site-section.travel-end::before{border:0}
/* Paragraphs use the available section or column width. */
.case-lead,.case-section p,.travel-section p,.artifact-section>p,.paragon-visuals>p,.wireframes-intro,.travel-artifacts-intro,.team-planning>p,.prototype-section>div:first-child,.prototype-copy,.section-head p,.metrics-intro p,.contact p,.about>div:last-child,.intro,.hero-side{max-width:none}
.site-section p{max-width:none}
html{overflow-x:clip}

.footer::before,footer.footer::before{border-top-color:var(--section-rule)}

/* Shared case-study geometry prevents drift between old and new pages. */
.top .brand-title{color:#edf4f2}
.case-hero,.travel-hero{align-items:end;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:9%;padding:68px 0 88px}
.case-hero h1{font-size:clamp(3.3rem,7.5vw,7.2rem);line-height:1.04;letter-spacing:-.012em;margin:20px 0 0}
.case-hero .case-lead{margin:0;align-self:end}
.case-section,.travel-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:9%;row-gap:32px;align-items:center;padding:100px 0}
.case-section>div,.travel-section>div{min-width:0}
.travel-section>div:first-child{transform:none}
.case-section h2,.travel-section h2,.artifact-section h2,.wireframes-section h2,.travel-artifacts h2,.paragon-visuals h2{font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.07;letter-spacing:-.012em}
.case-section h2,.travel-section h2{margin:16px 0 0}
.case-section p,.travel-section p{line-height:1.75}
.portal-work .artifact-meta{min-height:140px}
@media(max-width:760px){.case-hero,.travel-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:45px 0 65px}.case-hero h1{font-size:clamp(3.1rem,11vw,5.5rem)}.case-section,.travel-section{grid-template-columns:minmax(0,1fr);gap:28px;padding:70px 0}.portal-work .artifact-meta{min-height:0}}