.video-intro{--intro-progress:0;height:100svh;min-height:540px;position:relative}.video-intro-stage{color:#fff;z-index:0;background:#242926;position:fixed;inset:0;overflow:hidden}.video-intro-stage video{object-fit:cover;width:100%;height:100%}.video-intro-shade{background:linear-gradient(90deg,#10191585,#10191510),linear-gradient(#0000 55%,#10191560);position:absolute;inset:0}.video-intro-brand{width:94px;position:absolute;top:30px;left:max(28px,50vw - 660px)}.video-intro-brand svg{width:100%;height:auto}.video-intro-copy{opacity:max(0, calc(1 - var(--intro-progress) * 1.8));transform:translateY(calc(var(--intro-progress) * -55px));position:absolute;top:34%;left:max(28px,50vw - 660px);right:28px}.video-intro-copy p{margin:0 0 25px;font-size:15px}.video-intro-copy h2{letter-spacing:-.065em;margin:0 0 30px;font-size:clamp(54px,6.8vw,108px);font-weight:400;line-height:.98}.video-intro-copy>span{max-width:390px;font-size:clamp(16px,1.3vw,20px);line-height:1.5;display:block}.video-intro-explore{white-space:nowrap;min-height:44px;font-family:var(--font-reenie), cursive;color:#fff;opacity:max(0, calc(1 - var(--intro-progress) * 3));align-items:center;gap:10px;font-size:20px;line-height:1;display:inline-flex;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}.video-intro-explore span{justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:20px;line-height:1;display:inline-flex;transform:translateY(-1px)}.video-intro-pause{color:#fff;cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .15s ease-out,background-color .15s ease-out;display:grid;position:absolute;bottom:105px;right:28px}.video-intro-pause:hover{opacity:1;background:#ffffff12}.video-intro-pause:focus-visible{opacity:1;outline-offset:3px;outline:2px solid #fff}.video-intro-paper{z-index:3;filter:drop-shadow(0 -5px 9px #0002);width:100%;height:90px;position:absolute;bottom:-1px;left:0}body:has(.video-intro):not([data-video-intro=past]) .paper-navigation{opacity:0;visibility:hidden;pointer-events:none}body[data-video-intro=past] .video-intro-stage{visibility:hidden}#home-page{scroll-margin-top:0}@media (max-width:767px){.video-intro-copy{top:30%}.video-intro-copy h2{font-size:clamp(54px,11vw,80px)}.video-intro-copy>span{max-width:290px}}@media (prefers-reduced-motion:reduce){.video-intro-copy{opacity:1;transform:none}}.video-intro-stage video{transform:scale(calc(1.035 - var(--intro-progress) * .035));opacity:calc(1 - var(--intro-progress) * .45)}.video-intro-copy{opacity:max(0, calc(1 - var(--intro-progress) * 3))}@media (prefers-reduced-motion:reduce){.video-intro-stage video{opacity:1;transform:none}}.video-intro-explore{bottom:max(16px, env(safe-area-inset-bottom))}.video-intro-pause{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom))}.video-intro{z-index:100;visibility:visible;height:100%;min-height:0;position:fixed;inset:0}.video-intro:has(~#home-page:target){display:none}.video-intro-stage{opacity:1;transition:transform .65s cubic-bezier(.76,0,.24,1),opacity .65s ease-in;position:absolute;transform:translateY(0)}.video-intro[data-state=exiting] .video-intro-stage{opacity:.3;transform:translateY(-100%)}.video-intro-copy{transition:opacity .2s ease-out,transform .35s ease-out}.video-intro[data-state=exiting] .video-intro-copy{opacity:0;transform:translateY(-20px)}.video-intro-explore:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.video-intro-stage{transition:opacity 80ms linear}.video-intro[data-state=exiting] .video-intro-stage{opacity:0;transform:none}}.video-intro-brand{width:76px}@media (max-width:767px){.video-intro-copy{top:40%}.video-intro-brand{width:68px}}.video-intro:focus{outline:none}.video-intro-explore{font-size:16px}@media (max-width:767px){.video-intro-copy h2{font-size:clamp(58px,12vw,86px)}}.video-intro-stage{background:#000 url(/video/arkyv-intro-poster.jpg) 50%/cover no-repeat}.video-intro-stage[data-video-started=false] video{opacity:0}@media (max-width:767px){.video-intro-stage{background-image:url(/video/arkyv-intro-poster-mobile.jpg)}}.intro-test-controls{z-index:120;right:16px;top:max(16px, env(safe-area-inset-top));color:#222;background:#fffffff2;border:1px solid #0001;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex;position:fixed;box-shadow:0 3px 16px #0001}.intro-test-controls select{color:#222;background:0 0;max-width:150px;padding:5px 2px}.intro-test-controls button{color:#fff;cursor:pointer;background:#202020;border-radius:5px;padding:6px 10px}.intro-test-controls :focus-visible{outline-offset:2px;outline:2px solid #343be0}.video-intro[data-exit-style] .video-intro-stage{border-radius:0;transition:opacity .5s .1s,transform .6s cubic-bezier(.22,1,.36,1),border-radius .6s;transform:none}.video-intro[data-exit-style][data-state=exiting] .video-intro-stage{opacity:0;transform:none}.video-intro[data-exit-style=pullback][data-state=exiting] .video-intro-stage{border-radius:28px;transform:scale(.88)}.video-intro[data-exit-style][data-state=exiting] .video-intro-copy{opacity:0;transition:opacity .15s;transform:none}.video-intro[data-state=exiting] .intro-test-controls{pointer-events:none}@media (max-width:480px){.intro-test-controls{gap:4px;top:12px;right:12px}.intro-test-controls label{display:none}}@media (prefers-reduced-motion:reduce){.video-intro[data-exit-style] .video-intro-stage{transition:opacity 80ms linear}.video-intro[data-exit-style][data-state=exiting] .video-intro-stage{transform:none}}body .paper-navigation{transition:opacity .4s ease-out,background-color .1s ease-out,box-shadow .1s ease-out}body:has(.video-intro) .paper-navigation{transition:opacity .4s ease-out}body:has(.video-intro[data-state=exiting]) .paper-navigation{visibility:visible;opacity:1}@media (prefers-reduced-motion:reduce){:is(body .paper-navigation,body:has(.video-intro) .paper-navigation){transition:none}}.video-intro{overscroll-behavior:none;touch-action:none}.video-intro-roles{vertical-align:bottom;margin:-.12em -.04em;padding:.12em .04em;display:inline-grid;overflow:hidden}.video-intro-role{white-space:nowrap;opacity:0;grid-area:1/1;animation:10s infinite intro-role}.video-intro-role:first-child{opacity:1}.video-intro-roles[data-playing=false] .video-intro-role{animation-play-state:paused}@keyframes intro-role{0%,17%{opacity:1;transform:translateY(0)}20%,97%{opacity:0;transform:translateY(-.12em)}98%{opacity:0;transform:translateY(.12em)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.video-intro-copy h2{font-size:clamp(28px,8vw,60px)}}@media (prefers-reduced-motion:reduce){.video-intro-role{animation:none}}.video-intro-nav{height:61px;position:absolute;inset:0 0 auto}.video-intro-nav .paper-navigation-inner{width:min(1320px,100% - 56px);max-width:none;margin-inline:auto}@media (max-width:1079px){.video-intro-nav .paper-navigation-inner{width:calc(100% - 40px)}}@media (max-width:879px){.video-intro-nav .paper-navigation-inner{padding-inline:0}.video-intro-nav .paper-brand{flex:none}.video-intro-nav .paper-brand svg{width:78px}}