.dive-sequence{--sequence-progress:0;background:#061f44;height:255svh;position:relative}.dive-stage{isolation:isolate;height:100svh;min-height:650px;position:sticky;top:0;overflow:clip}.dive-layer{z-index:var(--layer);clip-path:inset(calc((1 - var(--reveal)) * 38%) calc((1 - var(--reveal)) * 50%));background:#061f44;position:absolute;inset:0;overflow:hidden}.dive-footage{position:absolute;inset:0}.dive-layer-shade{pointer-events:none;background:linear-gradient(#00163280,#00163210 45%,#001632e8),linear-gradient(90deg,#00163280,#0000 80%);position:absolute;inset:0}.dive-stage-top,.dive-stage-bottom{z-index:8;color:#fff;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:absolute;left:6%;right:6%}.dive-stage-top{font:600 .75rem/1.5 var(--font-en);letter-spacing:.1em;top:max(110px,14svh)}.dive-stage-top>a{font-family:var(--font-jp);letter-spacing:.03em;align-items:center;gap:.8rem;font-size:.875rem;display:flex}.dive-stage-frame{z-index:8;pointer-events:none;position:absolute;inset:max(94px,12svh) 4% 42px}.dive-stage-frame>i{border:1px solid #ffffff70;width:25px;height:25px;position:absolute}.dive-stage-frame>i:first-child{border-bottom:0;border-right:0;top:0;left:0}.dive-stage-frame>i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.dive-stage-frame>i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.dive-stage-frame>i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.dive-word{z-index:2;position:absolute;bottom:24%;left:9%}.dive-word>span{font:600 .75rem/1.5 var(--font-en);letter-spacing:.1em;margin-bottom:1.3rem;display:block}.dive-word h2{font:900 clamp(62px, 9.4vw, 154px)/1.06 var(--font-jp);letter-spacing:-.075em;margin:0 0 1.6rem -.07em}.dive-word p{letter-spacing:.06em;margin:0;font-size:clamp(14px,1.1vw,18px)}.dive-word,.dive-english,.dive-scene-detail{opacity:0;transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.dive-layer[data-active=true] .dive-word,.dive-layer[data-active=true] .dive-english,.dive-layer[data-active=true] .dive-scene-detail{opacity:1;transform:none}.dive-scene-detail{z-index:3;justify-items:end;gap:1.15rem;display:grid;position:absolute;bottom:25%;right:9%}.dive-scene-detail>span{border:1px solid #ffffff70;border-radius:30px;padding:.4rem .9rem;font-size:.875rem}.dive-scene-detail>button{border-bottom:1px solid #ffffff80;align-items:center;gap:.7rem;padding:.8rem 0;font-size:.875rem;display:flex}.dive-scene-detail>button:hover{border-color:#fff}.dive-english{white-space:nowrap;font:800 clamp(100px, 16vw, 270px)/.8 var(--font-en);letter-spacing:-.06em;color:#ffffff0c;pointer-events:none;position:absolute;bottom:8%;left:9%}.dive-stage-bottom{bottom:66px}.dive-stage-bottom>p{letter-spacing:.06em;margin:0;font-size:.875rem}.dive-scene-nav{gap:1rem;display:flex}.dive-scene-nav>button{min-height:44px;font:500 .75rem/1 var(--font-en);align-items:center;gap:.6rem;display:flex}.dive-scene-nav i{background:#ffffff40;width:38px;height:2px;display:block}.dive-scene-nav [aria-pressed=true] i{background:#fff}.dive-scroll-note{font:500 .75rem/1.5 var(--font-en);letter-spacing:.07em;align-items:center;gap:1rem;display:flex}.encounter-archive{color:#013a87;background:#f5f9ff;padding:9rem 0 5rem;position:relative;overflow:clip}.archive-heading{justify-content:space-between;align-items:end;gap:3rem;padding-top:0;padding-bottom:4rem;display:flex}.archive-kicker{font:700 .75rem/1.6 var(--font-en);letter-spacing:.06em;align-items:center;gap:1.5rem;margin:0 0 2rem;display:flex}.archive-kicker span{font-family:var(--font-jp);letter-spacing:.03em;font-weight:400}.archive-heading h2{font:900 clamp(38px, 5.4vw, 86px)/1.25 var(--font-jp);letter-spacing:-.055em;margin:0}.archive-heading h2 em{font-style:normal}.archive-guide{padding-bottom:.5rem}.archive-guide p{margin:1.5rem 0 1rem;font-size:1rem;line-height:2}.archive-guide>span:last-child{color:#375e8c;font-size:.875rem}.archive-drag-hint{font:600 .75rem/1.6 var(--font-en);letter-spacing:.06em;align-items:center;gap:.9rem;display:inline-flex}.archive-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;-webkit-user-select:none;user-select:none;align-items:start;gap:clamp(26px,4vw,72px);padding:3rem 8% 4rem;display:flex;position:relative;overflow:auto hidden}.archive-rail::-webkit-scrollbar{display:none}.archive-rail[data-dragging=true],.archive-rail[data-dragging=true] *{cursor:grabbing;scroll-snap-type:none}.archive-rail:after{content:"";min-width:max(1px,20vw - 4rem)}.archive-card{scroll-snap-align:center;text-align:left;cursor:grab;flex:0 0 clamp(350px,45vw,710px);transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.archive-card:nth-child(2n){flex-basis:clamp(320px,38vw,610px);margin-top:4.5rem}.archive-card-top{font:600 .75rem/1.5 var(--font-en);letter-spacing:.04em;justify-content:space-between;gap:1rem;margin-bottom:.8rem;display:flex}.archive-card-top>span:last-child{font-family:var(--font-jp);font-weight:400}.archive-card-image{aspect-ratio:16/10;background:#061f44;display:block;position:relative;overflow:hidden}.archive-card-image>.ambient-media{transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.archive-card-image>.ambient-media img{pointer-events:none}.archive-card[data-current=true] .archive-card-image>.ambient-media{transform:scale(1.035)}.archive-card-reticle{clip-path:polygon(0 0,20px 0,20px 1px,1px 1px,1px 20px,0 20px,0 0,100% 0,100% 20px,calc(100% - 1px) 20px,calc(100% - 1px) 1px,calc(100% - 20px) 1px,calc(100% - 20px) 0,100% 0,100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 20px),100% calc(100% - 20px),100% 100%,0 100%,0 calc(100% - 20px),1px calc(100% - 20px),1px calc(100% - 1px),20px calc(100% - 1px),20px 100%,0 100%);opacity:0;border:1px solid #ffffff70;transition:opacity .25s;position:absolute;inset:16px}.archive-play{color:#013a87;background:#f5f9ff;border-radius:50px;align-items:center;gap:.7rem;padding:.85rem 1.1rem;font-size:.875rem;display:flex;position:absolute;bottom:1.4rem;left:1.4rem}.archive-play>span{white-space:nowrap;max-width:0;transition:max-width .35s;overflow:hidden}:is(.archive-card[data-current=true] .archive-play>span,.archive-card:focus-visible .archive-play>span){max-width:160px}.archive-card[data-current=true] .archive-card-reticle{opacity:1}.archive-card-bottom{justify-content:space-between;align-items:end;gap:1rem;margin-top:1.2rem;display:flex}.archive-card-bottom small{font:800 clamp(24px, 2.9vw, 45px)/1.1 var(--font-en);letter-spacing:-.045em;margin-bottom:.7rem;display:block}.archive-card-bottom strong{letter-spacing:.02em;font-size:clamp(14px,1.1vw,18px);font-weight:500;display:block}.archive-card:focus-visible{outline-offset:8px;outline:3px solid #013a87}.archive-bottom{align-items:center;gap:2rem;padding-top:1.5rem;padding-bottom:0;display:flex}.archive-bottom>span{font:800 1.7rem/1 var(--font-en)}.archive-bottom>span>span{letter-spacing:.04em;margin-left:.6rem;font-size:.75rem;font-weight:500}.archive-pagination{gap:.6rem;display:flex}.archive-pagination button{border:1px solid #013a8740;border-radius:50%;place-items:center;width:48px;height:48px;transition:color .2s,background .2s;display:grid}.archive-pagination button:hover:enabled{color:#fff;background:#013a87}.archive-pagination button:disabled{opacity:.3;cursor:default}.archive-bottom>a{border-bottom:1px solid #013a8750;align-items:center;gap:1.3rem;margin-left:auto;padding-bottom:.7rem;font-size:1rem;display:inline-flex}:is(.encounter-archive button:focus-visible,.encounter-archive a:focus-visible){outline-color:#013a87}.encounter-dialog-bottom{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.encounter-dialog-bottom>div{font:500 .875rem/1 var(--font-en);align-items:center;gap:1.2rem;display:flex}.encounter-dialog-bottom button{border:1px solid #ffffff50;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.encounter-dialog-bottom>a{align-items:center;gap:.8rem;font-size:.875rem;display:flex}.dive-sequence[data-motion-enabled=false]{height:auto}.dive-sequence[data-motion-enabled=false] .dive-stage{height:auto;min-height:0;padding:100px 0 150px;position:relative}.dive-sequence[data-motion-enabled=false] .dive-layer{clip-path:none;height:min(80svh,850px);min-height:530px;position:relative}.dive-sequence[data-motion-enabled=false] .dive-word,.dive-sequence[data-motion-enabled=false] .dive-english,.dive-sequence[data-motion-enabled=false] .dive-scene-detail{opacity:1;transform:none}.dive-sequence[data-motion-enabled=false] .dive-stage-top{top:40px}.dive-sequence[data-motion-enabled=false] .dive-scroll-note,.dive-sequence[data-motion-enabled=false] .dive-stage-frame{display:none}@media (max-width:1100px){.dive-stage-bottom>p{max-width:160px}.dive-scene-detail{bottom:21%}.dive-word{bottom:36%}.dive-scroll-note{display:none}.archive-heading{align-items:start;gap:2rem}.archive-guide{max-width:300px}.archive-guide p{font-size:.875rem}}@media (max-width:760px){.dive-sequence{height:240svh}.dive-stage{min-height:600px}.dive-stage-top{gap:1rem;font-size:.75rem;top:106px}.dive-stage-top>a{font-size:.75rem}.dive-stage-frame{inset:87px 4% 32px}.dive-word{bottom:34%;left:8%;right:7%}.dive-word h2{margin-bottom:1.3rem;font-size:clamp(54px,13.2vw,92px)}.dive-word>span{margin-bottom:1rem}.dive-word p{max-width:280px;font-size:.875rem;line-height:1.9}.dive-scene-detail{justify-items:start;gap:.6rem;bottom:18%;left:8%;right:auto}.dive-scene-detail>span{padding:.3rem .8rem;font-size:.75rem}.dive-scene-detail>button{min-height:44px;padding:.6rem 0}.dive-english{font-size:22vw;bottom:11%;left:8%}.dive-stage-bottom{gap:1rem;bottom:45px;left:8%;right:8%}.dive-stage-bottom>p{max-width:135px;font-size:.75rem;line-height:1.6}.dive-scene-nav{gap:.65rem}.dive-scene-nav>button{gap:.3rem}.dive-scene-nav i{width:22px}.encounter-archive{padding:5.5rem 0 3.5rem}.archive-heading{padding-bottom:1rem;display:block}.archive-kicker{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem}.archive-kicker span{font-size:.75rem}.archive-heading h2{font-size:clamp(36px,9.8vw,68px);line-height:1.3}.archive-guide{max-width:none;margin-top:1.75rem}.archive-guide p{margin:1rem 0 .7rem}.archive-drag-hint{font-size:.75rem}.archive-rail{scroll-snap-type:x mandatory;gap:22px;padding:2rem 6% 2.5rem}.archive-card{flex-basis:80vw}.archive-card:nth-child(2n){flex-basis:80vw;margin-top:2rem}.archive-card-image{aspect-ratio:16/11}.archive-card-top{font-size:.75rem}.archive-card-bottom{margin-top:1rem}.archive-card-bottom small{font-size:clamp(26px,7.2vw,42px)}.archive-card-bottom strong{font-size:.875rem;line-height:1.6}.archive-play{padding:.7rem .85rem;bottom:.9rem;left:.9rem}.archive-play>span{max-width:150px;font-size:.75rem}.archive-rail:after{min-width:1px}.archive-bottom{flex-wrap:wrap;gap:1rem;padding-top:.5rem}.archive-bottom>span{font-size:1.5rem}.archive-pagination{margin-left:auto}.archive-bottom>a{flex-basis:100%;justify-content:space-between;margin-left:0;padding:1.5rem 0 .7rem;font-size:.875rem}.encounter-dialog-bottom{flex-direction:column;align-items:start;gap:1.5rem}.encounter-dialog-bottom>div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.dive-word,.dive-scene-detail,.archive-card,.archive-play>span,.archive-card-image>.ambient-media{transition:none}}.dive-layer{clip-path:none;background:0 0}.dive-window{clip-path:inset(calc((1 - var(--reveal)) * 38%) calc((1 - var(--reveal)) * 50%));background:#061f44;position:absolute;inset:0;overflow:hidden}html[data-motion=on] .dive-sequence[data-motion-enabled=true] [data-reveal]{opacity:1;transition:none;transform:none}.dive-sequence[data-motion-enabled=false] .dive-window{clip-path:none}.archive-card-image{aspect-ratio:16/9}@media (max-width:899px),(max-height:649px){.dive-sequence[data-motion-enabled=false] .dive-stage{padding:100px 0 0}.dive-sequence[data-motion-enabled=false] .dive-layer{height:auto;min-height:0;margin-bottom:2.5rem;padding-bottom:1.5rem}.dive-sequence[data-motion-enabled=false] .dive-window{aspect-ratio:16/9;position:relative}.dive-sequence[data-motion-enabled=false] .dive-footage{inset:0}.dive-sequence[data-motion-enabled=false] .dive-layer-shade{display:none}.dive-sequence[data-motion-enabled=false] .dive-word{margin:1.6rem 8%;position:relative;inset:auto}.dive-sequence[data-motion-enabled=false] .dive-word>span{margin-bottom:.65rem}.dive-sequence[data-motion-enabled=false] .dive-word h2{margin-bottom:1rem;font-size:clamp(44px,10vw,76px)}.dive-sequence[data-motion-enabled=false] .dive-word p{max-width:none;font-size:.875rem;line-height:1.8}.dive-sequence[data-motion-enabled=false] .dive-scene-detail{justify-content:space-between;align-items:center;gap:1rem;margin:0 8%;display:flex;position:relative;inset:auto}.dive-sequence[data-motion-enabled=false] .dive-english{display:none}.dive-sequence[data-motion-enabled=false] .dive-stage-bottom{flex-wrap:wrap;margin:0 8%;padding:0 0 2.5rem;position:relative;inset:auto}.dive-sequence[data-motion-enabled=false] .dive-stage-bottom>p{max-width:none}.dive-sequence[data-motion-enabled=false] .dive-stage-top{top:45px}}.archive-index.section-pad{grid-template-columns:repeat(var(--scene-count), minmax(0, 1fr));gap:20px;padding-top:0;padding-bottom:8px;display:grid}.archive-index button{text-align:left;gap:11px;min-width:0;padding-bottom:13px;display:grid;position:relative}.archive-index-image{aspect-ratio:16/7;background:#061f44;display:block;position:relative;overflow:hidden}.archive-index-image>img{object-fit:cover;opacity:.65;width:100%;height:100%;transition:opacity .3s,transform .5s}.archive-index-image>span{color:#fff;font:600 .75rem var(--font-en);background:#061f4499;padding:3px 6px;position:absolute;top:8px;left:8px}.archive-index button[aria-pressed=true] img,.archive-index button:hover img{opacity:1;transform:scale(1.04)}.archive-index-label{justify-content:space-between;align-items:baseline;gap:5px;font-size:.9375rem;font-weight:600;display:flex}.archive-index-label small{font:500 .75rem var(--font-en);color:#375e8c}.archive-index button>i{background:#013a872e;height:2px;position:absolute;inset:auto 0 0}.archive-index button[aria-pressed=true]>i{background:#013a87;height:3px}.archive-card[id]{scroll-margin-top:180px}.encounter-dialog .dialog-player{max-height:46svh}.encounter-filmstrip{grid-template-columns:repeat(var(--scene-count), minmax(0, 1fr));gap:12px;margin-top:18px;display:grid}.encounter-filmstrip button{color:#d0e5ff;border:1px solid #ffffff30;align-items:center;gap:10px;min-width:0;min-height:48px;padding:5px;display:flex;position:relative}.encounter-filmstrip img{object-fit:cover;opacity:.6;width:40%;max-width:62px;height:40px}.encounter-filmstrip button>span{font:500 .75rem var(--font-en);text-align:left;gap:5px;display:grid}.encounter-filmstrip strong{font:500 .875rem var(--font-jp)}.encounter-filmstrip button[aria-pressed=true]{color:#fff;background:#ffffff12;border-color:#c7e5ff}.encounter-filmstrip button[aria-pressed=true] img,.encounter-filmstrip button:hover img{opacity:1}.encounter-dialog-bottom .encounter-dialog-actions{font-family:var(--font-jp);flex-wrap:wrap;justify-content:end;gap:14px 24px;display:flex}.encounter-dialog-actions a{align-items:center;gap:10px;min-height:44px;font-size:.875rem;display:flex}.encounter-inquiry-link{color:#013a87;background:#c7e5ff;border:1px solid #c7e5ff;padding:12px 16px}.encounter-inquiry-link:hover{background:#fff}@media (max-width:760px){.archive-index.section-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;padding-top:20px}.archive-index-image{aspect-ratio:16/9}.archive-index-image>span{padding:2px 4px;top:3px;left:3px}.archive-index-label{flex-wrap:wrap;gap:5px;font-size:.875rem}.encounter-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.encounter-filmstrip button{padding:0 0 6px;display:block}.encounter-filmstrip img{width:100%;max-width:none;height:38px}.encounter-filmstrip button>span{text-align:center;margin-top:6px;font-size:0;display:block}.encounter-filmstrip strong{font-size:.75rem}.encounter-dialog-bottom .encounter-dialog-actions{justify-content:space-between;gap:8px;width:100%}.encounter-dialog-actions a{font-size:.875rem}.encounter-inquiry-link{justify-content:space-between;width:100%}}html[data-motion=off] .archive-index *{transition:none}@media (prefers-reduced-motion:reduce){.archive-index *{transition:none}}@media (min-width:761px){.archive-rail{padding-left:max(8%,50% - clamp(350px,45vw,710px)/2);padding-right:max(8%,50% - clamp(350px,45vw,710px)/2)}.archive-rail:after{min-width:1px}}.archive-drag-mobile,.archive-species{display:none}@media (max-width:760px){.archive-index.section-pad,.archive-guide p,.archive-drag-desktop,.archive-subject{display:none}.archive-drag-mobile,.archive-species{display:inline}.archive-guide{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;display:flex}.archive-rail{padding-top:16px;padding-bottom:22px}.archive-card:nth-child(2n){margin-top:0}.archive-card-image{aspect-ratio:16/10}.archive-card-bottom small{font-size:26px}}.print-trigger{text-align:left;width:100%;display:block}.print-trigger:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -80px 60px -60px #001632d0}.print-open{z-index:2;color:#013a87;background:#f5f9ff;border-radius:30px;justify-content:center;align-items:center;gap:.55rem;width:44px;height:44px;transition:width .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:1.1rem;right:1.1rem}.print-open>span{white-space:nowrap;font-size:.875rem;display:none}:is(.print-trigger:hover .print-open,.print-trigger:focus-visible .print-open){width:142px}:is(.print-trigger:hover .print-open>span,.print-trigger:focus-visible .print-open>span){display:inline}.print-dialog{width:min(1200px,100vw - 40px)!important}.print-viewport{overscroll-behavior:contain;background:#00152d;height:min(62svh,700px);overflow:auto}.print-viewport img{object-fit:contain;width:100%;height:100%;display:block}.print-viewport[data-zoomed=true] img{object-fit:initial;width:180%;max-width:none;height:auto}.print-dialog-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.print-dialog-controls>div{font-family:var(--font-en);align-items:center;gap:1rem;display:flex}.print-dialog-controls>div>button{border:1px solid #ffffff50;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.print-zoom{border:1px solid #ffffff50;border-radius:30px;align-items:center;gap:.65rem;min-height:44px;padding:.65rem 1rem;display:flex}.print-to-scenes{align-items:center;gap:.75rem;min-height:44px;margin-left:auto;display:flex}@media (max-width:760px){.print-dialog{width:calc(100vw - 24px)!important}.print-viewport{height:min(50svh,440px)}.print-dialog-controls{gap:1rem}.print-dialog-controls>div{margin-right:auto}.print-to-scenes{flex-basis:100%;justify-content:space-between;margin-left:0}.print-open{bottom:.8rem;right:.8rem}}.observation-prints .encounter-image{aspect-ratio:16/10}
