*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fffff1;--accent:#f1cc48;--dark:#1e1208;--mid:#3d2b10;--text:#2a1a08}body{background:var(--bg);color:var(--text);justify-content:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.app{width:100%;max-width:430px;min-height:100vh;position:relative;overflow-x:clip}.header{background:var(--accent);z-index:100;justify-content:space-between;align-items:center;width:100%;max-width:430px;padding:18px 24px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.header-logo{color:#fff;cursor:pointer;font-size:20px;font-weight:700;text-decoration:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.hamburger span{background:var(--dark);border-radius:2px;width:26px;height:3px;transition:all .3s;display:block}.menu-backdrop{z-index:199;background:#00000073;display:none;position:fixed;inset:0}.menu-backdrop.open{display:block}.menu-overlay{background:var(--bg);z-index:200;flex-direction:column;width:82%;max-width:340px;height:100vh;min-height:100%;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.menu-overlay.open{transform:translate(0)}.menu-header{background:var(--accent);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.menu-header-logo{color:#fff;font-size:17px;font-weight:700}.menu-close{cursor:pointer;width:36px;height:36px;color:var(--dark);background:#00000026;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:900;line-height:1;display:flex}.menu-nav{flex-direction:column;flex:1;padding:8px 0;display:flex}.menu-nav a{color:var(--dark);cursor:pointer;border-bottom:1px solid #00000012;align-items:center;gap:12px;padding:15px 24px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.menu-nav a:last-child{border-bottom:none}.menu-nav a:active{background:#f1cc4833}.menu-nav-icon{background:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.menu-nav-icon svg{width:18px;height:18px;fill:var(--dark)}.menu-footer{color:var(--mid);border-top:1px solid #00000014;padding:20px 24px;font-size:12px}.page{min-height:100vh;padding-top:62px;display:block}.welcome-hero{height:42vh;position:relative;overflow:hidden}.welcome-hero-img{object-fit:cover;object-position:center center;filter:grayscale(30%);width:100%;height:100%}.tower-placeholder{background:linear-gradient(#5a4a2a 0%,#3d2b10 60%,#1e1208 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.welcome-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));height:200px;position:absolute;bottom:0;left:0;right:0}.welcome-body{text-align:center;padding:28px 28px 48px}.welcome-body h1{color:var(--dark);margin-bottom:8px;font-size:42px;font-weight:900;line-height:1.05}.welcome-body .welcome-sub{color:var(--mid);margin-bottom:24px;font-size:18px;font-weight:700}.welcome-body p{color:var(--text);margin-bottom:36px;font-size:17px;font-weight:400;line-height:1.65}.btn-primary{background:var(--accent);color:var(--dark);cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-family:Outfit,sans-serif;font-size:18px;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 16px #f1cc4866}.btn-primary:active{transform:scale(.97)}.welcome-stats{border-top:1px solid #0000001a;justify-content:center;gap:32px;margin-top:40px;padding-top:32px;display:flex}.stat{text-align:center}.stat-num{color:var(--dark);font-size:30px;font-weight:900}.stat-label{color:var(--mid);margin-top:2px;font-size:13px;font-weight:400}.overview-body{padding:28px 24px 48px}.overview-body h1{color:var(--dark);margin-bottom:6px;font-size:36px;font-weight:900}.overview-sub{color:var(--mid);margin-bottom:32px;font-size:15px}.timeline{padding-left:56px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), #f1cc4833);width:3px;position:absolute;top:12px;bottom:12px;left:20px}.stop{cursor:pointer;margin-bottom:8px;position:relative}.stop-dot{background:var(--bg);border:3px solid var(--accent);border-radius:50%;width:20px;height:20px;transition:background .2s;position:absolute;top:18px;left:-44px}.stop.visited .stop-dot{background:var(--accent)}.stop-card{background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s;display:flex;box-shadow:0 2px 10px #00000012}.stop-card:active{transform:scale(.98)}.stop-num{color:var(--accent);background:var(--dark);white-space:nowrap;text-align:center;border-radius:8px;min-width:40px;padding:3px 8px;font-size:11px;font-weight:700}.stop-info{flex:1}.stop-name{color:var(--dark);font-size:16px;font-weight:700}.stop-meta{color:var(--mid);margin-top:2px;font-size:13px}.stop-arrow{color:var(--accent);font-size:18px;font-weight:900}.transition-bg{position:fixed;inset:0;overflow:hidden}.transition-bg img{object-fit:cover;filter:blur(6px);width:100%;height:100%;display:block;transform:scale(1.05)}.transition-overlay{background:#140a0399;position:absolute;inset:0}.transition-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px 32px;display:flex;position:absolute;inset:0}.transition-text{color:#fff;font-size:clamp(22px,6vw,32px);font-weight:900;line-height:1.2}.transition-btn{background:var(--accent);color:var(--dark);cursor:pointer;border:none;border-radius:50px;padding:16px 48px;font-family:inherit;font-size:18px;font-weight:900}.content-hero{aspect-ratio:4/5;background:var(--bg);width:100%;margin-bottom:-1px;position:relative;overflow:hidden}.content-hero-img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.content-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));pointer-events:none;z-index:2;height:30%;position:absolute;bottom:0;left:0;right:0}.slider-track{width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.slider-slide{flex:0 0 100%;height:100%}.slider-slide img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.content-hero.color .slider-slide img,.content-hero.color .content-hero-img{filter:none}.slider-arrow{z-index:4;cursor:pointer;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:active{background:#0009}.slider-arrow svg{fill:#fff;width:20px;height:20px}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.van-raan-card{background:var(--dark);border-radius:16px;align-items:flex-start;gap:14px;padding:16px;display:flex}.audio-player-wrap{margin:12px -24px 0;padding-top:18px;position:relative}.audio-portrait{object-fit:contain;object-position:bottom center;z-index:2;width:100px;height:132px;position:absolute;bottom:0;left:0}.audio-card{background:var(--dark);box-sizing:border-box;border-radius:0;width:100%;padding:14px 24px 14px 108px}.audio-name-row{align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.audio-guide-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.audio-guide-name{color:#fff;white-space:nowrap;font-size:clamp(13px,3.8vw,17px);font-weight:900;line-height:1.2}.audio-controls{align-items:center;gap:12px;display:flex}.audio-controls-info{flex:1;min-width:0}.audio-label{letter-spacing:.07em;text-transform:uppercase;color:#fff6;margin-top:6px;font-size:10px;font-weight:700}.van-raan-avatar{object-fit:cover;object-position:top center;border:2.5px solid var(--accent);border-radius:50%;flex-shrink:0;width:64px;height:64px}.text-toggle{color:var(--mid);cursor:pointer;background:0 0;border:1.5px solid #00000024;border-radius:50px;align-items:center;gap:8px;margin:24px auto 0;padding:9px 20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:border-color .15s,color .15s;display:flex}.text-toggle svg{fill:none;stroke:currentColor;stroke-width:2.5px;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.text-toggle.open svg{transform:rotate(180deg)}.text-toggle:active{border-color:var(--accent);color:var(--dark)}.vanraan-page{flex-direction:column;min-height:100vh;display:flex}.vanraan-hero{background:var(--dark);height:90vw;max-height:500px;position:relative;overflow:hidden}.vanraan-hero img{object-fit:cover;object-position:top center;width:100%;height:100%}.vanraan-hero:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));height:50%;position:absolute;bottom:0;left:0;right:0}.vanraan-body{padding:24px 24px 48px}.vanraan-body h1{color:var(--dark);margin-bottom:4px;font-size:40px;font-weight:900;line-height:1.05}.vanraan-body .vanraan-sub{color:var(--accent);background:var(--dark);border-radius:6px;margin-bottom:20px;padding:3px 10px;font-size:16px;font-weight:700;display:inline-block}.vanraan-body p{color:var(--text);margin-bottom:16px;font-size:16px;line-height:1.75}.van-raan-body{flex:1;min-width:0}.van-raan-name{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700}.van-raan-role{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.van-raan-quote{color:#ffffffe0;font-size:13px;font-style:italic;font-weight:400;line-height:1.55}.van-raan-quote:before{content:"“"}.van-raan-quote:after{content:"”"}.slider-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#ffffff73;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.slider-dot.active{background:#fff;transform:scale(1.3)}.audio-play-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .15s;display:flex}.audio-play-btn:active{transform:scale(.93)}.audio-play-btn:disabled{opacity:.35;cursor:default}.audio-play-btn svg{width:20px;height:20px;fill:var(--dark);margin-left:3px}.audio-pause-icon,#audio-player.playing .audio-play-icon{display:none}#audio-player.playing .audio-pause-icon{margin-left:0;display:block}.waveform{flex:1;align-items:center;gap:2px;height:32px;display:flex}.waveform-bar{background:#78a03773;border-radius:2px;flex:1;transition:background .1s}.waveform-bar.active{background:#96c841e6}.audio-time{color:#fff9;flex-shrink:0;font-size:13px;font-weight:700}.content-caption{text-align:center;padding:12px 0 0}.content-title{color:var(--dark);white-space:nowrap;margin-bottom:4px;font-size:clamp(28px,8vw,44px);font-weight:900;line-height:1.05}.content-subtitle{color:var(--mid);margin-bottom:2px;font-size:17px;font-weight:700}.content-meta{color:var(--mid);margin-bottom:0;font-size:13px;font-weight:700}.content-body{text-align:center;padding:0 24px 48px}.content-meta span{background:var(--accent);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin:0 8px 2px;display:inline-block}.content-text{color:var(--text);text-align:left;border-top:1px solid #00000014;margin-top:24px;padding-top:24px;font-size:17px;font-weight:400;line-height:1.75;display:none}.content-text.visible{display:block}.content-text p+p{margin-top:20px}.bonus-section{text-align:left;border-top:1px solid #0000001a;margin-top:32px;padding-top:28px}.bonus-header{letter-spacing:.07em;text-transform:uppercase;color:var(--mid);margin-bottom:12px;font-size:13px;font-weight:700}.bonus-item{background:#fff;border:1.5px solid #0000001a;border-radius:14px;margin-bottom:8px;overflow:hidden}.bonus-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-family:Outfit,sans-serif;display:flex}.bonus-toggle-label{color:var(--dark);font-size:15px;font-weight:700}.bonus-toggle-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .25s;display:flex}.bonus-toggle-icon svg{width:14px;height:14px;fill:var(--dark)}.bonus-item.open .bonus-toggle-icon{transform:rotate(45deg)}.bonus-body{padding:0 16px 16px;display:none}.bonus-item.open .bonus-body{display:block}.bonus-img{object-fit:cover;background:var(--bg);border-radius:10px;width:100%;margin-bottom:6px;display:block}.bonus-img-caption{color:var(--mid);margin-bottom:12px;font-size:12px;font-style:italic;line-height:1.4}.bonus-slider{background:var(--bg);border-radius:10px;width:100%;margin-bottom:6px;position:relative;overflow:hidden}.bonus-slider-track{height:100%;transition:transform .3s;display:flex}.bonus-slider-track img,.bonus-slider-track video{object-fit:cover;flex-shrink:0;width:100%;height:100%;display:block}.bonus-slider-arrow{cursor:pointer;color:#fff;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.bonus-slider-arrow.prev{left:8px}.bonus-slider-arrow.next{right:8px}.bonus-text{color:var(--text);font-size:15px;line-height:1.7}.bonus-text p+p{margin-top:12px}.content-nav{border-top:1px solid #0000001a;gap:12px;margin-top:40px;padding-top:32px;display:flex}.btn-secondary{border:2.5px solid var(--accent);color:var(--dark);cursor:pointer;background:0 0;border-radius:50px;flex:1;padding:13px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:background .15s}.btn-secondary:active{background:#f1cc4833}.btn-next{background:var(--accent);color:var(--dark);cursor:pointer;border:none;border-radius:50px;flex:2;padding:13px 20px;font-family:Outfit,sans-serif;font-size:15px;font-weight:900;transition:transform .15s}.btn-next:active{transform:scale(.97)}.bottom-nav{z-index:100;background:#fff;border-top:1px solid #00000014;width:100%;max-width:430px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-btn{cursor:pointer;color:#aaa;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 8px 14px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:color .15s;display:flex}.bottom-nav-btn.active{color:var(--dark)}.bottom-nav-btn svg{width:22px;height:22px}.page{padding-bottom:72px}.toast{background:var(--dark);color:#fff;opacity:0;pointer-events:none;z-index:300;white-space:nowrap;border-radius:50px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.img-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.bg-tower{background:linear-gradient(#6b5530 0%,#3d2b10 100%)}.bg-bell{background:linear-gradient(#888 0%,#444 100%)}.bg-clock{background:linear-gradient(#7a6040 0%,#3d2b10 100%)}.bg-view{background:linear-gradient(#87ceeb 0%,#5a9fd4 100%)}.bg-stairs{background:linear-gradient(#555 0%,#222 100%)}.desktop-nav{display:none}@media (width>=768px){.app{max-width:768px}.header{max-width:768px;padding:18px 36px}.welcome-hero{height:52vh}.welcome-body{padding:40px 56px 64px}.welcome-body h1{font-size:54px}.welcome-body .welcome-sub{font-size:20px}.overview-body{padding:36px 56px 64px}.vanraan-body{padding:40px 56px 80px}.content-body{padding:0 48px 64px}.audio-player-wrap{margin:12px -48px 0}}@media (width>=1024px){.app{max-width:1280px}.header{max-width:1280px;height:68px;padding:0 64px}.header-logo{font-size:22px}.hamburger{display:none}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav a{color:var(--dark);cursor:pointer;white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:700;transition:background .15s}.desktop-nav a:hover{background:#0000001a}.desktop-nav a.dnav-active{background:var(--dark);color:var(--accent)}.bottom-nav{display:none}.page{padding-top:68px}.welcome-hero{height:62vh}.welcome-body{max-width:820px;margin:0 auto;padding:64px 64px 96px}.welcome-body h1{font-size:72px}.welcome-body .welcome-sub{font-size:24px}.welcome-body p{font-size:19px}.welcome-stats{gap:72px;margin-top:56px}.stat-num{font-size:44px}.overview-body{padding:64px 96px 96px}.overview-body h1{font-size:52px}.overview-sub{font-size:17px}.timeline{grid-template-columns:repeat(2,1fr);gap:12px;padding-left:0;display:grid}.timeline:before,.stop-dot{display:none}.stop-card{padding:18px 20px}.stop-name{font-size:17px}#page-content{align-items:stretch;min-height:calc(100vh - 68px);padding-top:0;display:flex}#page-content .content-hero{width:50%;aspect-ratio:unset;flex-shrink:0;height:calc(100vh - 68px);margin-bottom:0;position:sticky;top:68px}#page-content .content-body{text-align:left;flex:1;padding:56px 72px 96px;overflow-y:auto}.content-caption{text-align:left;padding-top:8px}.content-title{white-space:normal;font-size:clamp(32px,3vw,56px)}.content-subtitle{font-size:18px}.audio-player-wrap{margin:20px -72px 0}.bonus-tabs{flex-wrap:wrap}.content-nav{margin-top:40px}.vanraan-hero{height:45vw;max-height:600px}.vanraan-body{max-width:840px;margin:0 auto;padding:64px 64px 96px}.vanraan-body h1{font-size:60px}.transition-text{font-size:40px}.transition-btn{padding:18px 64px;font-size:20px}}