/* vesperia.io/travel — built from the Claude Design file "Glossia Travel.dc.html"
   (project 208cc8cd-62c1-492d-a221-455edc7d8344; local copy in the gitignored design/travel/).
   The design's inline styles became the .tN classes below (doubled so they outrank a / a:hover,
   as an inline style would); the CSP in _headers allows no inline styles. */
html{scroll-behavior:smooth}
body{margin:0;background:#f4efe4;color:#211b12;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#0f6b60;text-decoration:none}a:hover{color:#0a4f47}
button,input{font-family:inherit}
[hidden]{display:none!important}
@keyframes gpulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes grise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes gbreathe{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes gtick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gorb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(-60px,40px) scale(1.12)}66%{transform:translate(40px,-50px) scale(.94)}100%{transform:translate(0,0) scale(1)}}
@keyframes gorb2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,60px) scale(1.18)}100%{transform:translate(0,0) scale(1)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:820px){[data-wide]{display:none!important}}
@media (min-width:821px){[data-narrow]{display:none!important}}

/* ---- from the design's inline styles ---- */
.t1.t1{position:sticky;top:0;z-index:50;background:rgba(244,239,228,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(33,27,18,.1)}
.t2.t2{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}
.t3.t3{font-size:19px;font-weight:700;letter-spacing:-.03em;color:#211b12;display:inline-flex;align-items:baseline;gap:10px}
.t4.t4{font-size:13px;font-weight:600;color:#6b6153;letter-spacing:0}
.t5.t5{display:flex;gap:22px;font-size:14px;font-weight:600;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.t6.t6{color:#4a453d}
.t7.t7{flex:none;margin-left:auto;background:#12292e;color:#eef2f1;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}
.t7.t7:hover{background:#0f6b60;color:#fff}
.t8.t8{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(460px,42%)),1fr));min-height:calc(100vh - 60px);max-width:1680px;margin:0 auto}
.t9.t9{padding:clamp(36px,4.5vw,64px) clamp(24px,4.5vw,56px);display:flex;flex-direction:column;justify-content:center}
.t10.t10{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6153;animation:grise .8s ease both}
.t11.t11{width:8px;height:8px;border-radius:50%;background:#0f6b60;animation:gpulse 1.6s ease-in-out infinite}
.t12.t12{font-size:clamp(36px,4.2vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:16px 0 0;text-wrap:balance;animation:grise .8s .1s ease both}
.t13.t13{font-size:clamp(16px,1.25vw,18px);line-height:1.5;color:#4a453d;max-width:540px;margin:14px 0 0;text-wrap:pretty;animation:grise .8s .2s ease both}
.t14.t14{margin-top:24px;display:grid;gap:14px;animation:grise .8s .25s ease both}
.t15.t15{display:grid;gap:8px}
.t16.t16{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6153}
.t17.t17{display:flex;gap:8px;flex-wrap:wrap}
.t18.t18{display:grid;gap:6px}
.t19.t19{display:flex;align-items:center;gap:10px}
.t20.t20{font-size:15px;font-weight:600;letter-spacing:-.01em;flex:1}
.t21.t21{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8072;flex:none}
.t22.t22{overflow:hidden}
.t23.t23{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14px;line-height:1.45;padding:10px 0 2px 18px}
.t24.t24{color:#8a3b1e;font-weight:600}
.t25.t25{color:#0f6b60;font-weight:600}
.t26.t26{color:#211b12}
.t27.t27{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.t28.t28{font-size:13.5px;color:#6b6153}
.t29.t29{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px;animation:grise .8s .3s ease both}
.t30.t30{background:#0f6b60;color:#f2fbf9;border-radius:999px;padding:15px 24px;font-size:16px;font-weight:600;box-shadow:0 10px 28px -10px rgba(15,107,96,.6)}
.t30.t30:hover{background:#0d5c53;color:#fff}
.t31.t31{border:1.5px solid rgba(33,27,18,.25);color:#211b12;border-radius:999px;padding:15px 22px;font-size:16px;font-weight:600}
.t31.t31:hover{border-color:#211b12;color:#211b12}
.t32.t32{font-size:14px;color:#6b6153}
.t33.t33{margin-top:auto;padding-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 28px;font-size:14px;line-height:1.45;color:#6b6153;animation:grise .8s .4s ease both}
.t34.t34{display:block;color:#211b12;font-weight:600}
.t35.t35{background:#0f6b60;color:#f2fbf9;padding:clamp(32px,4vw,52px) clamp(16px,2.5vw,44px);display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative;overflow:hidden}
.t36.t36{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.t37.t37{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:999px;background:rgba(0,0,0,.2)}
.t38.t38{font-size:13px;color:#bfe3dc}
.t39.t39{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:clamp(12px,2vw,28px);align-items:start;justify-items:center}
.t40.t40{display:grid;gap:10px;width:100%;max-width:250px;justify-items:center}
.t41.t41{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#bfe3dc;text-align:center}
.t42.t42{position:relative;width:100%;aspect-ratio:9/19;box-sizing:border-box;background:#1c1c1f;border-radius:40px;padding:9px;box-shadow:0 30px 60px -28px rgba(0,0,0,.6),0 0 0 2px #3a3a40,inset 0 0 0 1px rgba(255,255,255,.08)}
.t43.t43{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#f6f6f7;color:#1c1c1f}
.t44.t44{position:absolute;top:0;left:0;right:0;height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12.5px;font-weight:600;z-index:2}
.t45.t45{width:15px;height:9px;border:1.5px solid #1c1c1f;border-radius:3px;position:relative;display:inline-block}
.t46.t46{position:absolute;left:1px;top:1px;bottom:1px;width:8px;background:#1c1c1f;border-radius:1px}
.t47.t47{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:90px;height:5px;border-radius:3px;background:rgba(28,28,31,.35);z-index:2}
.t48.t48{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f2fbf9;text-align:center}
.t49.t49{position:relative;width:100%;aspect-ratio:9/19;box-sizing:border-box;background:#0b0b0c;border-radius:40px;padding:9px;box-shadow:0 30px 60px -28px rgba(0,0,0,.7),0 0 0 2px #2a2a2e,inset 0 0 0 1px rgba(255,255,255,.08)}
.t50.t50{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#0f6b60}
.t51.t51{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:90px;height:5px;border-radius:3px;background:rgba(242,251,249,.6);z-index:2}
.t52.t52{min-height:44px;text-align:center;font-size:14px;line-height:1.4;font-weight:600;color:#f2fbf9}
.t53.t53{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px;color:#bfe3dc;min-height:40px}
.t54.t54{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid rgba(242,251,249,.6);background:transparent;color:#f2fbf9;animation:grise .5s ease both}
.t54.t54:hover{background:#f2fbf9;color:#0f6b60}
.t55.t55{background:#12292e;color:#b7c6c8;padding:14px 0;overflow:hidden;font-size:14.5px;font-weight:600;letter-spacing:.01em}
.t56.t56{max-width:1280px;margin:0 auto;padding:clamp(64px,8vw,120px) 24px}
.t57.t57{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.t58.t58{max-width:720px}
.t59.t59{font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b6153}
.t60.t60{font-size:clamp(34px,4vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:14px 0 0;text-wrap:balance}
.t61.t61{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.t62.t62{margin-top:32px;border:1px solid rgba(33,27,18,.12);border-radius:22px;overflow:hidden;background:rgba(33,27,18,.12);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) repeat(5,minmax(0,1fr));gap:1px;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.t63.t63{background:#f4efe4;padding:14px 16px}
.t64.t64{background:#12292e;color:#eef2f1;padding:14px 16px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.t65.t65{background:#f4efe4;padding:14px 16px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6153}
.t66.t66{background:#fff;padding:14px 16px;font-weight:600}
.t67.t67{background:#f6fbfa;padding:14px 16px;color:#0f6b60;font-weight:600}
.t68.t68{margin-top:16px;border:1px solid rgba(33,27,18,.12);border-radius:22px;overflow:hidden;background:rgba(33,27,18,.12);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.t69.t69{background:#fff;padding:14px 16px;grid-column:1/-1;font-weight:600;font-size:14px}
.t70.t70{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.t71.t71{background:#fff;border-radius:18px;padding:18px 20px;display:grid;gap:8px;box-shadow:0 1px 3px rgba(33,27,18,.07)}
.t72.t72{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a3b1e}
.t73.t73{font-size:15.5px;line-height:1.45;color:#211b12}
.t74.t74{font-size:13px;color:#6b6153}
.t75.t75{margin-top:18px;display:grid;gap:6px;font-size:13.5px;line-height:1.5;color:#6b6153;max-width:860px}
.t76.t76{background:#efe6d6;padding:clamp(64px,8vw,120px) 24px}
.t77.t77{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(380px,45%)),1fr));gap:48px;align-items:center}
.t78.t78{font-size:17px;line-height:1.6;color:#4a453d;margin:22px 0 0;max-width:560px;text-wrap:pretty}
.t79.t79{font-size:15px;line-height:1.55;color:#6b6153;margin:16px 0 0;max-width:560px}
.t80.t80{background:#fff;border-radius:24px;padding:24px;box-shadow:0 1px 3px rgba(33,27,18,.07)}
.t81.t81{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:1px;background:rgba(33,27,18,.1);border:1px solid rgba(33,27,18,.1);border-radius:16px;overflow:hidden;font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}
.t82.t82{background:#fff;padding:10px}
.t83.t83{background:#fff;padding:10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6153}
.t84.t84{background:#fff;padding:10px;font-weight:600}
.t85.t85{background:#fff;padding:10px;color:#4a453d}
.t86.t86{background:#f4efe4;padding:10px;color:#0f6b60;font-weight:600}
.t87.t87{font-size:15px;color:#6b6153;max-width:320px;line-height:1.5}
.t88.t88{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:40px;align-items:stretch}
.t89.t89{background:#fff;border-radius:24px;padding:30px;box-shadow:0 1px 3px rgba(33,27,18,.07);display:flex;flex-direction:column}
.t90.t90{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6153}
.t91.t91{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1;margin-top:12px}
.t92.t92{font-size:17px;font-weight:600;line-height:1.4;margin-top:16px;letter-spacing:-.01em}
.t93.t93{font-size:16px;line-height:1.6;color:#4a453d;margin-top:10px}
.t94.t94{margin-top:auto;padding-top:26px;display:block}
.t95.t95{display:block;text-align:center;border:1.5px solid rgba(33,27,18,.25);color:#211b12;border-radius:14px;padding:13px;font-size:15px;font-weight:600}
.t96.t96{background:#12292e;color:#eef2f1;border-radius:24px;padding:30px;box-shadow:0 20px 50px -24px rgba(18,41,46,.6);display:flex;flex-direction:column}
.t97.t97{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8fa6a9}
.t98.t98{display:flex;align-items:baseline;gap:6px;margin-top:12px}
.t99.t99{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1}
.t100.t100{font-size:15px;color:#8fa6a9}
.t101.t101{font-size:16px;line-height:1.6;color:#dfe7e7;margin-top:10px}
.t102.t102{display:block;text-align:center;background:#0f6b60;color:#f2fbf9;border-radius:14px;padding:13px;font-size:15px;font-weight:600}
.t103.t103{font-size:15px;color:#6b6153}
.t104.t104{margin-top:22px;font-size:14.5px;color:#4a453d;line-height:1.5;display:flex;gap:28px;flex-wrap:wrap}
.t105.t105{font-weight:600}
.t106.t106{max-width:860px;margin:0 auto}
.t107.t107{font-size:clamp(34px,4vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:14px 0 30px}
.t108.t108{border-top:1px solid rgba(33,27,18,.14)}
.t109.t109{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:transparent;border:none;padding:20px 0;cursor:pointer;text-align:left;font-size:19px;font-weight:600;letter-spacing:-.02em;color:#211b12}
.t110.t110{margin:0 0 22px;font-size:16px;line-height:1.6;color:#4a453d;max-width:640px;text-wrap:pretty}
.t111.t111{background:#12292e;color:#eef2f1;padding:clamp(72px,10vw,140px) 24px;position:relative;overflow:hidden}
.t112.t112{max-width:720px;margin:0 auto;text-align:center;position:relative}
.t113.t113{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fa6a9}
.t114.t114{width:8px;height:8px;border-radius:50%;background:#4db3a4;animation:gpulse 1.6s infinite}
.t115.t115{font-size:clamp(38px,5vw,68px);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:18px 0 0;text-wrap:balance}
.t116.t116{font-size:17px;line-height:1.55;color:#b7c6c8;margin:20px auto 0;max-width:520px;text-wrap:pretty}
.t117.t117{margin:34px auto 0;background:rgba(239,230,214,.1);border:1px solid rgba(239,230,214,.2);border-radius:18px;padding:22px 26px;font-size:17px;font-weight:600;max-width:520px}
.t118.t118{display:flex;gap:10px;margin:34px auto 0;max-width:520px;flex-wrap:wrap}
.t119.t119{flex:1;min-width:220px;background:#efe6d6;color:#211b12;border:none;border-radius:999px;padding:16px 22px;font-size:16px;outline:none}
.t120.t120{flex:none;background:#0f6b60;color:#f2fbf9;border:none;border-radius:999px;padding:16px 26px;font-size:16px;font-weight:600;cursor:pointer}
.t120.t120:hover{background:#0d5c53}
.t121.t121{margin-top:14px;font-size:15px;color:#b7c6c8}
.t122.t122{background:#0d2024;color:#b7c6c8;padding:28px 24px 96px}
.t123.t123{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13.5px}
.t124.t124{font-size:17px;font-weight:700;letter-spacing:-.03em;color:#eef2f1}
.t125.t125{display:flex;gap:22px;flex-wrap:wrap}
.t126.t126{color:#b7c6c8}
.t127.t127{font-size:14.5px;color:#6b6153}
.t128.t128{background:#0f6b60;color:#f2fbf9;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:600;flex:none}

/* ---- pieces the design drew from its script ---- */
.orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.orb1,.orb2{position:absolute;border-radius:50%}
.orb1{right:-140px;bottom:-180px;width:520px;height:520px;animation:gorb 18s ease-in-out infinite}
.orb2{left:-200px;top:-160px;width:460px;height:460px;animation:gorb2 24s ease-in-out infinite}
.orbs.dark .orb1{background:radial-gradient(circle,rgba(77,179,164,.26),rgba(0,0,0,0) 68%)}
.orbs.dark .orb2{background:radial-gradient(circle,rgba(239,230,214,.10),rgba(0,0,0,0) 68%)}
.orbs.teal .orb1{background:radial-gradient(circle,rgba(239,230,214,.16),rgba(0,0,0,0) 68%)}
.orbs.teal .orb2{background:radial-gradient(circle,rgba(18,41,46,.35),rgba(0,0,0,0) 68%)}
.ticker{display:flex;width:max-content;animation:gtick 60s linear infinite}
.tick{padding:0 22px;white-space:nowrap}
.tick-dot{color:#4db3a4;margin-left:44px}
.chip{border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid rgba(33,27,18,.25);background:transparent;color:#211b12}
.chip.on{border-color:#12292e;background:#12292e;color:#eef2f1}
.cell{background:#fff;padding:14px 16px;color:#4a453d}
.cell.faint{color:#8a8072}
.faq-plus{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(33,27,18,.25);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;transition:transform .3s}
.faq.open .faq-plus{transform:rotate(45deg)}
.faq-ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.faq.open .faq-ans,.no-js .faq-ans{grid-template-rows:1fr}
.no-js .faq-plus{display:none}
.beta-err{color:#ffd1c4}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(244,239,228,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(33,27,18,.1);display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .35s ease}
.sticky.show{transform:translateY(0)}