.oku-hero{position:relative;background:var( --oku-color-surface )}.oku-hero__viewport{overflow:hidden}.oku-hero__track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oku-hero__track::-webkit-scrollbar{display:none}.oku-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;min-height:320px;color:#fff;background:var( --oku-hero-bg, linear-gradient( 120deg, #0f3b3c, #13202a ) )}.oku-hero__inner{display:grid;grid-template-columns:1fr;gap:var( --oku-space-md );align-items:center;width:100%;padding-block:var( --oku-space-lg )}.oku-hero__content{min-width:0}.oku-hero__media{display:flex;align-items:center;justify-content:center;order:-1}.oku-hero__image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.oku-hero__title{margin:0 0 var( --oku-space-2xs );font-size:var( --oku-text-2xl );font-weight:var( --oku-weight-bold );line-height:var( --oku-leading-tight );letter-spacing:var( --oku-tracking-tight );color:#fff}.oku-hero__subtitle{margin:0 0 var( --oku-space-sm );max-width:48ch;font-size:var( --oku-text-md );line-height:var( --oku-leading-snug );color:#ffffffd9}.oku-hero__button{display:inline-block;padding:var( --oku-space-2xs ) var( --oku-space-md );font-weight:var( --oku-weight-semibold );color:var( --oku-color-primary-contrast );background:var( --oku-color-primary );border-radius:var( --oku-radius-pill );text-decoration:none;transition:background-color var( --oku-duration-base ) var( --oku-ease )}.oku-hero__button:hover,.oku-hero__button:focus-visible{background:var( --oku-color-primary-dark );color:var( --oku-color-primary-contrast )}.oku-hero__nav,.oku-hero__dots,.oku-hero__playpause{display:none}.oku-hero.is-ready .oku-hero__dots{display:flex;gap:var( --oku-space-2xs );position:absolute;inset-inline:0;bottom:var( --oku-space-sm );justify-content:center;z-index:3}.oku-hero__dot{width:12px;height:12px;padding:0;border:2px solid var( --oku-color-primary-contrast );border-radius:var( --oku-radius-pill );background:transparent;cursor:pointer;box-shadow:var( --oku-shadow-sm )}.oku-hero__dot.is-active{background:var( --oku-color-primary-contrast )}.oku-hero__playpause{position:absolute;inset-block-start:var( --oku-space-sm );inset-inline-end:var( --oku-space-sm );z-index:3;width:36px;height:36px;border:0;border-radius:var( --oku-radius-pill );background:#00000073;cursor:pointer}.oku-hero.is-ready .oku-hero__playpause:not([hidden]){display:block}.oku-hero__playpause-icon:before{content:"⏸";color:#fff}.oku-hero__playpause[aria-pressed=true] .oku-hero__playpause-icon:before{content:"▶"}.oku-hero__nav:focus-visible,.oku-hero__dot:focus-visible,.oku-hero__playpause:focus-visible,.oku-hero__button:focus-visible{outline:var( --oku-focus-outline );outline-offset:2px}@media(min-width:48em){.oku-hero__slide{min-height:440px}.oku-hero__title{font-size:var( --oku-text-3xl )}.oku-hero__inner{grid-template-columns:1.1fr 1fr;gap:var( --oku-space-lg );padding-block:var( --oku-space-xl );padding-inline:var( --oku-space-xl )}.oku-hero__media{order:0}.oku-hero__image{max-height:360px}.oku-hero.is-ready .oku-hero__nav{display:flex;align-items:center;justify-content:center;position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;font-size:var( --oku-text-xl );color:var( --oku-color-ink );background:#ffffffd9;border:0;border-radius:var( --oku-radius-pill );box-shadow:var( --oku-shadow-md );cursor:pointer}.oku-hero__nav--prev{inset-inline-start:var( --oku-space-sm )}.oku-hero__nav--next{inset-inline-end:var( --oku-space-sm )}}@media(min-width:64em){.oku-hero__slide{min-height:520px}}@media(prefers-reduced-motion:reduce){.oku-hero__track{scroll-behavior:auto}.oku-hero__button{transition:none}}