.origins-hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;height:min(82svh,800px);background:var(--ink);color:#fff;margin-bottom:100px}
.origins-portrait{position:absolute;inset:0 0 0 28%;overflow:hidden;touch-action:pan-y;isolation:isolate;z-index:0}
.origins-portrait>img,.origins-portrait>canvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}
.origins-before{z-index:0;filter:saturate(.78) brightness(.96);transform:scale(1.14)}
.origins-after{display:none}
.origins-portrait>canvas{z-index:3}
.origins-portrait>.origins-full-reveal{z-index:2;opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1)}
.origins-revealed .origins-full-reveal{opacity:1}
.origins-revealed .origins-portrait>canvas:not(.origins-full-reveal){visibility:hidden}
.origins-tint{position:absolute;z-index:1;inset:0;pointer-events:none;background:#143c5f29;mix-blend-mode:color}
.origins-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#143c5f 0%,#143c5f 28%,#143c5fcc 34%,transparent 51%),linear-gradient(0deg,#102f4bcc,transparent 23%)}
.origins-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none}
.origins-copy .eyebrow{color:var(--lime);font-size:.7rem;max-width:330px}
.origins-copy h2{font-size:clamp(3rem,4.8vw,5rem);max-width:540px;line-height:1.05;margin-bottom:26px}
.origins-copy h2 em{color:var(--lime)}
.origins-copy>p:not(.eyebrow){color:#e1e9ec;max-width:340px;font-size:1rem;line-height:1.8;margin-bottom:32px}
.origins-copy .button{pointer-events:auto;--button-bg:var(--lime);--button-fg:var(--ink);box-shadow:none}
.origins-copy .button:hover{background:#d0f29a}
.origins-controls{position:absolute;z-index:3;right:6%;bottom:30px;display:flex;align-items:center;gap:18px;max-width:90%;color:#fff}
.origins-controls[hidden]{display:none}
.origins-controls p:not(.eyebrow){font-size:.75rem;line-height:1.65;color:#fff;text-shadow:0 1px 8px #102f4b;margin:0;max-width:210px}
.origins-controls .origins-toggle{min-height:44px;padding:11px 18px;font-size:.78rem;--button-bg:#143c5fca;--button-fg:#fff;--button-border:#ffffff69;box-shadow:none;backdrop-filter:blur(10px)}
.origins-controls .origins-toggle:hover{background:var(--ink)}
.origins-caption{position:absolute;z-index:2;left:calc(28% + 25px);top:26px;font-size:.6rem;line-height:1.5;letter-spacing:.1em;color:#fff;opacity:.7;pointer-events:none}
.origins-touch-hint{display:none}
@media(pointer:coarse){.origins-mouse-hint{display:none}.origins-touch-hint{display:inline}}
@media(max-width:1000px){.origins-hero{height:700px}.origins-copy h2{font-size:3.1rem;max-width:345px}.origins-copy>p:not(.eyebrow){max-width:290px;font-size:.95rem}.origins-portrait{left:35%}.origins-shade{background:linear-gradient(90deg,#143c5f 0%,#143c5f 35%,#143c5f80 42%,transparent 52%),linear-gradient(0deg,#102f4bcc,transparent 35%)}.origins-controls{right:26px}.origins-controls p{display:none}.origins-caption{left:auto;right:26px}}
@media(max-width:700px){.origins-hero{height:auto;min-height:0;display:flex;flex-direction:column;margin-bottom:55px}.origins-copy{order:0;height:auto;padding-block:44px 32px}.origins-copy .eyebrow{font-size:.65rem;margin-bottom:20px;max-width:none}.origins-copy h2{font-size:clamp(2.35rem,7.8vw,3.5rem);max-width:none;margin-bottom:22px}.origins-copy>p:not(.eyebrow){max-width:440px;font-size:.93rem;margin-bottom:24px}.origins-copy .button{font-size:.82rem;min-height:48px}.origins-portrait{order:1;position:relative;inset:auto;width:100%;height:clamp(390px,100vw,560px)}.origins-shade{background:linear-gradient(180deg,var(--ink) 0%,#143c5f00 12%,#143c5f00 72%,#102f4bcc 100%);inset:auto 0 0;height:clamp(390px,100vw,560px)}.origins-caption{top:auto;bottom:105px;right:20px;font-size:.56rem}.origins-controls{bottom:22px;right:20px;left:20px;max-width:none;justify-content:space-between;gap:15px}.origins-controls p:not(.eyebrow){display:block;max-width:150px;font-size:.66rem}.origins-controls .origins-toggle{font-size:.72rem;padding:10px 14px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.origins-portrait>canvas:not(.origins-full-reveal){display:none}.origins-portrait>.origins-full-reveal{transition:none}.origins-controls p:not(.eyebrow){display:none}}