.experience-stage.by-video-stage{position:relative;isolation:isolate;aspect-ratio:9/16;height:auto;min-height:0;overflow:hidden;background:#321c22;color:#fff;container-type:inline-size}
.by-video-stage .by-intro-video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.by-video-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#29151b48 0%,transparent 22%,transparent 38%,#24111c66 52%,#24111ce8 77%,#24111cf7 100%)}
.by-intro-brand{position:absolute;z-index:3;left:18px;top:18px;display:flex;align-items:center;gap:7px;color:#fff;text-shadow:0 1px 6px #0007}
.by-intro-brand .by-mark{width:31px;height:31px}.by-intro-brand>span{font:700 22px/1.1 Batang,serif;letter-spacing:-1px}.by-intro-brand small{display:block;font:9px/1.4 serif;letter-spacing:3px;margin-top:3px;color:#f5ded0}
.by-video-toggle{position:absolute;right:14px;top:18px;z-index:3;border:1px solid #ffffff70;background:#27172245;color:#fff;padding:8px 12px;border-radius:20px;font-size:11px;cursor:pointer;backdrop-filter:blur(6px)}
.by-video-toggle:focus-visible,.by-intro-brand:focus-visible{outline:2px solid #fff;outline-offset:4px}
.by-intro-content{position:absolute;z-index:2;left:20px;right:20px;bottom:22px;text-align:center;color:#fff}
.by-intro-content h1{margin:0 0 12px;color:#fff;font-family:Batang,serif;letter-spacing:-2px;text-shadow:0 3px 20px #13071288}
.by-intro-content h1>span{display:block;font-size:clamp(22px,7cqi,31px);font-weight:600;line-height:1.4;letter-spacing:3px;margin-bottom:5px}
.by-intro-content h1>strong{display:block;font-size:clamp(48px,17cqi,76px);font-weight:700;line-height:1.2;letter-spacing:-4px;color:#fff9ec}
.by-intro-content .by-intro-hook{color:#fff4e9;font-size:clamp(13px,3.7cqi,16px);line-height:1.7;margin:0 0 12px;word-break:keep-all}
.by-intro-content .by-intro-whisper{font-size:10px;color:#e3c7be;line-height:1.6;margin:0 0 20px;word-break:keep-all}
.by-intro-content .by-intro-start{background:#fff5e7;border:1px solid #fff9ef;color:#6f2839;border-radius:10px;min-height:48px;font-weight:700;font-size:13px;box-shadow:0 3px 15px #0002;padding:13px 10px}
.by-intro-note{display:block;color:#ead7d1;font-size:10px;margin-top:10px}
.by-intro-contents{display:inline-block;font-size:10px;color:#efdfd7;border-bottom:1px solid #efdfd755;padding-bottom:2px;margin-top:9px}
@media(max-width:360px){.by-intro-content{left:15px;right:15px;bottom:16px}.by-intro-content .by-intro-whisper{margin-bottom:12px}.by-intro-content h1{margin-bottom:9px}.by-intro-content .by-intro-hook{margin-bottom:8px}.by-intro-brand{top:14px;left:14px}}
.experience-stage.by-video-stage{width:min(100%,calc((100svh - 150px)*.5625));min-width:280px;margin:0 auto}.experience-intro:has(.by-video-stage){background:#291921}.by-intro-content .by-intro-hook{margin-bottom:18px}

@font-face{font-family:'Baekyaru Brush';src:url('assets/fonts/NanumBrushScript-Covers.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body #app .by-intro-content h1>strong{font-family:'Baekyaru Brush',cursive!important;font-weight:400;font-size:clamp(66px,22cqi,98px);letter-spacing:-.045em;line-height:1.08}