

/* Adopted home: alpha export from the original exhibition PDF, no white paper rectangle. */
.ohga-home .ohga-globe-layer{display:block!important;mix-blend-mode:normal}
.ohga-home .ohga-scroll-globe{background-image:url("../images/home-globe-transparent.png");top:50%;transition:opacity .7s ease;transform-origin:center}
.ohga-home #ohga-read-progress{display:none}
.ohga-home .hero:after{background:linear-gradient(90deg,#ffffffeb 0%,#ffffffbf 38%,#ffffff00 75%)}
.ohga-home .ohga-footer{background:transparent}
.reading-rail{--rail-color:#c8102e;position:fixed;left:23px;top:30vh;height:46vh;width:110px;z-index:30;color:#79849a;font:600 10px/1.3 Arial,sans-serif;letter-spacing:.04em;transition:color .5s}
.reading-rail__track{position:absolute;left:5px;top:0;bottom:0;width:2px;background:#9baac438}
.reading-rail__track i{position:absolute;inset:0;background:var(--rail-color);transform:scaleY(0);transform-origin:top}
.reading-rail__stop{position:absolute;left:0;display:flex;align-items:center;gap:7px;min-height:36px;transform:translateY(-50%);text-decoration:none;white-space:nowrap}
.reading-rail__dot{width:12px;height:12px;flex:none;border-radius:50%;background:#fff;border:2px solid #bec9d7;transition:background .25s,box-shadow .3s,border-color .25s}
.reading-rail__number{font-size:9px;opacity:.65}
.reading-rail__label{font-size:9px;letter-spacing:.02em}
.reading-rail__stop.is-current{color:var(--rail-color)}
.reading-rail__stop.is-current .reading-rail__dot{background:var(--rail-color);border-color:var(--rail-color);box-shadow:0 0 0 5px #c8102e12;animation:rail-arrive .55s ease-out}
.reading-rail__stop.is-current .reading-rail__label{font-weight:800}
.ohga-home main>section .eyebrow{transition:color .4s}
.ohga-home main>section .eyebrow:before{transition:width .45s ease,box-shadow .45s ease}
.ohga-home main>section.is-current .eyebrow{animation:category-arrive .65s cubic-bezier(.2,.7,.2,1)}
.ohga-home main>section.is-current .eyebrow:before{width:48px;box-shadow:0 0 14px #c8102e25}
.ohga-scene-dark .reading-rail{--rail-color:#a7d9ef;color:#a6b9d6}
.ohga-scene-dark .reading-rail__dot{background:#12284b;border-color:#587398}
.ohga-scene-dark .reading-rail__stop.is-current .reading-rail__dot{box-shadow:0 0 0 5px #a7d9ef1c}
@keyframes category-arrive{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes rail-arrive{0%{transform:scale(.6)}65%{transform:scale(1.3)}100%{transform:scale(1)}}
@media(min-width:1101px){.ohga-home main .wrap{width:min(1180px,calc(100% - 160px));margin-left:max(132px,calc((100% - 1180px)/2));margin-right:24px;padding-inline:24px}}
@media(max-width:1100px){.reading-rail{left:6px;width:10px;top:33vh;height:38vh;pointer-events:none}.reading-rail__number,.reading-rail__label{display:none}.reading-rail__dot{width:7px;height:7px;border-width:1px}.reading-rail__track{left:3px;width:1px}.reading-rail__stop{min-height:12px}.reading-rail__stop.is-current .reading-rail__dot{box-shadow:0 0 0 3px #c8102e12}}
@media(prefers-reduced-motion:reduce){.ohga-home main>section.is-current .eyebrow,.reading-rail__stop.is-current .reading-rail__dot{animation:none}.ohga-home .ohga-scroll-globe,.reading-rail,.reading-rail__dot,.ohga-home main>section .eyebrow,.ohga-home main>section .eyebrow:before{transition:none}html{scroll-behavior:auto}}


/* Compare the two services as one vertical sequence. */
.ohga-home .service-cards{grid-template-columns:minmax(0,1fr);max-width:960px;margin-inline:auto;gap:30px}
.ohga-home .service-card__description{min-height:0}
@media(min-width:761px){
.ohga-home .service-card__logo{height:200px}
.ohga-home .service-card__logo img{max-width:600px}
.ohga-home .service-card__logo:not(.service-card__logo--business) img{width:auto;max-width:min(92%,640px);max-height:100%}
}
@media(max-width:760px){.ohga-home .service-cards{gap:22px}}


/* Light translucent cards let the moving globe remain part of the service section. */
.ohga-home .service-card{background:rgba(255,255,255,.76);border-color:#d5deebe6;box-shadow:0 8px 28px #15284907}
.ohga-home .service-card__logo{background:linear-gradient(135deg,#f8fbfc59,#eef7fa6b)}
.ohga-home .service-card--product .service-card__logo{background:linear-gradient(135deg,#fffafb59,#fcf0f26b)}

.ohga-home.ohga-scene-dark .service-card{background:rgba(255,255,255,.9)}


/* One action language: filled at rest, white with the original accent on hover/focus. */
.ohga-home .btn--primary{--cta-accent:#c8102e}
.ohga-home .btn--onnavy,.ohga-home .about-profile-link{--cta-accent:#12284b}
.ohga-home .service-card .more{--cta-accent:var(--service-accent)}
.ohga-home :is(.btn,.about-profile-link,.service-card .more){background:var(--cta-accent);color:#fff;border:1px solid var(--cta-accent);border-radius:14px;box-shadow:0 4px 12px color-mix(in srgb,var(--cta-accent) 12%,transparent);text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.ohga-home :is(.btn,.about-profile-link,.service-card .more):is(:hover,:focus-visible){background:#fff;color:var(--cta-accent);border-color:var(--cta-accent);box-shadow:0 7px 18px color-mix(in srgb,var(--cta-accent) 17%,transparent);transform:translateY(-2px)}
.ohga-home :is(.btn,.about-profile-link,.service-card .more):focus-visible{outline:3px solid var(--cta-accent);outline-offset:4px;border-radius:14px}
.ohga-home .about-profile-link__label{color:inherit}
.ohga-home :is(.btn>span[aria-hidden=true],.about-profile-link__arrow,.service-card .more .service-card__arrow){display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--cta-accent);border:1px solid #fff;font-size:22px;line-height:1;transform:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.ohga-home :is(.btn,.about-profile-link,.service-card .more):is(:hover,:focus-visible) :is(span[aria-hidden=true],.about-profile-link__arrow,.service-card__arrow){background:var(--cta-accent);color:#fff;border-color:var(--cta-accent);transform:translateX(2px)}
.ohga-home .hero .btn--onnavy:is(:hover,:focus-visible)>span{transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){.ohga-home :is(.btn,.about-profile-link,.service-card .more,.about-profile-link__arrow,.service-card__arrow,.btn>span){transition:none}.ohga-home :is(.btn,.about-profile-link,.service-card .more):is(:hover,:focus-visible),.ohga-home :is(.btn,.about-profile-link,.service-card .more):is(:hover,:focus-visible) :is(span[aria-hidden=true],.about-profile-link__arrow,.service-card__arrow){transform:none}}
