:root{--ink:#192747;--snow:#f2f4fc;--blue:#2851e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:#162442;color:var(--ink);font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffc371;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:white;color:#182747;padding:14px}.skip:focus{top:20px}header{position:absolute;top:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:26px 5%;color:white;font-size:12px}nav{display:flex;gap:25px;align-items:center}nav button,nav a{border:0;background:transparent;padding:8px 0;color:white}nav a:hover,nav button:hover{text-decoration:underline}#motion{opacity:.8}.journey{height:290vh;height:290svh;position:relative}.stage{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;background:#12213e}.exterior{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}.shade{position:absolute;inset:0;background:#101c32;opacity:0;pointer-events:none}.arrival{position:absolute;left:7%;top:20%;color:white;z-index:3;will-change:opacity}.arrival h1{font-size:clamp(110px,15vw,240px);line-height:.8;letter-spacing:0;margin:0 0 42px;font-weight:700}.arrival p{font-size:clamp(25px,3vw,43px);line-height:1.08;letter-spacing:-.035em;margin:0 0 32px}.enter{background:rgba(255,255,255,.95);color:#2747b9;border:0;padding:15px 22px;border-radius:3px;font-size:14px;display:flex;gap:42px;align-items:center}.enter:hover{background:#fff}.window{position:absolute;overflow:hidden;background:#bf904f;will-change:width,height,left,top;isolation:auto}.window img,.window video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.window video{opacity:0;transition:opacity .4s}.window video.ready{opacity:1}.window-label{position:absolute;color:#fff6de;font-size:13px;pointer-events:none;text-shadow:0 1px 3px #48301b}.inside-caption{position:absolute;left:7%;right:7%;bottom:5%;display:flex;align-items:center;justify-content:space-between;color:white;opacity:0;pointer-events:none}.inside-caption p{font-size:21px;letter-spacing:-.02em}.inside-caption button{background:transparent;color:white;border:1px solid #758093;border-radius:30px;padding:10px 18px;font-size:12px}.inside-caption.active{pointer-events:auto}.scroll-note{position:absolute;bottom:5%;left:7%;color:#fff;display:flex;gap:25px;align-items:center;font-size:12px;text-shadow:0 1px 6px #34518e}.progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ffffff20}.progress i{display:block;height:100%;width:0;background:#ffd38a}.fortune{background:var(--snow);padding:95px 8% 90px}.eyebrow{font-size:13px;letter-spacing:.02em;margin:0 0 35px}.fortune-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}h2{font-size:clamp(44px,6vw,86px);letter-spacing:-.05em;line-height:1.02;margin:0}.fortune h2{max-width:450px}.receipt{background:#fffdf4;padding:30px;color:#32372e;box-shadow:0 12px 35px #2335510d;font-family:'Courier New',monospace;transform:rotate(1deg);border-bottom:4px dotted #dfe5ee}.receipt-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.06em;padding-bottom:30px}.receipt-row,.receipt-total{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:17px 0}.receipt-total{border-top:1px dashed #a5aa9c;padding-top:21px;margin-top:27px;font-size:18px}.receipt button{border:1px solid #485143;background:transparent;border-radius:2px;padding:10px 15px;margin-top:12px;font:12px 'Courier New',monospace}.receipt button:hover{background:#eef2e5}.receipt p{font-size:11px;line-height:1.5;min-height:2em;color:#74796c}.about{font-size:20px;line-height:1.55;margin:50px 0 0;max-width:500px;color:#6e7890}.belong{background:var(--blue);color:white;padding:80px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.belong h2{font-size:clamp(44px,6vw,75px)}.belong p:not(.eyebrow){font-size:16px;line-height:1.6;margin-top:28px}.community-links{display:flex;gap:35px;margin-top:38px;font-size:24px}.community-links span{display:flex;flex-direction:column;gap:8px}.community-links small{font-size:10px;opacity:.65}.belong .contract{font-size:11px!important;opacity:.6;max-width:290px}.souvenir{background:#f2ede2;padding:13px 13px 0;transform:rotate(-3deg);color:#354364;box-shadow:0 15px 30px #071e6529}.souvenir img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}.souvenir a{display:flex;justify-content:space-between;gap:12px;padding:22px 6px;font-size:12px}.souvenir a:hover{text-decoration:underline}footer{background:#f2f4fc;padding:30px 8%;display:flex;align-items:center;justify-content:space-between;color:#69758e;font-size:11px}footer button{border:0;background:transparent;font-size:12px}.still .journey{height:200svh}.still .exterior,.still .window{will-change:auto}@media(max-width:760px){header{padding:20px 6%}.place{display:none}nav{justify-content:space-between;width:100%;gap:12px;font-size:11px}.arrival{top:16%;left:7%}.arrival h1{font-size:105px;margin-bottom:28px}.arrival p{font-size:29px}.enter{font-size:12px;padding:13px 17px;gap:25px}.inside-caption{bottom:6%;left:6%;right:6%}.inside-caption p{font-size:17px;max-width:160px}.fortune{padding:65px 7%}.fortune-grid{grid-template-columns:1fr;gap:40px}.fortune h2{max-width:330px;font-size:56px}.receipt{padding:24px;max-width:450px}.about{font-size:18px;margin-top:35px}.belong{grid-template-columns:1fr;padding:65px 7%;gap:50px}.souvenir{max-width:430px}.belong h2{font-size:60px}.community-links{font-size:22px}footer{padding:25px 6%;gap:16px;font-size:9px}footer button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

@media(max-width:760px){.exterior{mask-image:linear-gradient(to bottom,transparent,#000 14%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%)}.arrival{top:13%}.window-label{display:none}}

.window video{z-index:2}.window.playing>img{visibility:hidden}.inside-caption{z-index:4;text-shadow:0 2px 12px #0009}.inside-caption button{background:#132038a8;border-color:#ffffff70;backdrop-filter:blur(10px)}.window::after{content:"";position:absolute;inset:65% 0 0;z-index:3;pointer-events:none;background:linear-gradient(transparent,#0c162766)}

.postcard-scene{position:relative;aspect-ratio:4/3;overflow:hidden}.postcard-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1}.postcard-scene.is-playing video{opacity:1}.postcard-scene.is-playing img{visibility:hidden}#seat-motion{position:absolute;right:10px;bottom:10px;z-index:2;background:#132038a8;border:1px solid #ffffff60;color:white;border-radius:20px;padding:6px 10px;font-size:10px;backdrop-filter:blur(8px)}