/* V3.14 — fixed-access scroll, services alongside video, distinct brands section */
/* Undo V3.12 scrollbar hiding so the browser provides a draggable page scrollbar. */
html{scrollbar-width:auto!important;scrollbar-color:#78816a #17191b!important;overflow-y:scroll}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:block!important;width:13px!important;height:13px!important}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#17191b}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#78816a;border-radius:10px;border:3px solid #17191b}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#d7ff57}
/* Use the left column for concise, readable services instead of the former text-only introduction. */
.hero-stage{align-items:stretch}
.hero-copy{display:flex;align-items:center;justify-content:flex-start;padding:20px 24px 20px 0!important}
.hero-services{width:100%;max-width:480px;display:flex;flex-direction:column;gap:0}
.hero-services-heading{display:block;margin-bottom:22px;font-size:10px;letter-spacing:.16em}
.hero-service{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:18px 0;border-top:1px solid #373b3c}
.hero-service:last-child{border-bottom:1px solid #373b3c}
.hero-service-index{font:10px var(--mono);color:var(--accent);padding-top:4px}
.hero-service h2{font-size:clamp(18px,1.8vw,27px);margin:0 0 7px;letter-spacing:-.045em;line-height:1.15}
.hero-service p{font-size:clamp(11px,.87vw,13px);color:#a2a5a5;line-height:1.6;margin:0;max-width:295px}
/* Brands is visually separated from the last project, including an understated upper rule. */
.brand-section{border-top:1px solid #35383a!important;margin-top:112px;padding-top:70px!important}
.brand-heading .eyebrow{display:block;margin-bottom:28px;color:var(--accent);font-size:10px;letter-spacing:.12em}
.brand-section h2{margin-top:0!important}
@media (max-width:900px){.hero-copy{padding:20px 0 14px!important}.hero-services{max-width:none}.hero-service{grid-template-columns:33px 1fr}.hero-service p{max-width:540px}.brand-section{margin-top:76px;padding-top:56px!important}}
@media (max-width:700px){.hero-stage{display:flex;flex-direction:column}.hero-service{padding:13px 0}.hero-service h2{font-size:21px}.hero-service p{font-size:12px}.brand-section{margin-top:58px;padding-top:42px!important}.brand-heading .eyebrow{margin-bottom:20px}}