@font-face{font-family:SourceHanHeavy;src:url('./fonts/SourceHanSansSC-Heavy-subset.woff2?v=3') format('woff2');font-display:swap}@font-face{font-family:SourceHanNormal;src:url('./fonts/SourceHanSansSC-Normal-subset.woff2?v=3') format('woff2');font-display:swap}@font-face{font-family:MontBlack;src:url('./fonts/Montserrat-Black.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#707070;color:#171717}.phone-shell{--top-h:min(12.23vw,54px);--bottom-h:min(18.34vw,81px);position:fixed;inset:0;margin:auto;width:min(100%,440px);height:100dvh;overflow:hidden;background:#eee0c9;box-shadow:0 0 60px #0005}.topbar{position:absolute;z-index:100;inset:0 0 auto;height:var(--top-h);display:flex;align-items:center;justify-content:space-between;padding:0 3.6%;color:#f6eddb;background:#111 url('./assets/optimized/topbar.webp') center/100% 100% no-repeat}.brand{display:flex;align-items:flex-end;gap:11px;min-width:0}.brand strong{font:clamp(17px,5vw,24px)/1 SourceHanHeavy,sans-serif;white-space:nowrap}.brand span{padding-bottom:1px;font:clamp(7px,1.95vw,9px)/1 SourceHanHeavy,sans-serif;white-space:nowrap}.home-button{width:min(8.5vw,38px);height:min(8.5vw,38px);padding:0;border:0;background:none}.home-button img{width:100%;height:100%;object-fit:contain}.home-main{position:absolute;z-index:1;top:var(--top-h);bottom:var(--bottom-h);left:0;right:0;overflow:hidden;background:#eee0c9}.vlog-zone{position:absolute;z-index:20;inset:0 0 auto;height:calc(min(51.63vw,227px) + 28px)}.vlog-frame{position:relative;width:100%;height:min(51.63vw,227px);overflow:hidden;background:#161515;clip-path:polygon(0 2.5%,4% 1%,8% 2.2%,13% .6%,18% 2%,23% .8%,29% 2.4%,35% .9%,41% 2%,47% .5%,53% 2.2%,59% .8%,65% 2.5%,71% .7%,77% 2.1%,83% .6%,89% 2.4%,95% .8%,100% 2%,99.2% 20%,100% 39%,99.1% 57%,100% 76%,99% 97%,94% 99%,88% 97.6%,82% 99.2%,76% 97.8%,70% 99.4%,64% 97.5%,58% 99%,52% 97.7%,46% 99.3%,40% 97.6%,34% 99.1%,28% 97.5%,22% 99.2%,16% 97.7%,10% 99.3%,4% 97.8%,.8% 99%,0 80%,.9% 61%,0 42%,.8% 22%)}.vlog-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.vlog-slide.active{opacity:1}.vlog-slide video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.08)}.vlog-slide:after{content:"";position:absolute;inset:0;background:#0002;pointer-events:none}.title-logo{position:absolute;z-index:5;left:50%;top:8%;width:77%;height:80%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 2px 1px #0006);pointer-events:none}.play-button{position:absolute;z-index:8;right:2.5%;top:4%;display:grid;place-items:center;width:min(13vw,57px);height:min(13vw,57px);border:2px solid #111;border-radius:50%;background:#e9efdbed;color:#111;box-shadow:2px 2px 0 #a94442}.play-button span{font-size:17px;margin-left:3px}.play-button small{font:6px/1 MontBlack,sans-serif}.vlog-arrow{position:absolute;z-index:8;top:50%;width:9%;height:24%;transform:translateY(-50%);border:0;background:transparent;color:#fff;font:54px/1 SourceHanNormal,sans-serif;text-shadow:1px 2px 3px #000}.vlog-arrow.prev{left:0}.vlog-arrow.next{right:0}.vlog-dots{position:absolute;left:50%;bottom:4px;display:flex;gap:12px;transform:translateX(-50%)}.vlog-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cfc6b4}.vlog-dots button.active{background:#080808}.trip-stage{position:absolute;z-index:10;left:0;right:0;top:calc(min(51.63vw,227px) + 28px);bottom:0}.trip-deck{position:relative;width:100%;height:100%;outline:0;touch-action:none;user-select:none}.trip-card{position:absolute;left:50%;top:0;width:91.5%;aspect-ratio:976/688;transform-origin:50% 100%;transition:transform .58s cubic-bezier(.2,.85,.2,1),filter .4s;will-change:transform}.trip-card img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(1px 4px 2px #0005)}.bottombar{position:absolute;z-index:110;left:0;right:0;bottom:0;height:var(--bottom-h);display:grid;grid-template-columns:repeat(3,1fr);padding:2.6% 2% max(3px,env(safe-area-inset-bottom));background:#111 url('./assets/optimized/bottombar.webp') center/100% 100% no-repeat}.bottombar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:0;border:0;background:transparent;color:#f6eddb}.bottombar img{width:min(11vw,48px);height:min(10vw,44px);object-fit:contain}.bottombar span{font:clamp(11px,3.5vw,16px)/1 SourceHanNormal,sans-serif;white-space:nowrap}.toast{position:fixed;z-index:300;left:50%;bottom:12dvh;max-width:80%;transform:translate(-50%,12px);padding:8px 13px;border:1px solid #111;border-radius:999px;background:#f4ead6;font:12px SourceHanNormal,sans-serif;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-height:700px){.phone-shell{--top-h:42px;--bottom-h:67px}.vlog-frame{height:min(45vw,198px)}.vlog-zone{height:calc(min(45vw,198px) + 24px)}.trip-stage{top:calc(min(45vw,198px) + 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}