.opening{z-index:100;color:#234b3a;isolation:isolate;background:#d7e7c9;min-height:420px;position:fixed;inset:0;overflow:hidden}.opening-world{z-index:-3;width:100%;height:100%;position:absolute;inset:0}.opening-shade{z-index:-2;background:radial-gradient(at 50% 35%,#fffcdebb 0,#fdf8e13d 48%,#25493120 100%);position:absolute;inset:0}.opening-top{z-index:5;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:26px;left:32px;right:32px}.opening-grade{font-family:var(--f-display);color:#315d45;background:#fff9e8d9;border:1px solid #fffbeed9;border-radius:50px;align-items:center;gap:12px;padding:10px 15px;font-size:15px;display:flex;box-shadow:0 4px 20px #3351320b}.opening-grade i{background:#9baf89;width:1px;height:12px}.opening-controls{align-items:center;gap:8px;display:flex}.opening-controls button{color:#315d45;background:#fff9e7db;border:1px solid #fff9e7b3;border-radius:50px;min-height:44px;box-shadow:0 4px 12px #3351320b}.opening-pause{min-width:44px;font-family:var(--f-display);font-size:15px}.opening-motion{font-family:var(--f-display);padding:10px 13px;font-size:13px}.opening-skip{font-family:var(--f-display);padding:10px 18px;font-size:15px}.opening-skip span{margin-left:12px}.opening-content{flex-direction:column;justify-content:center;align-items:center;width:min(100%,1040px);height:100%;margin:auto;padding:65px 24px 90px;display:flex;position:relative}.opening-kicker{font-family:var(--f-display);letter-spacing:.25em;color:#548367;margin:0 0 8px;font-size:17px}#opening-title{font-family:var(--f-display);text-align:center;letter-spacing:-.025em;z-index:2;filter:drop-shadow(0 3px #fff9e5);margin:0;font-size:clamp(45px,6vw,76px);font-weight:400;line-height:1.03;position:relative}.opening-title-line{display:block}.opening-letter{display:inline-block}.opening-title-gold{color:#bd7e28;text-shadow:0 2px #fff1b0;margin-top:4px}.opening-tagline{font-family:var(--f-hand);letter-spacing:0;color:#58764a;z-index:2;margin:13px 0 0;font-size:25px;font-weight:700}.opening-stage{flex-shrink:0;width:min(100%,680px);height:250px;margin:-4px auto -5px;position:relative}.opening-model{touch-action:none;width:420px;height:260px;position:absolute;top:0;left:50%;transform:translate(-50%)}.opening-model .direction-anchor{font-family:var(--f-display);padding:3px 9px;font-size:12px}.opening-model-fallback{align-items:center;width:150px;height:100%;margin:auto;display:grid}.opening-cast{z-index:2;filter:drop-shadow(0 11px 8px #38482824);text-align:center;transform-origin:bottom;position:absolute}.opening-cast .character{width:100%;height:100%;overflow:visible}.opening-cast>span{font-family:var(--f-display);color:#43633d;white-space:nowrap;background:#fff8e8dd;border:1px solid #fff9e9;border-radius:30px;padding:3px 11px;font-size:13px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.opening-kani{width:125px;height:135px;bottom:5px;left:7%;rotate:-6deg}.opening-bomi{width:135px;height:144px;bottom:12px;right:1%;rotate:5deg}.opening-cheungi{width:84px;height:146px;bottom:22px;right:20%;rotate:4deg}.opening-views{z-index:3;justify-content:center;gap:12px;display:flex}.opening-view{color:#628158;background:#fff9ebee;border:1px solid #fffdee;border-radius:16px;align-items:center;gap:10px;padding:10px 16px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 5px 12px #71603710}.opening-view svg{width:34px;height:34px}.opening-view span{font-family:var(--f-display);white-space:nowrap;font-size:15px}.opening-view.active{color:#234b3a;background:#fff;border-color:#5e8760;box-shadow:0 0 0 2px #5e876019,0 4px 12px #4664440f}.opening-bottom{text-align:center;z-index:3;position:absolute;bottom:28px;left:24px;right:24px}.opening-message{font-family:var(--f-hand);color:#365d44;text-shadow:0 1px #fff3d6;margin:0 0 10px;font-size:23px;font-weight:700}.opening-progress{background:#fff8e690;border-radius:10px;width:120px;height:3px;margin:auto;overflow:hidden}.opening-progress span{transform-origin:0;background:#587c4e;height:100%;display:block;transform:scaleX(0)}.brand-replay{text-align:left;background:0 0;border:0;padding:0}.brand-replay:hover .brand-mark{background:#254b37}@media (height>=820px){.opening-stage{height:315px}.opening-model{width:480px;height:320px}.opening-kani{width:148px;height:158px;bottom:5px}.opening-bomi{width:160px;height:173px;bottom:12px}.opening-cheungi{width:100px;height:174px;bottom:25px}}@media (width<=700px){.opening-top{top:17px;left:18px;right:18px}.opening-grade{gap:8px;padding:9px 12px;font-size:12px}.opening-skip{padding:9px 13px;font-size:13px}.opening-content{padding:74px 12px 88px}.opening-stage{width:100%;max-width:540px}.opening-kani{width:104px;height:113px;left:2%}.opening-bomi{width:112px;height:122px;right:0}.opening-cheungi{width:72px;height:126px;right:19%}.opening-view{gap:7px;padding:9px 13px}.opening-view span{font-size:13px}.opening-kicker{font-size:14px}.opening-tagline{font-size:23px}.opening-message{font-size:22px}}@media (width<=450px){.opening-grade{padding:9px 10px;font-size:11px}.opening-skip{padding:9px 11px;font-size:12px}.opening-skip span{margin-left:5px}.opening-controls{gap:5px}.opening-top{left:12px;right:12px}#opening-title{font-size:54px}.opening-stage{height:295px}.opening-model{width:330px;height:260px;top:0}.opening-kani{width:91px;height:98px;bottom:4px;left:1%}.opening-bomi{width:100px;height:108px;bottom:4px;right:1%}.opening-cheungi{width:69px;height:120px;bottom:0;right:34%}.opening-views{gap:7px}.opening-view{border-radius:12px;gap:5px;padding:8px 10px}.opening-view svg{width:26px;height:26px}.opening-tagline{margin-top:12px}.opening-bottom{bottom:22px}.opening-message{font-size:20px}}@media (height<=600px) and (width>=451px){.opening-content{padding:58px 20px 62px}#opening-title{font-size:44px}.opening-title-line{display:inline}.opening-title-gold{margin-left:12px}.opening-kicker{margin-bottom:5px;font-size:12px}.opening-tagline{margin-top:5px;font-size:21px}.opening-stage{height:205px}.opening-model{width:340px;height:215px}.opening-cast{bottom:0;scale:.8}.opening-view{padding:7px 11px}.opening-message{font-size:20px}.opening-bottom{bottom:14px}.opening-top{top:12px}}@media (prefers-reduced-motion:reduce){.opening-view{transition:none}}.kinetic-intro,.kinetic-observation,.kinetic-tracks,.kinetic-conclusion{pointer-events:none;display:none}.opening-cinematic .kinetic-intro{z-index:4;clip-path:circle(100%);color:#fff5d9;background:#183f36;display:block;position:absolute;inset:0;overflow:hidden}.kinetic-grid{background-image:linear-gradient(#bcd6b414 1px,#0000 1px),linear-gradient(90deg,#bcd6b414 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:-25%;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.kinetic-construction{opacity:.75;width:100%;height:100%;position:absolute;inset:0}.kinetic-intro-type{perspective:850px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:70px 16px 78px}.kinetic-eyebrow{font-family:var(--f-display);letter-spacing:.3em;color:#bcd4b5;margin:0 0 12px;font-size:17px}.kinetic-space,.kinetic-solid{font-family:var(--f-display);letter-spacing:-.07em;white-space:nowrap;transform-style:preserve-3d;font-size:clamp(100px,17vw,205px);line-height:.95}.kinetic-space{color:#f5f5de;text-shadow:0 2px #9abb9e,0 4px #7c9e84,0 6px #567b67,0 8px #325c4c,0 16px 26px #061e2950}.kinetic-solid{color:#ffcf68;text-shadow:1px 1px #e4af4e,2px 2px #d79b40,3px 3px #ca8c36,4px 4px #ae7b32,5px 5px #8e642b,0 16px 26px #061e2960}.kinetic-letter{transform-style:preserve-3d;display:inline-block}.kinetic-connector{width:190px;font-family:var(--f-hand);color:#c1d6b7;justify-content:center;align-items:center;gap:18px;margin:16px 0;font-size:24px;display:flex}.kinetic-connector span{background:#9abc94;flex:1;height:1px}.kinetic-connector b{font-weight:700}.kinetic-intro-caption{font-family:var(--f-hand);color:#e2e8c9;margin:28px 0 0;font-size:26px;font-weight:700}.kinetic-corner{font-family:var(--f-display);letter-spacing:.15em;color:#9bbf9e;font-size:12px;position:absolute;bottom:85px}.kinetic-corner-left{left:35px}.kinetic-corner-right{right:35px}.opening-cinematic .kinetic-observation{z-index:3;display:block;position:absolute;inset:0}.kinetic-direction{perspective:800px;flex-direction:column;align-items:center;display:flex;position:absolute;top:calc(50% - 215px);left:0;right:0}.kinetic-number{font-family:var(--f-mono);color:#7c926d;letter-spacing:.2em;margin-bottom:7px;font-size:12px}.kinetic-view-word{font-family:var(--f-display);color:#234e3b;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 3px #fff9e4;font-size:90px;line-height:.95}[data-direction=right] .kinetic-view-word{color:#8f6229;font-size:66px}[data-direction=top] .kinetic-view-word{color:#6f598a}.kinetic-view-caption{font-family:var(--f-hand);color:#657b51;margin-top:9px;font-size:25px;font-weight:700;line-height:1.2}.kinetic-underline{transform-origin:0;background:#edbd5a;border-radius:10px;width:72px;height:5px;margin-top:10px}[data-direction=top] .kinetic-underline{background:#b5a0cf}.opening-cinematic .kinetic-tracks{z-index:0;opacity:.75;width:min(90%,850px);height:600px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-cinematic .kinetic-conclusion{z-index:3;text-align:center;font-family:var(--f-display);letter-spacing:-.03em;perspective:900px;font-size:clamp(35px,6vw,60px);line-height:1.08;display:block;position:absolute;top:calc(50% - 200px);left:0;right:0}.kinetic-same{color:#325b41}.kinetic-different{color:#8f6229;width:max-content;max-width:100%;margin:8px auto 0;position:relative}.kinetic-highlight{z-index:-1;transform-origin:0;background:#ffd773;border-radius:4px;position:absolute;inset:40% -6% -6%;rotate:-2deg}.opening-cinematic .opening-bottom{z-index:5}.opening-cinematic[data-phase=type] .opening-message{color:#e3e6cb;text-shadow:none}.opening-cinematic[data-phase=type] .opening-progress{background:#a5bba438}.opening-cinematic[data-phase=type] .opening-progress span{background:#f5c765}.opening-cinematic .opening-view{transition:none}.opening-cinematic .opening-content{z-index:1}.opening-cinematic .opening-top{z-index:6}@media (height>=820px){.kinetic-direction{top:calc(50% - 247px)}.opening-cinematic .kinetic-conclusion{top:calc(50% - 230px)}}@media (width<=700px){.kinetic-space,.kinetic-solid{font-size:clamp(112px,22vw,165px)}.kinetic-intro-caption{font-size:24px}.kinetic-direction{top:calc(50% - 206px)}.kinetic-view-word{font-size:80px}[data-direction=right] .kinetic-view-word{font-size:56px}.kinetic-view-caption{font-size:23px}.opening-cinematic .kinetic-conclusion{top:calc(50% - 190px)}}@media (width<=450px){.kinetic-space,.kinetic-solid{font-size:132px}.kinetic-construction{width:180%;left:-40%}.kinetic-intro-caption{font-size:24px}.kinetic-corner{font-size:10px;bottom:85px}.kinetic-corner-left{left:18px}.kinetic-corner-right{right:18px}.kinetic-direction{top:calc(50% - 225px)}.kinetic-view-word{font-size:82px}[data-direction=right] .kinetic-view-word{font-size:54px}.opening-cinematic .kinetic-conclusion{font-size:44px;top:calc(50% - 218px)}.kinetic-tracks{max-width:100%}}@media (height<=600px) and (width>=451px){.kinetic-space,.kinetic-solid{font-size:110px}.kinetic-intro-type{inset:65px 16px 60px}.kinetic-connector{margin:8px 0}.kinetic-intro-caption{margin-top:12px;font-size:22px}.kinetic-direction{top:calc(50% - 165px)}.kinetic-view-word{font-size:63px}[data-direction=right] .kinetic-view-word{font-size:44px}.kinetic-number{margin-bottom:3px}.kinetic-view-caption{margin-top:3px;font-size:20px}.kinetic-underline{margin-top:5px}.opening-cinematic .kinetic-conclusion{font-size:36px;top:calc(50% - 155px)}.kinetic-corner{bottom:68px}}