/* STRATO video addition, 27 September 2026. */
.hero.hero-with-video{grid-template-columns:minmax(0,.98fr) minmax(0,1.12fr);column-gap:54px;row-gap:0;align-items:start;padding-block:55px 56px}
.hero-with-video .hero-copy{display:contents}
.hero-with-video .hero-heading{grid-column:1;grid-row:1;min-width:0}
.hero-with-video .hero-body{grid-column:1;grid-row:2;min-width:0}
.hero-with-video h1{font-size:clamp(2.7rem,4.15vw,4.2rem);line-height:1.06}
.hero-with-video .hero-services{margin-bottom:23px}
.hero-with-video .hero-intro{margin-top:24px}
.hero-video{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:0;width:100%;margin:0}
.hero-video-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;color:#cea144;font-size:.8125rem;line-height:1.4;letter-spacing:.055em;text-transform:uppercase}
.hero-video-label span:last-child{color:#c9c2b3;white-space:nowrap;letter-spacing:0;text-transform:none}
.hero-video-frame{position:relative;isolation:isolate;background:#080808;border:1px solid #cea14477;border-radius:8px;overflow:hidden;box-shadow:0 22px 65px #0005}
.hero-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:#080808}
.hero-video-launch{position:absolute;inset:0;border:0;background:#00000010;cursor:pointer;display:grid;place-items:center;color:#141412}
.hero-video-launch span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#cea144;box-shadow:0 0 0 8px #14141260;font-size:25px;padding-left:4px;transition:transform .2s}
.hero-video-launch:hover span{transform:scale(1.06)}
.hero-video-launch:focus-visible{outline-offset:-7px}
.hero-video [hidden]{display:none!important}
.hero-video-actions{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.hero-video button{font-family:inherit}
.hero-video-restart{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;border:1px solid #cea144;border-radius:3px;background:#cea144;color:#171510;font-size:.875rem;line-height:1.4;font-weight:600;cursor:pointer}
.hero-video-restart:hover{background:#dbb567}
.hero-video-toggle{min-height:48px;padding:10px 14px;border:1px solid #ffffff40;border-radius:3px;background:transparent;color:#f7f2e8;font-size:.875rem;cursor:pointer}
.hero-video-toggle:hover{border-color:#cea144}
.hero-video-hint{color:#bdb9ae;font-size:.875rem;line-height:1.55;margin-top:12px}
.hero-video-error{color:#f7f2e8;font-size:.875rem;line-height:1.6;margin-top:12px}
.hero-video-error a{text-decoration:underline;text-underline-offset:3px}
.showcase-band{background:#141412;color:#f7f2e8;padding-block:34px 60px}
.showcase-band .profile-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px;width:100%;max-width:none;margin:0;padding-top:42px}
.showcase-band .showcase-thirty{display:none}
.showcase-band .showcase-kicker{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:20px}
.showcase-band .linkedin-preview,.showcase-band .site-preview{width:100%;margin:0;transform:none}
.showcase-band .profile-showcase>figcaption{grid-column:1 / -1;margin:0;text-align:center}
@media(max-width:1200px){.hero.hero-with-video{column-gap:30px}.hero-with-video h1{font-size:clamp(2.4rem,4.1vw,3.8rem)}.hero-video-actions{gap:8px}.hero-video-restart{padding:12px}}
@media(max-width:1000px){.hero.hero-with-video{grid-template-columns:minmax(0,1fr);gap:27px;padding-block:40px}.hero-with-video .hero-heading{grid-row:1}.hero-with-video .hero-video{grid-column:1;grid-row:2;max-width:760px}.hero-with-video .hero-body{grid-column:1;grid-row:3;max-width:720px}.hero-with-video h1{font-size:clamp(2.45rem,6vw,4rem)}.hero-with-video .hero-intro{margin-top:0}.hero-video{align-self:start}}
@media(max-width:760px){.hero.hero-with-video{padding-block:32px 36px;gap:25px}.hero-with-video h1{font-size:clamp(2.15rem,7.8vw,3.6rem)}.hero-with-video .hero-services{margin-bottom:22px}.hero-video-label{font-size:.75rem;margin-bottom:12px;letter-spacing:.025em}.hero-video-launch span{width:54px;height:54px;font-size:21px}.hero-video-restart{font-size:.8125rem;gap:6px}.hero-video-toggle{font-size:.8125rem;padding-inline:10px}.hero-video-hint{font-size:.8125rem}.showcase-band{padding-block:20px 42px}.showcase-band .profile-showcase{display:block;max-width:520px;margin-inline:auto;padding-top:42px}.showcase-band .site-preview{margin-top:24px}.showcase-band .profile-showcase>figcaption{margin-top:22px}.showcase-band .showcase-kicker{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.hero-video-launch span{transition:none}}

@media(max-width:1000px){.hero-with-video .hero-body{display:flex;flex-direction:column}.hero-with-video .hero-body .hero-action{order:-1;margin-top:0;margin-bottom:26px}}