.ojh-section{background-color:var(--color-surface);isolation:isolate;position:relative}.ojh-section:before{content:"";z-index:-1;background-image:radial-gradient(circle, color-mix(in srgb, var(--color-brand-primary) 14%, transparent) 1.2px, transparent 1.6px);pointer-events:none;background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 55%);mask-image:linear-gradient(#000 0%,#0000 55%)}.ojh-cta{min-height:52px;color:var(--color-surface);background:var(--color-brand-primary);border-radius:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.ojh-cta:hover{background:var(--color-brand-primary-hover)}.ojh-cta:focus-visible,.ojh-tab:focus-visible,.ojh-play:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px}.ojh-art{aspect-ratio:3;margin-inline:-1.5rem;position:relative;overflow:hidden}.ojh-scene{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease-out-expo), transform 1.6s var(--ease-out-expo);position:absolute;inset:0}.ojh-scene[data-active=true]{opacity:1}.ojh-art[data-step="1"] .ojh-scene{transform:scale(1.8)translate(-14%)}.ojh-art[data-step="2"] .ojh-scene{transform:scale(2)translate(-22%,-8%)}.ojh-art[data-step="3"] .ojh-scene{transform:scale(1.85)translate(4%,-4%)}.ojh-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ojh-tab{border:0;border-top:1px solid var(--color-ink-subtle);text-align:left;min-height:60px;font:inherit;color:var(--color-ink-muted);cursor:pointer;background:0 0;border-radius:0;align-items:baseline;gap:10px;padding:16px 0 12px;font-size:1rem;display:flex;position:relative}.ojh-tab[aria-selected=true]{color:var(--color-brand-text);border-top-color:var(--color-brand-primary);font-weight:600}.ojh-tab-num{font-variant-numeric:tabular-nums;font-size:.8rem}.ojh-progress{background:var(--color-brand-primary);transform-origin:0;width:100%;height:3px;animation:4.5s linear forwards ojh-progress;position:absolute;top:-1px;left:0}@keyframes ojh-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ojh-detail{justify-content:space-between;align-items:flex-start;gap:20px;min-height:84px;padding:8px 0;display:flex}.ojh-detail p{max-width:65ch;color:var(--color-ink-muted);font-size:.95rem;line-height:1.6}.ojh-play{border:1px solid var(--color-ink);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ojh-play:hover{background:var(--color-ink);color:var(--color-surface)}@media (max-width:760px){.ojh-art{aspect-ratio:1.55}.ojh-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.ojh-detail{min-height:112px}}.ojh-title{font-size:clamp(2.4rem,5.4vw,4.4rem)}@media (min-width:1024px){.ojh-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:48px;padding-top:100px;padding-bottom:12px;display:grid}.ojh-copy{text-align:left;align-self:center;max-width:none;margin:0}.ojh-copy p{margin-inline:0}.ojh-title{font-size:clamp(2.4rem,3.7vw,3.5rem)}.ojh-stage{display:contents}.ojh-art{aspect-ratio:auto;min-height:300px;margin-inline:0}.ojh-nav{grid-column:1/-1;max-width:none;margin:16px 0 0}.ojh-tab{min-height:52px;padding:12px 0 8px}.ojh-detail{min-height:56px}}@media (min-width:1024px) and (max-height:820px){.ojh-grid{padding-top:88px}.ojh-title{font-size:clamp(2.2rem,3.2vw,3rem)}.ojh-copy .ojh-cta{margin-top:20px}}@media (prefers-reduced-motion:reduce){.ojh-scene{transition:none}.ojh-progress{animation:none}}
