/* Origin prologue. The existing drawing remains the present-day reveal. */
#origin{height:340svh;position:relative;background:#080a09;color:#f5f0e6;font-family:var(--body);isolation:isolate}
.origin-stage{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;background:#080a09}
.origin-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .85s ease,visibility .85s;pointer-events:none}
.origin-scene.is-active{opacity:1;visibility:visible}
.origin-picture,.origin-picture img,.origin-picture video{position:absolute;inset:0;width:100%;height:100%}
.origin-picture{transform:scale(1.015);transition:transform 1.2s ease}
.origin-picture img,.origin-picture video{object-fit:cover;object-position:65% 50%;max-width:none}
.origin-picture video{opacity:0;transition:opacity .6s}
.origin-picture video.is-playing{opacity:1}
.origin-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,6,.7),rgba(3,7,6,.12) 53%,transparent 75%),linear-gradient(0deg,rgba(3,7,6,.94),transparent 28%,transparent 82%,rgba(3,7,6,.38));pointer-events:none}
.origin-topline{position:absolute;z-index:3;top:125px;left:6.25%;right:6.25%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.origin-topline>a{font-size:11px;min-height:44px;display:flex;align-items:center;gap:20px;color:inherit;text-decoration:none;border-bottom:1px solid #ffffff40}
.origin-copy{position:absolute;z-index:2;left:6.25%;top:30%;width:46%;transform:translateY(20px);transition:transform .85s ease}
.is-active .origin-copy{transform:translateY(0)}
.origin-kicker{font-size:10px;letter-spacing:.23em;text-transform:uppercase;color:#d6c5a5;margin-bottom:25px!important}
.origin-copy h2{font:400 clamp(64px,7.9vw,150px)/.97 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;max-width:650px}
.origin-line{font-size:clamp(14px,1.2vw,19px);font-weight:300;line-height:1.5;color:#e2ded2;margin-top:26px!important}
.origin-footer{position:absolute;bottom:28px;left:6.25%;right:6.25%;z-index:3;display:grid;grid-template-columns:1fr auto;gap:24px}
.origin-chapters{display:flex;gap:clamp(18px,3vw,54px)}
.origin-chapters button,.origin-tools button{color:#b8b6ad;background:none;border:0;font:500 10px/1.4 var(--body);letter-spacing:.07em;cursor:pointer;min-height:44px;text-align:left}
.origin-chapters button{border-top:1px solid #ffffff36;padding:13px 12px 0 0;min-width:125px;transition:color .3s,border-color .3s}
.origin-chapters button span{color:#96978f;display:inline-block;margin-right:12px;font-size:9px}
.origin-chapters button[aria-pressed=true]{color:#fff;border-color:#d5c096}
.origin-chapters button[aria-pressed=true] span{color:#d5c096}
.origin-tools{display:flex;align-items:center;gap:28px}
.origin-tools button span{margin-left:10px;color:#d5c096}
.origin-scroll{color:#ece7dc;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:9px;min-height:44px;display:flex;align-items:center;gap:18px}
.origin-credit{grid-column:1/-1;font-size:9px;letter-spacing:.045em;color:#bbb9af;margin:0!important}
.origin-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15;z-index:5}
.origin-progress i{display:block;height:100%;width:100%;background:#cdb384;transform-origin:left;transform:scaleX(0)}
#origin :focus-visible{outline:2px solid #e9d4a9;outline-offset:5px}
#dghero{scroll-margin-top:80px}
@media(max-width:820px){
 #origin{height:300svh}
 .origin-stage{min-height:620px}
 .origin-topline{top:100px;left:24px;right:24px;font-size:8px;letter-spacing:.1em}
 .origin-topline>a{font-size:9px;gap:8px}
 .origin-copy{left:24px;top:auto;bottom:185px;width:85%}
 .origin-copy h2{font-size:clamp(56px,13vw,94px);line-height:.98}
 .origin-kicker{font-size:9px;margin-bottom:13px!important}
 .origin-line{font-size:13px;margin-top:14px!important}
 .origin-picture img,.origin-picture video{object-position:68% 40%}
 .origin-scene:after{background:linear-gradient(0deg,rgba(3,7,6,.98),rgba(3,7,6,.42) 40%,transparent 68%,rgba(3,7,6,.35))}
 .origin-footer{left:24px;right:24px;bottom:18px;gap:7px;grid-template-columns:1fr}
 .origin-chapters{gap:14px;justify-content:space-between}
 .origin-chapters button{min-width:0;flex:1;font-size:8px;letter-spacing:0;padding-right:0}
 .origin-chapters button span{margin-right:6px;font-size:8px}
 .origin-tools{justify-content:space-between}
 .origin-tools button,.origin-scroll{font-size:8px;min-height:32px}
 .origin-credit{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 #origin{height:auto}.origin-stage{height:auto;min-height:0;position:relative;overflow:visible}
 .origin-scene{position:relative;height:100svh;min-height:640px;opacity:1;visibility:visible;transition:none}
 .origin-picture,.origin-copy{transform:none;transition:none}.origin-picture video{display:none}
 .origin-footer{position:relative;left:auto;right:auto;bottom:auto;padding:24px 6.25%;background:#080a09}
 .origin-chapters,.origin-tools button,.origin-progress{display:none}.origin-topline{top:115px}
 .origin-copy{top:auto;bottom:90px}.origin-tools{justify-content:flex-start}
}
#dghero{scroll-margin-top:0}
@media(max-width:820px){[data-origin-scene="2"] .origin-picture img,[data-origin-scene="2"] .origin-picture video{object-position:82% 40%}}
/* Continuous opening: chapters advance on playback, without a scroll runway. */
#origin.origin-autoplay{height:max(100svh,580px)}
.origin-autoplay .origin-stage{position:relative;height:100%;min-height:0}
@media(max-width:820px){#origin.origin-autoplay{height:max(100svh,620px)}}
@media(prefers-reduced-motion:reduce){
 #origin.origin-autoplay{height:auto}
 .origin-autoplay .origin-stage{height:auto}
}
