.wild{position:relative;height:350svh;background:#0c1117;isolation:isolate;scroll-margin-top:0}
.wild-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#0c1117;color:#fff7e9;isolation:isolate}
.wild-world,.wild-source,.wild-memory,.wild-canvas,.wild-shade{position:absolute;inset:0;width:100%;height:100%}
.wild-world{z-index:-3;background:#0c1117}.wild-source,.wild-memory{display:block;object-fit:cover;object-position:center;transform:scale(1.035)}
.wild-mountain,.wild-memory{opacity:0}.wild-canvas{display:block;opacity:0;pointer-events:none}.wild.has-canvas .wild-canvas{opacity:1}.wild.has-canvas .wild-source,.wild.has-canvas .wild-memory{opacity:0!important}
.wild-shade{z-index:-1;background:linear-gradient(90deg,#070e195c,transparent 78%),linear-gradient(0deg,#080c16bb,transparent 37%,#080c160a 60%,#080c1677);pointer-events:none}
.wild-letterbox{position:absolute;left:0;right:0;height:6svh;min-height:16px;background:#0c1117;z-index:3;pointer-events:none;transform:scaleY(var(--wild-bars,1))}
.wild-letterbox-top{top:0;transform-origin:top}.wild-letterbox-bottom{bottom:0;transform-origin:bottom}
.wild-top{position:absolute;top:9svh;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:4;font-size:.8125rem;letter-spacing:.1em;line-height:1.6;text-shadow:0 2px 12px #0008}
.wild-top>a{padding:9px 0;border-bottom:1px solid #fff5;letter-spacing:0;font-size:.875rem}
.wild-copy{position:absolute;top:30%;left:9vw;right:7vw;z-index:2;will-change:transform,opacity;pointer-events:none;text-shadow:0 6px 65px #0005}
.wild-eyebrow{font:500 .875rem/1.6 var(--sans);letter-spacing:.19em;margin-bottom:24px;color:#ffcead}
.wild-copy h2{font:400 clamp(4rem,8.4vw,10.5rem)/1.04 var(--serif);letter-spacing:-.035em;margin:0;max-width:16ch}.wild-title-line{display:block}.wild-copy h2 em{font-weight:400;color:#fff7e9}
#wild-caption{font-size:1.0625rem;line-height:1.8;margin-top:28px;max-width:40ch;color:#f7e5d8}
.wild-outline{position:absolute;left:-4vw;bottom:11%;font:500 clamp(8rem,22vw,28rem)/.8 var(--sans);letter-spacing:-.07em;-webkit-text-stroke:1px #fff3;color:transparent;z-index:0;pointer-events:none;white-space:nowrap;will-change:transform}
.wild-footer{position:absolute;left:5vw;right:5vw;bottom:9svh;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.wild-instruction{display:flex;gap:15px;align-items:center;font-size:.875rem;text-shadow:0 2px 10px #000}
.wild-scroll-mark{display:block;width:1px;height:34px;background:#fff4;position:relative;overflow:hidden}.wild-scroll-mark:after{content:'';position:absolute;top:-100%;width:100%;height:100%;background:#ffb08e;animation:wild-scroll 2s ease-in-out infinite}@keyframes wild-scroll{to{transform:translateY(200%)}}
.wild-scenes{display:flex;gap:6px;padding:5px;border:1px solid #fff5;background:#0c11174d;border-radius:3px;backdrop-filter:blur(10px)}
.wild-scenes button{display:flex;gap:12px;align-items:center;min-height:44px;padding:9px 16px;font-size:.875rem;border:1px solid transparent;border-radius:2px;transition:background .3s,border-color .3s}.wild-scenes button>span{font-size:.75rem;color:#ffcead}.wild-scenes button[aria-current=true]{background:#fff1;border-color:#fff6}.wild-scenes button:hover{background:#fff2}
#wild-pause{justify-self:end;min-height:44px;padding:10px 0;font-size:.875rem;border-bottom:1px solid #fff5}
.wild-timeline{position:absolute;bottom:6svh;left:5vw;right:5vw;height:1px;background:#ffffff30;z-index:5;overflow:hidden}.wild-timeline i{display:block;width:100%;height:100%;background:#ffcead;transform:scaleX(0);transform-origin:left}
.wild-continue{position:absolute;top:68%;left:9vw;z-index:3;display:inline-flex;gap:30px;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #ffe4bfa0;background:#1b1826a8;backdrop-filter:blur(10px);font-size:.9375rem;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .4s,transform .4s,visibility .4s}
.wild.at-memory .wild-continue{opacity:1;visibility:visible;transform:none}
body.in-wild .trail-dock{opacity:0;visibility:hidden;pointer-events:none}
.wild.is-still{height:100svh;min-height:600px}.wild.is-still .wild-stage{position:relative}.wild.is-still .wild-scroll-mark{display:none}.wild.is-still .wild-copy{transform:none!important;opacity:1!important}.wild.is-still .wild-outline{display:none}.wild.is-still .wild-letterbox{transform:none}
.wild-credit{max-width:750px;margin:25px auto 0;line-height:1.8}
@media(max-width:900px){.wild-copy{left:7vw;top:32%}.wild-copy h2{font-size:clamp(3.8rem,8.6vw,7rem)}.wild-footer{grid-template-columns:auto 1fr}.wild-instruction{display:none}.wild-scenes{justify-self:start}#wild-pause{justify-self:end}.wild-continue{left:7vw;top:68%}.wild-outline{bottom:18%}}
@media(max-width:600px){
 .wild{height:300svh}.wild-stage{min-height:580px}.wild-top{left:24px;right:24px;top:8svh;align-items:start;gap:16px}.wild-top>span{font-size:.75rem;max-width:16ch;line-height:1.8}.wild-top>a{font-size:.8125rem;max-width:17ch;padding-top:0;text-align:right}
 .wild-copy{left:26px;right:22px;top:30%}.wild-copy h2{font-size:clamp(3.1rem,12vw,5rem);line-height:1.08;max-width:12ch}.wild-eyebrow{font-size:.75rem;letter-spacing:.13em;margin-bottom:20px}#wild-caption{font-size:1rem;line-height:1.8;margin-top:20px;max-width:27ch}
 .wild-footer{left:20px;right:20px;bottom:9svh;gap:14px;grid-template-columns:1fr}.wild-scenes{justify-self:stretch;justify-content:space-between;gap:2px;padding:4px}.wild-scenes button{padding:9px 12px;gap:10px;flex:1;justify-content:center;font-size:.875rem}#wild-pause{justify-self:end;font-size:.8125rem;min-height:40px;padding:6px 0}.wild-timeline{left:24px;right:24px;bottom:6svh}
 .wild-outline{font-size:35vw;bottom:26%}.wild-continue{left:26px;top:64%;font-size:.875rem;min-height:44px}.wild.at-memory #wild-caption{opacity:0}.wild.is-still{min-height:660px}.wild.is-still .wild-stage{min-height:660px}
}
@media(max-height:620px) and (min-width:601px){.wild-stage{min-height:440px}.wild-copy{top:23%}.wild-copy h2{font-size:clamp(3rem,10vh,5rem)}.wild-eyebrow{margin-bottom:12px}#wild-caption{margin-top:12px}.wild-top{top:7svh}.wild-continue{left:auto;right:7vw;top:53%}.wild-outline{font-size:20vw}.wild-footer{bottom:8svh}}
@media(prefers-reduced-motion:reduce){.wild-source,.wild-memory{transform:none}.wild-copy,.wild-outline{will-change:auto}.wild-scroll-mark:after{animation:none}}
