/* Services only. Number-free alignment; shared navigation remains untouched. */
.ohds-view .ohds{max-width:none}
.ohds-view .ohds-page{max-width:1920px;margin-inline:auto}
.ohds-view .ohds-shell{grid-template-columns:minmax(0,1fr)}
.ohds-view .ohds-project-list a{grid-template-columns:100px minmax(0,1fr) 160px 18px}
.ohds-view .ohds-basis dd{padding-left:0}
.ohds-view .ohds-wordmark:focus{outline:none}
@media(max-width:1050px){.ohds-view .ohds-project-list a{grid-template-columns:90px minmax(0,1fr) 100px 16px}}
@media(max-width:760px){.ohds-view .ohds-project-list a{grid-template-columns:65px minmax(0,1fr) 14px}}

/* A viewport-sized film, with the actual brand asset as the first painted frame. */
.ohds-cinema{position:relative;height:calc(100svh - var(--ohd-nav-height,76px));min-height:220px;overflow:hidden;isolation:isolate;background:#fff}
/* Semantic same-plane content stays readable even if optional scrub CSS fails. */
.ohds-hero-track .ohds-cinema{height:auto;min-height:calc(100svh - var(--ohd-nav-height,76px))}
.ohds-hero-track .ohds-hero{position:relative;z-index:4;max-width:1760px}
.ohds-hero-track:not([data-hero-scroll="enhanced"]) :is(.ohds-hero-fallback,.ohds-scroll-cue){display:none}
.ohds-hero-track .ohds-cinema::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#000;opacity:0}
.ohds-hero-track .ohds-cinema:has(video.is-active)::before{opacity:var(--hero-shade,.68)}
.ohds-hero-track .ohds-cinema:has(video.is-active) :is(.ohds-hero,.ohds-hero-copy){color:#fff}
.ohds-hero-track .ohds-cinema:has(video.is-active) .ohds-button{background:#fff;color:#111!important}
.ohds-hero-track .ohds-cinema:has(video.is-active) .ohds-button:hover{color:#fff!important}
.ohds-hero-track .ohds-cinema:has(video.is-active) .ohds-text-link{border-color:#fff8}
.ohds-hero-track .ohds-hero-toggle{z-index:5}
.ohds-hero-fallback{position:absolute;inset:0;display:grid;place-items:center}
.ohds-hero-fallback img{display:block;width:clamp(140px,17vw,232px);max-width:46vw;height:auto;user-select:none}
.ohds-cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s cubic-bezier(.2,.75,.25,1);pointer-events:none}
.ohds-cinema video.is-active{opacity:1}
.ohds-cinema video:not([src]),.ohds-cinema[data-hero-state="paused"] video,.ohds-cinema[data-hero-state="fallback"] video{opacity:0;transition:none}
.ohds-cinema::after{content:"";position:absolute;inset:60% 0 0;z-index:2;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.28));opacity:0;transition:opacity .6s}
.ohds-cinema[data-hero-state="playing"]::after{opacity:1}
/* Same line, moving red segment and dot as the homepage; namespace avoids leakage. */
.ohds-scroll-cue{position:absolute;left:50%;bottom:clamp(1.3rem,4vh,2.5rem);z-index:3;display:grid;justify-items:center;gap:.65rem;color:#66625e!important;font-size:.66rem;font-weight:600;letter-spacing:0;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}
.ohds-scroll-cue-line{position:relative;width:1px;height:3.6rem;background:rgba(16,16,16,.16);overflow:hidden}
.ohds-scroll-cue-line::before{content:"";position:absolute;left:0;top:-45%;width:1px;height:45%;background:#d71920;animation:ohds-scroll-cue 1.6s cubic-bezier(.16,1,.3,1) infinite}
.ohds-scroll-cue-dot{width:.42rem;aspect-ratio:1;border-radius:50%;background:#d71920}
.ohds-cinema[data-hero-state="playing"] .ohds-scroll-cue{color:#fff!important;text-shadow:0 1px 5px #0006}
.ohds-cinema[data-hero-state="playing"] .ohds-scroll-cue-line{background:#ffffff55}
.ohds-hero-toggle{position:absolute;right:var(--ohds-space);bottom:32px;z-index:3;border:1px solid #7775;border-radius:50%!important;width:42px;height:42px;padding:0;background:#ffffffde;display:grid;place-items:center;font-size:0!important}
.ohds-hero-toggle::before{content:"";display:block;width:10px;height:12px;border-left:3px solid #111;border-right:3px solid #111;box-sizing:border-box}
.ohds-hero-toggle[data-paused="true"]::before{width:0;height:0;border-left:10px solid #111;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
@keyframes ohds-scroll-cue{from{transform:translateY(0)}to{transform:translateY(320%)}}
@media(max-width:760px){.ohds-scroll-cue{bottom:.85rem}.ohds-hero-toggle{bottom:20px}}
@media(orientation:landscape) and (max-height:540px){.ohds-scroll-cue{bottom:12px;gap:7px}.ohds-scroll-cue-line{height:28px}}
@media(prefers-reduced-motion:reduce){.ohds-cinema video{transition:none}.ohds-scroll-cue-line::before{animation:none;top:20%}}