html.gate-lock,html.gate-lock body{height:100%;overflow:hidden}.gate-scroll{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100dvh;overflow:clip auto}.gate-scroll::-webkit-scrollbar{width:4px}.gate-scroll::-webkit-scrollbar-track{background:0 0}.gate-scroll::-webkit-scrollbar-thumb{background:#ffffff52;border-radius:999px}.gate-poster,.gate-screen,.feature-chapter,.feature-row,.gate-foot{scroll-snap-align:start;scroll-snap-stop:always}.gate-poster{color:#f5f5f7;background:#000;height:100dvh;text-decoration:none;display:block;position:relative;overflow:hidden}.gate-poster-copy{z-index:1;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding-top:16vh;padding-bottom:22vh;display:flex;position:relative}.gate-poster-hero,.gate-poster-meta{flex-direction:column;align-items:center;display:flex}.gate-poster-name{color:#f4f6f8;letter-spacing:.04em;margin:0;font-size:36px;font-weight:400;line-height:1}.gate-poster-name:after{content:"";background:#ffffff47;width:28px;height:1px;margin:22px auto 0;display:block}.gate-poster-kicker{color:#8b97a8;letter-spacing:.46em;margin:16px 0 0;font-size:11px;font-weight:400;line-height:1}.gate-poster-lead{color:#e4e8ed;letter-spacing:.2em;margin:40px 0 0;font-size:22px;font-weight:400;line-height:1.2}.gate-poster-en{color:#6f7d90;letter-spacing:.16em;margin:10px 0 0;font-size:11px;font-weight:400;line-height:1}.gate-poster-ver{color:#9aa6b5;letter-spacing:.22em;margin:0;font-size:11px;font-weight:400;line-height:1}.gate-poster-date{color:#5c6a7c;letter-spacing:.16em;margin:8px 0 0;font-size:11px;line-height:1}.gate-limb{z-index:0;pointer-events:none;height:34vh;position:absolute;bottom:0;left:0;right:0}.gate-limb svg{width:100%;height:100%;display:block}.gate-poster-enter{z-index:2;color:#ffffffe0;letter-spacing:.12em;border:1px solid #ffffff47;border-radius:980px;height:32px;padding:0 16px;font-size:13px;line-height:30px;text-decoration:none;position:absolute;top:28px;right:36px}.gate-poster-enter:hover{color:#fff;border-color:#fff9}.gate-poster-cue{z-index:2;color:#ffffffb8;letter-spacing:.28em;font-size:12px;text-decoration:none;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.gate-poster-cue:after{content:"";background:#ffffff73;width:1px;height:28px;margin:10px auto 0;display:block}.feature-stage{color:#f5f5f7;background:#000}.feature-chapter,.feature-row{height:100dvh;overflow:hidden}.feature-chapter{text-align:center;flex-direction:column;align-items:center;padding:40px 32px 28px;display:flex}.feature-dark{color:#f5f5f7;background:#000}.feature-light{color:#1d1d1f;background:#fff}.feature-copy{flex:none;width:min(980px,100%)}.feature-en{color:#86868b;letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.feature-tag{letter-spacing:.08em;white-space:nowrap;margin:8px 0 0;font-size:15px;font-weight:600}.feature-title{letter-spacing:-.02em;white-space:nowrap;margin:8px 0 0;font-size:22px;font-weight:600;line-height:1.35}.feature-line,.feature-en-line{white-space:normal;max-width:40rem;margin:8px auto 0;font-size:14px;line-height:1.65}.feature-en-line{letter-spacing:.04em;margin-top:4px;font-size:13px}.feature-dark .feature-line,.feature-dark .feature-en-line{color:#a1a1a6}.feature-light .feature-line,.feature-light .feature-en-line{color:#6e6e73}.feature-pill{color:#fff;background:#0071e3;border-radius:980px;align-items:center;height:32px;margin-top:16px;padding:0 16px;font-size:14px;line-height:1;display:inline-flex}.feature-pill:hover{background:#0077ed}.feature-chapter img{object-fit:contain;width:auto;max-width:min(1080px,100%);height:auto;max-height:calc(100dvh - 280px);margin-top:18px;display:block}.feature-row{background:#f5f5f7;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.feature-board{scroll-snap-align:start;scroll-snap-stop:always;background:#f5f5f7;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.feature-pair{flex:1 1 0;gap:12px;min-width:0;min-height:0;display:flex}.feature-tile{text-align:center;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:36px 20px 16px;display:flex;overflow:hidden}.feature-tile .feature-title{white-space:normal;font-size:18px}.feature-tile .feature-line,.feature-tile .feature-en-line{white-space:normal;max-width:100%;font-size:13px;line-height:1.6}.feature-tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 300px);margin-top:16px;display:block}.feature-board .feature-tile{padding:20px 16px}.feature-board .feature-tag,.feature-board .feature-title,.feature-board .feature-line,.feature-board .feature-en-line{margin-top:4px}.feature-board .feature-title,.feature-board .feature-tag,.feature-board .feature-line,.feature-board .feature-en-line{white-space:normal;font-size:16px}.feature-board .feature-line{font-size:13px}.feature-pair .feature-reveal{outline:none;flex-direction:row;flex:50%;justify-content:center;align-items:center;width:50%;height:100%;padding:28px 24px;position:relative}.feature-face{flex-direction:column;flex:0 auto;align-items:center;width:min(100%,34rem);margin:0;transition:width .55s cubic-bezier(.22,1,.36,1);display:flex}.feature-reveal:hover .feature-face,.feature-reveal:focus-within .feature-face{flex:none;align-items:stretch;width:min(42%,220px)}.feature-reveal:hover .feature-icon,.feature-reveal:focus-within .feature-icon{align-self:center}.feature-reveal:hover .feature-copy,.feature-reveal:focus-within .feature-copy{text-align:justify;text-align-last:left;text-justify:inter-character;width:100%}.feature-reveal:hover .feature-title,.feature-reveal:focus-within .feature-title,.feature-reveal:hover .feature-tag,.feature-reveal:focus-within .feature-tag,.feature-reveal:hover .feature-line,.feature-reveal:focus-within .feature-line,.feature-reveal:hover .feature-en-line,.feature-reveal:focus-within .feature-en-line{white-space:normal;width:100%;max-width:none;margin-left:0;margin-right:0}:is(.feature-pair:has(.feature-reveal:hover) .feature-reveal:not(:hover) .feature-face,.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:not(:focus-within) .feature-face){width:100%;min-width:0;max-width:100%}:is(.feature-pair:has(.feature-reveal:hover) .feature-reveal:not(:hover) .feature-title,.feature-pair:has(.feature-reveal:hover) .feature-reveal:not(:hover) .feature-tag,.feature-pair:has(.feature-reveal:hover) .feature-reveal:not(:hover) .feature-line,.feature-pair:has(.feature-reveal:hover) .feature-reveal:not(:hover) .feature-en-line,.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:not(:focus-within) .feature-title,.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:not(:focus-within) .feature-tag,.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:not(:focus-within) .feature-line,.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:not(:focus-within) .feature-en-line){white-space:normal;max-width:100%}.feature-icon{color:#1d1d1f;border:1px solid #1d1d1f1f;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid}.feature-icon svg{width:18px;height:18px}.feature-dark .feature-icon{color:#f4f6f8;border-color:#ffffff38}.feature-shot{opacity:0;pointer-events:none;min-width:0;transition:opacity .35s;display:flex;position:absolute;inset:16px 16px 16px 46%;overflow:hidden}.feature-shot-inner{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.feature-reveal img{object-fit:contain;object-position:center;opacity:1;width:100%;height:100%;max-height:none;margin:0;transform:none}.feature-reveal:hover .feature-shot,.feature-reveal:focus-within .feature-shot{opacity:1;justify-content:center;align-items:center}.feature-reveal:hover img,.feature-reveal:focus-within img{width:auto;max-width:100%;height:auto;max-height:100%}.feature-board .feature-reveal{flex:50%;justify-content:center;width:50%;overflow:hidden}.feature-board .feature-face{flex:0 auto;align-items:center;width:min(100%,28rem);min-width:0;max-width:min(100%,28rem);transition:none}.feature-board .feature-copy{text-align:center;text-align-last:auto;text-justify:auto;width:100%}.feature-board .feature-title,.feature-board .feature-tag,.feature-board .feature-line{white-space:normal;width:100%;max-width:28rem}.feature-board .feature-shot{opacity:0;pointer-events:none;width:auto;height:auto;position:absolute;inset:12px 16px 12px 320px}.feature-board .feature-reveal:hover .feature-face,.feature-board .feature-reveal:focus-within .feature-face{flex:0 0 280px;align-items:flex-start;width:280px;min-width:280px;max-width:280px;margin-right:auto}.feature-board .feature-reveal:hover .feature-copy,.feature-board .feature-reveal:focus-within .feature-copy{text-align:left;text-align-last:auto;text-justify:auto;width:280px}.feature-board .feature-reveal:hover .feature-title,.feature-board .feature-reveal:hover .feature-tag,.feature-board .feature-reveal:hover .feature-line,.feature-board .feature-reveal:focus-within .feature-title,.feature-board .feature-reveal:focus-within .feature-tag,.feature-board .feature-reveal:focus-within .feature-line{white-space:normal;max-width:280px}.feature-board .feature-reveal:hover .feature-shot,.feature-board .feature-reveal:focus-within .feature-shot{opacity:1}@media (prefers-reduced-motion:reduce){.feature-pair .feature-reveal,.feature-face,.feature-shot{transition:none}}.gate-foot{scroll-snap-align:start}@media (max-width:900px){.feature-title,.feature-line,.feature-en-line,.feature-tag{white-space:normal}.feature-title{font-size:28px}.feature-row{grid-template-columns:1fr;height:auto}.feature-board{scroll-snap-align:none;scroll-snap-stop:normal;height:auto;overflow:visible}.feature-pair{flex-direction:column;flex:none;height:auto}:is(.feature-board:has(.feature-reveal:hover) .feature-pair:not(:has(.feature-reveal:hover)) .feature-line,.feature-board:has(.feature-reveal:focus-within) .feature-pair:not(:has(.feature-reveal:focus-within)) .feature-line){display:block}.feature-pair .feature-reveal{flex-basis:auto;width:100%;height:auto;min-height:280px}.feature-pair:has(.feature-reveal:hover) .feature-reveal{flex-basis:auto;width:100%;height:auto;min-height:280px}.feature-pair:has(.feature-reveal:focus-within) .feature-reveal{flex-basis:auto;width:100%;height:auto;min-height:280px}.feature-pair:has(.feature-reveal:hover) .feature-reveal:hover{flex-basis:auto;width:100%;height:auto;min-height:280px}.feature-pair:has(.feature-reveal:focus-within) .feature-reveal:focus-within{flex-basis:auto;width:100%;height:auto;min-height:280px}.feature-tile:not(.feature-reveal){height:100dvh}}
