@font-face{font-family:Travee Sans;src:url('../intro/manrope.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#172331;--violet:#342763;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font:500 16px/1.5 'Travee Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:disabled{cursor:default;opacity:.6}[hidden]{display:none!important}
.travee-sequence{height:190svh;position:relative}.travee{height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden;background:var(--ink);isolation:isolate}
.travee-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}.travee-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.travee-city{transform:scale(1)}.travee-room{transform-origin:38% 45%;transform:scale(1);will-change:transform}.travee-photo::after{content:'';position:absolute;inset:0;background:rgb(7 17 28 / var(--travee-shade,.25))}
.travee-header{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:29px 4.2%;gap:24px;z-index:3}.travee-logo{font-size:15px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-decoration:none;white-space:nowrap}.travee-menu-button{width:48px;height:48px;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;gap:6px;padding:8px}.travee-menu-button span{display:block;height:1.5px;width:28px;background:#fff}.travee-menu-button span:nth-child(2){width:20px}
.travee-meta,.travee-descriptor{position:absolute;top:33.5%;margin:0;font-size:clamp(12px,1.17vw,16px);font-weight:600;line-height:1.5;text-shadow:0 1px 4px rgb(0 0 0 / .25)}.travee-meta{left:4.2%;list-style:none;padding:0}.travee-descriptor{left:58.4%;right:4.2%}
.travee-title{margin:0;position:absolute;inset:0;font-weight:600;line-height:1;pointer-events:none;font-size:clamp(56px,8.2vw,132px);letter-spacing:0}.travee-title span{position:absolute;top:0;left:0;display:block;white-space:nowrap;will-change:transform}.travee-title span:nth-child(1){left:4.2%;top:calc(61% - .76em)}.travee-title span:nth-child(2){left:4.2%;top:calc(61% + .26em)}.travee-title span:nth-child(3){left:auto;right:4.2%;top:calc(61% + .26em)}.travee-title span:nth-child(4){left:auto;right:4.2%;top:calc(61% + 1.28em)}.travee-ready .travee-title span{top:0;left:0;right:auto}
.travee-entry{position:absolute;inset:0;background:var(--violet);pointer-events:none;transform:scaleY(0);transform-origin:top;z-index:4}.travee-entry:not([hidden]){will-change:transform}
.travee-pause{position:absolute;left:4.2%;bottom:20px;font-size:11px;line-height:1.4;padding:6px 0;opacity:.8;text-shadow:0 1px 4px #000;text-underline-offset:4px}.travee-pause:hover{text-decoration:underline}
.concept-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4.2%;font-size:13px;color:#e0eaf0}.concept-caption p{margin:0}.concept-caption a{text-underline-offset:5px}
.travee-menu{position:fixed;inset:0;margin:0;width:100%;height:100svh;max-width:none;max-height:none;padding:29px 4.2%;border:0;background:var(--violet);color:#fff}.travee-menu::backdrop{background:transparent}.travee-menu-top{display:flex;justify-content:space-between;align-items:center}.travee-menu-close{font-size:32px;font-weight:400;line-height:1;width:48px;height:48px}.travee-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:clamp(70px,15svh,150px)}.travee-menu nav button,.travee-menu nav a{font-size:clamp(30px,5vw,68px);font-weight:600;line-height:1.15;letter-spacing:-.025em;padding:0;text-decoration:none}.travee-menu nav button:hover,.travee-menu nav a:hover{text-decoration:underline;text-underline-offset:8px}.travee-menu footer{position:absolute;left:4.2%;bottom:36px;font-size:13px}.travee-menu footer a{text-underline-offset:5px}
.travee-panel{max-width:780px;width:calc(100% - 32px);max-height:90svh;overflow:auto;background:#f4f6f8;color:var(--ink);border:0;padding:30px;color-scheme:light}.travee-panel::backdrop{background:rgb(4 16 28 / .85)}.travee-panel form{text-align:right}.travee-panel form button{color:var(--ink);padding:8px 0}.travee-panel h2{font:600 clamp(28px,5vw,48px)/1.1 'Travee Sans',Arial;letter-spacing:-.025em;margin:20px 0 24px;text-wrap:balance}.travee-panel h3{font-size:22px;font-weight:600}.travee-panel img{display:block;width:100%;max-height:440px;object-fit:cover}.travee-panel p{max-width:65ch}.travee-panel footer{margin-top:30px;padding-top:18px;border-top:1px solid #b6c9d2;font-size:13px}
@media(max-width:759px){.travee{min-height:500px}.travee-header{padding:22px 24px}.travee-logo{font-size:12px;letter-spacing:.16em}.travee-meta{left:24px;top:25%;font-size:12px}.travee-descriptor{left:24px;right:24px;top:37.5%;font-size:12px}.travee-title{font-size:11.2vw}.travee-title span:nth-child(1){top:53%;left:24px}.travee-title span:nth-child(2){top:61%;left:24px}.travee-title span:nth-child(3){top:69%;right:24px}.travee-title span:nth-child(4){top:77%;right:24px}.travee-ready .travee-title span{top:0;left:0;right:auto}.travee-pause{left:24px;bottom:18px}.concept-caption{padding:24px;align-items:flex-start;flex-direction:column;gap:10px}.travee-menu{padding:22px 24px}.travee-menu footer{left:24px}.travee-menu nav{margin-top:90px}.travee-panel{padding:20px}}
@media(max-height:480px) and (min-width:760px){.travee{min-height:360px}.travee-header{padding-top:12px}.travee-meta,.travee-descriptor{font-size:11px}.travee-pause{bottom:8px}}
@media(prefers-reduced-motion:reduce){.travee-sequence{height:100svh}.travee-title span{will-change:auto}.travee-entry{display:none}}