*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}body{background:#0a0608;font-family:Imprima,sans-serif;color:#fff}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}button:focus-visible{outline:2px solid #ead7ad;outline-offset:6px}.journey{height:480vh;--world:scale(1);--portal:scale(1);--cl:translateX(0);--cr:translateX(0);--po:1;--hero:1;--end:0}.sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.world,.portal,.curtain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;will-change:transform}.world{transform:var(--world);z-index:-5}.portal{transform:var(--portal);transform-origin:52% 38%;opacity:var(--po);z-index:-4}.curtain{z-index:-3}.curtain.left{transform:var(--cl)}.curtain.right{transform:var(--cr)}nav{position:absolute;top:0;left:0;right:0;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;z-index:50;animation:ui .9s .6s both}nav>div{display:flex;gap:30px}nav button{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}nav button:hover{color:#ead7ad}.sceneone{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--hero);animation:ui .9s .3s both;pointer-events:none}.title{position:absolute;top:46%;left:60px;max-width:440px;translate:0 -50%}.title h1{font:400 clamp(40px,4.5vw,72px)/1.05 "Viaoda Libre";letter-spacing:.03em}.title p{font-size:16px;line-height:1.65;opacity:.82;margin-top:24px}.cards{position:absolute;right:40px;top:50%;translate:0 -50%;display:flex;gap:16px;pointer-events:auto}.card{width:158px;height:158px;position:relative;overflow:hidden;border-radius:28px;text-align:left;background:#392f27;transition:transform .3s}.card:hover{transform:translateY(-8px) rotate(-2deg)}.card>img{width:100%;height:100%;object-fit:cover}.card>div{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 14px;background:linear-gradient(transparent,#000b);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;gap:8px}.card i{width:28px;height:28px;background:#fff;color:#222;display:grid;place-items:center;border-radius:50%}.card span{font-size:7px;letter-spacing:.08em}.card b{font:36px Viaoda Libre}.scenetwo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;opacity:var(--end);pointer-events:none;z-index:46;padding:24px;text-shadow:0 2px 20px #0006}.scenetwo h2{font:400 clamp(38px,6vw,78px)/1.05 "Viaoda Libre";letter-spacing:.03em}.scenetwo p{font-size:20px;line-height:1.6;max-width:480px;color:#ffffffd1;margin-top:28px}.dots{position:absolute;left:60px;bottom:46px;display:flex;gap:6px;opacity:var(--hero)}.dots i{width:14px;height:4px;background:#fff4;border-radius:3px}.dots i:first-child{width:28px;background:#fff}.descend{position:absolute;bottom:36px;left:50%;translate:-50% 0;font-size:10px;letter-spacing:.22em;color:#fff9;display:flex;align-items:center;flex-direction:column;gap:12px;opacity:var(--hero)}.descend span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #fff4;animation:bobUp 1.8s infinite}dialog{margin:auto;background:#20171a;color:#f2e7db;border:1px solid #f2e7db55;padding:36px;border-radius:24px;max-width:min(500px,90vw)}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font:40px Viaoda Libre;margin:20px 0}dialog p{font-size:15px;line-height:1.7;opacity:.8;margin-bottom:24px}.close{float:right}.continue{padding:12px 20px;border:1px solid #ead7ad;color:#ead7ad;border-radius:50px;font-size:12px}@keyframes bobUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ui{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(max-width:1099px){.title{top:24%;left:50%;translate:-50% 0;max-width:400px;text-align:center;color:#3b1a0a;width:90%}.title h1{font-size:48px}.title p{font-size:15px}.cards{right:auto;left:50%;top:58%;translate:-50% 0}.card{width:145px;height:145px}nav{padding:22px 28px}nav>div{gap:20px}nav button{font-size:9px}}@media(max-width:767px){nav{padding:18px 20px}nav>div button:not(:first-child){display:none}.title{top:23%;max-width:280px}.title h1{font-size:38px}.title p{font-size:14px}.title p br{display:none}.cards{top:57%}.card{width:180px;height:180px}.card:not(:first-child){display:none}.descend{display:none}.dots{left:50%;translate:-50% 0;bottom:36px}.scenetwo p{font-size:14px;max-width:260px}}@media(prefers-reduced-motion:reduce){.journey{height:200vh}.sticky{height:100vh}.curtain{display:none}.portal{opacity:.4}.scenetwo{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sceneone{animation:none}.sceneone .title,.sceneone .cards{animation:ui .9s .3s both}.sceneone .title,.sceneone .cards{animation:none}.cards .card:nth-child(1) img{object-position:15% center}.cards .card:nth-child(2) img{object-position:50% 65%}.cards .card:nth-child(3) img{object-position:85% center}.curtain.right{scale:-1 1}