/* The homepage, from the designer's build.
 *
 * Scoped to #main throughout. The homepage keeps loading styles.css for the
 * nav and footer, which blog_build generates into every page, and the two
 * sheets share ten class names — .hero, .card, .faq, .row, .btn, .wrap among
 * them — plus three custom properties at different values. An id beats any
 * class rule, so scoping is what stops each sheet reaching into the other's
 * markup. The design's own :root became #main for the same reason: its --ink,
 * --ease and --gutter are not ours.
 *
 * Four kinds of rule stay unscoped because they must reach outside <main>:
 * html, body.curtain, body::before and the film dialog, which the browser
 * lifts into the top layer. Keyframes and @font-face are left alone.
 *
 * The .site-header and .site-footer rules are dropped: that markup is
 * generated, so the design's copy of it is not in this page.
 */

/* Our own stylesheet reaching into the design's markup.
   Scoping the design's CSS to #main stopped it escaping; it never stopped
   styles.css coming the other way. .row, .card and .wrap are component names
   both sheets use, and 16 styles.css selectors match elements in here. The
   visible one was .row — a card component with a white background, a border,
   a radius and 12px of padding — painting opaque bands across the globe
   behind "the whole world is one prompt away".
   Only the decorative properties are reset, and only for the three colliding
   component names. This sits at the top of the file so the design's own rules,
   which have the same specificity, still win on source order. */
#main .row, #main .card, #main .wrap {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
/* styles.css also lifts .card 3px on hover. The design's cards do not move:
   their hover is the image easing up to --hv and the arrow scaling in, which
   both stay. Only the container's own travel and shadow go.
   Safe against the scroll-entrance animation, which sets transform inline on
   the element and so outranks this rule while it is running. */
#main .card:hover {
  transform: none;
  box-shadow: none;
}
/* The shadow that was still showing. styles.css crossfades card elevation on
   a pseudo-element rather than transitioning box-shadow directly, so clearing
   box-shadow on .card and .card:hover missed it entirely: the shadow lives on
   .card::after, which fades its opacity in on hover. The design does not use
   that pseudo on .card at all — only on the h3 inside, which is untouched. */
#main .card::after {
  content: none;
}

/* Lusion grammar, Cura content: framed interactive stage, oversized statements with a self-drawing
   flight route, a scaling film card, a work grid of the Figma feature cards, a pinned globe, a giant sign-off. */
#main{
  --bg:#FFFFFF;
  --ink:#141416;
  --ink-2:#5C5C64;
  --ink-3:#8E8E96;
  --surface:#F2F2F3;
  --surface-2:#F7F7F8;
  --cta-a:#B24A54; --cta-b:#CC2974;
  --cta:linear-gradient(77deg,var(--cta-a) 3.76%,var(--cta-b) 101.32%);
  --nav-h:82px;
  --display:"Parkinsans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"Alan Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-lg:24px; --r-md:16px;
  --shadow:0 12px 40px rgba(20,20,22,.08),0 2px 8px rgba(20,20,22,.04);
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}#main *{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis, html.lenis body{height:auto}
/* Native smooth scrolling off wherever Lenis is running.
   styles.css sets html{scroll-behavior:smooth} for the rest of the site, and
   Lenis works by calling scrollTo every frame — so the browser was animating
   each of Lenis's own steps and the two smoothing systems fought. One 400px
   wheel crawled linearly at ~9px per 50ms, or sometimes did not move at all,
   against the designer's eased 400px in about 700ms. Lenis puts .lenis on
   <html> only while it is running, so this touches no other page, and the
   reduced-motion branch that turns Lenis off keeps styles.css's behaviour. */
html.lenis{scroll-behavior:auto!important}#main .lenis.lenis-smooth{scroll-behavior:auto!important}/* Was `body` in the design, where the whole page was the homepage. Here the
   body also holds the generated nav and footer, and --body/--bg/--ink are
   defined on #main — so leaving this on body set font-family to an undefined
   variable, which beat styles.css and dropped the whole page to Times. */
#main{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  /* clip, not hidden. overflow-x:hidden makes this element a scroll
     container, and position:sticky resolves against its nearest scroll
     container — so every pinned section inside, the suitcase scene
     included, stuck to a box that never scrolls and slid straight off
     the top instead of holding in the viewport. On the design's own
     page this rule was on <body>, where overflow propagates to the
     viewport and sticky keeps working; it broke when it moved here.
     overflow-x:clip gives the same protection without the scrollport. */
  overflow-x:clip}#main img, #main video{display:block;max-width:100%}#main a{color:inherit}#main button{font:inherit;color:inherit}#main :focus-visible{outline:2px solid var(--cta-a);outline-offset:4px;border-radius:8px}#main .wrap{max-width:1440px;margin-inline:auto;padding-inline:clamp(0px,1.4vw,20px)}#main .mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}#main .grad{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}#main h1, #main h2, #main h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance;letter-spacing:-.02em}#main h1, #main h2, #main h3, #main h4, #main blockquote, #main .ph-copy strong{text-wrap:balance}#main p, #main .ph-copy span, #main li{text-wrap:pretty}#main .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}/* ---------- Loader ---------- */
#main .loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;transition:transform .9s cubic-bezier(.76,0,.24,1)}#main .loader.out{transform:translateY(-100%)}#main .loader-mark{width:48px;height:48px;margin-bottom:24px}#main .loader-in{display:flex;flex-direction:column;align-items:center}#main .loader-bar{width:72px;height:8px;border-radius:4px;background:var(--surface);overflow:hidden}#main .loader-bar i{display:block;height:100%;width:0;background:var(--cta);border-radius:4px}#main .loader-count{position:absolute;left:max(24px,env(safe-area-inset-left,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));font-family:var(--mono);font-size:clamp(56px,9vw,120px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}/* ---------- Nav (Figma "Nav" component) ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:61;background:rgba(255,255,255,.92)}#main .nav{height:100%;max-width:1440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-left:max(112px,env(safe-area-inset-left,0px));padding-right:max(112px,env(safe-area-inset-right,0px))}#main .logo{display:flex;align-items:center;gap:8px;text-decoration:none}#main .logo img{width:28px;height:28px}#main .logo span{font-family:var(--display);font-weight:700;font-size:18px;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}#main .nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}#main .nav-links>li{position:relative}#main .nav-links a, #main .nav-links button{font-family:var(--body);font-size:16px;line-height:normal;color:#000;text-decoration:none;background:none;border:0;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease}#main .nav-links a:hover, #main .nav-links button:hover{color:var(--cta-a)}#main .chev{width:8px;height:4px;transition:transform .25s ease}#main .has-drop[data-open="true"] .chev{transform:rotate(180deg)}#main .drop{position:absolute;top:calc(100% + 12px);left:-24px;min-width:240px;background:var(--bg);border-radius:var(--r-md);box-shadow:var(--shadow);padding:12px;list-style:none;margin:0;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .25s var(--ease),visibility .2s}#main .has-drop[data-open="true"] .drop{opacity:1;visibility:visible;transform:none}#main .drop a{display:flex;width:100%;padding:8px 12px;border-radius:12px;font-size:15px}#main .drop a:hover{background:var(--surface)}#main .drop .all{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}#main .nav-actions{display:flex;align-items:center;gap:12px}#main .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;border:0;cursor:pointer;
  font-family:var(--display);font-weight:500;font-size:14px;line-height:20px;text-decoration:none;white-space:nowrap;transition:transform .3s var(--ease),opacity .2s}#main .btn:hover{transform:translateY(-2px)}#main .btn-dark{background:#050505;color:#fff}#main .btn-primary{background:var(--cta);color:#fff}#main .btn-white{background:#fff;color:#050505}#main .btn-lg{padding:20px 32px;font-size:16px}#main .burger{display:none;width:44px;height:44px;border-radius:22px;border:0;background:var(--surface);cursor:pointer;align-items:center;justify-content:center}#main .burger i{display:block;width:16px;height:2px;border-radius:1px;background:var(--ink);position:relative;transition:transform .3s}#main .burger i::before, #main .burger i::after{content:"";position:absolute;left:0;width:16px;height:2px;border-radius:1px;background:var(--ink);transition:transform .3s}#main .burger i::before{top:-5px}#main .burger i::after{top:5px}#main .burger[aria-expanded="true"] i{background:transparent}#main .burger[aria-expanded="true"] i::before{transform:translateY(5px) rotate(45deg)}#main .burger[aria-expanded="true"] i::after{transform:translateY(-5px) rotate(-45deg)}#main .m-panel{position:fixed;z-index:59;top:calc(env(safe-area-inset-top,0px) + var(--nav-h));left:0;right:0;bottom:0;background:var(--bg);overflow:auto;
  padding:24px max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}#main .m-panel ul{list-style:none;margin:0 0 24px;padding:0}#main .m-panel li a{display:block;padding:12px 0;font-family:var(--display);font-size:28px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}#main .m-panel .sub a{font-family:var(--body);font-size:16px;padding:8px 0 8px 16px;color:var(--ink-2)}#main .m-panel .nav-actions{flex-direction:column;align-items:stretch}#main .pill{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:20px;border:0;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .3s var(--ease);white-space:nowrap}#main .pill:hover{transform:translateY(-2px)}#main .pill-soft{background:var(--surface);color:var(--ink)}#main .pill-white{background:var(--bg);color:var(--ink);box-shadow:var(--shadow)}/* ---------- Hero ---------- */
#main .hero{padding-top:calc(env(safe-area-inset-top,0px) + var(--nav-h) + clamp(40px,7vh,88px));padding-bottom:clamp(48px,6vw,96px)}#main .hero-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;max-width:880px;margin:0 auto clamp(40px,6vh,72px)}#main .hero h1{margin:0;font-size:clamp(36px,4.4vw,68px);line-height:1.04;font-weight:500;letter-spacing:-.035em;text-wrap:balance}#main .hero-lede{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.55;color:var(--ink-2);max-width:42ch}#main .hero-cta{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:4px}#main .hero-cta .btn-lg{padding:14px 26px;font-size:15px}#main .hero-cta .btn-soft.btn-lg{padding:12px 26px 12px 14px}#main .btn-soft{background:var(--surface);color:var(--ink);gap:12px}#main .btn-soft:hover{background:#ECECEF}#main .btn-soft.btn-lg{padding:18px 32px 18px 20px}#main .btn-soft .pi{width:24px;height:24px;border-radius:50%;background:#fff;display:inline-grid;place-items:center;box-shadow:0 2px 8px rgba(20,20,22,.08)}#main .btn-soft .pi::before{content:"";margin-left:2px;border-left:8px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}#main .hero-sub{grid-column:9/span 4;display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-bottom:8px}#main .hero-sub p{margin:0;font-size:18px;line-height:1.5;color:var(--ink-2);max-width:34ch}#main .line{display:block;overflow:hidden;padding-bottom:.06em}#main .line>span{display:block;transition:transform 1.1s var(--ease)}#main .is-loading .line>span{transform:translateY(110%)}#main .stage{position:relative;border-radius:var(--r-lg);background:radial-gradient(120% 90% at 50% 10%,#FAFAFB 0%,var(--surface) 70%);overflow:hidden;touch-action:pan-y}#main .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}#main .board{position:relative;z-index:1;width:100%;aspect-ratio:1360/800;max-width:100%}#main .layer{pointer-events:none}#main .layer .vid-play, #main .layer .vid{pointer-events:auto}#main .layer{position:absolute;will-change:transform;transition:opacity .9s var(--ease)}#main .layer img{width:100%;height:auto;pointer-events:none;user-select:none}#main .layer .bob{animation:bob 7s ease-in-out infinite}#main .is-loading .layer{opacity:0}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}/* positions from the Figma "Stage" frame (1360x800 board); widgets are trimmed to their card edges */
#main .l-video{left:13.24%;top:14%;width:73.53%}#main .vid{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 64px rgba(20,20,22,.12),0 4px 12px rgba(20,20,22,.05);aspect-ratio:16/9}#main .vid video{width:100%;height:100%;object-fit:cover;display:block}#main .vid-play{position:absolute;right:16px;bottom:16px;z-index:2}#main .w img{border-radius:16px;box-shadow:0 12px 32px rgba(20,20,22,.10),0 2px 6px rgba(20,20,22,.05)}#main .l-budget img{border-radius:20px}#main .l-flight{left:1.18%;top:24.5%;width:21.84%}#main .l-visa{left:2.94%;top:49%;width:21.1%}#main .l-why{left:1.18%;top:80%;width:20.37%}#main .l-budget{left:81.69%;top:16%;width:15.15%}#main .l-gate{left:79.12%;top:35.5%;width:18.9%}#main .l-stay{left:77.35%;top:50.5%;width:19.78%}#main .l-leave{left:73.82%;top:83.5%;width:21.84%}#main .film-stage{padding:0;background:none;border-radius:28px;overflow:visible;transform:scale(var(--hs,.94));transform-origin:50% 0;will-change:transform}#main .film-stage .vid{border-radius:28px;aspect-ratio:16/9;background:#fff;box-shadow:0 40px 120px rgba(20,20,22,.10),0 8px 24px rgba(20,20,22,.04);opacity:1;transition:opacity 1.2s var(--ease),transform 1.4s var(--ease)}#main .is-loading .film-stage .vid{opacity:0;transform:translateY(40px)}#main .film-stage .vid-play{right:24px;bottom:24px;box-shadow:0 6px 20px rgba(20,20,22,.14)}/* Hero film card (SpaceXAI-style): the product film shown whole, flat, with a centred "Take ▶ Off" */
#main .hero:has(.hero-min){padding-top:calc(env(safe-area-inset-top,0px) + var(--nav-h) + clamp(16px,4.4vh,40px));padding-bottom:20px}#main .hero-top:has(.hero-min){margin-bottom:12px;gap:12px;max-width:1100px}#main .hero h1.hero-min{white-space:nowrap}
@media (max-width:720px){#main .hero .hero-top h1.hero-min{font-size:clamp(20px,6.6vw,32px)}}#main .hero-top:has(.hero-min) .hero-lede{max-width:600px;font-size:clamp(16px,1.25vw,18px);line-height:1.6;margin-top:0}/* Hero chat bar: overlaps the film's bottom edge; example prompts sit below */
#main .hq{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:3;width:86%;height:52px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:4px 4px 4px 16px;box-shadow:0 0 0 1px rgba(20,20,22,.04),0 2px 6px rgba(20,20,22,.06),0 22px 48px -16px rgba(20,20,22,.3)}#main .hq-in{flex:1;min-width:0;height:40px;border:0;outline:0;background:transparent;font:inherit;font-size:15px;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}#main .hq-in::placeholder{color:#9A9AA2}#main .hq-go{flex:none;height:44px;padding:0 18px;font-size:14px;border-radius:11px;white-space:nowrap}#main .hq-ex{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:48px}#main .hq-ex button{height:32px;padding:0 14px;border:0;border-radius:999px;background:#F4F4F6;font:inherit;font-size:13px;color:#3A3A40;cursor:pointer;transition:background .2s ease}#main .hq-ex button:hover{background:#ECECEF}
@media (max-width:720px){#main .hq{width:calc(100% - 24px);height:56px;border-radius:14px;padding:6px 6px 6px 16px}#main .hq-go{height:44px;padding:0 16px;border-radius:10px}#main .hq-in{font-size:15px}}/* the whole film fits on the first screen: card width is capped by the height left under the headline */
#main .hf-stage{width:100%;max-width:min(63.5vw,calc((100svh - var(--nav-h) - clamp(16px,4.4vh,40px) - 1.1 * clamp(30px,3.06vw,44px) - 12px - 58px - 12px - 26px - 20px) * 1620 / 926));margin-inline:auto;margin-bottom:26px;transform:none;transform-origin:50% 0}
@media (max-width:720px){#main .hf-stage{max-width:100%}}#main .hero h1.hero-min{font-weight:600;font-size:clamp(30px,3.06vw,44px);line-height:1.1;letter-spacing:-.025em;color:var(--ink)}#main .hf{position:relative;display:block;width:100%;margin:0;padding:0;border:0;border-radius:16px;overflow:hidden;background:#fff;aspect-ratio:1620/926;cursor:pointer;box-shadow:0 1px 3px rgba(20,20,22,.06),0 24px 60px -28px rgba(20,20,22,.22);font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}#main .hf-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}#main .hf:hover .hf-img{transform:scale(1.02)}#main .hf{container-type:inline-size}#main .hf-cta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2.8cqw;pointer-events:none}#main .hf-w{font-family:var(--display);font-weight:500;font-size:clamp(28px,9.2cqw,140px);line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:#CFCFD5}#main .hf-p{width:clamp(56px,9.6cqw,124px);height:clamp(34px,5.6cqw,72px);border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -14px rgba(20,20,22,.25);transition:transform .35s cubic-bezier(.16,1,.3,1)}#main .hf:hover .hf-p{transform:scale(1.06)}#main .hf:focus-visible{outline:2px solid var(--cta-a);outline-offset:4px}#main .is-loading .hf{opacity:0;transform:translateY(40px)}#main .hf{transition:opacity 1.2s var(--ease),transform 1.4s var(--ease)}
@media (max-width:720px){#main .hf{border-radius:16px}#main .hf-p svg{width:16px;height:18px}}#main .stage-tag{position:absolute;z-index:2;left:24px;bottom:20px;display:flex;gap:16px;color:var(--ink-2)}#main .stage-tag b{font-weight:500;color:var(--ink)}#main .marks{display:flex;justify-content:space-between;align-items:center;padding:12px 0 0;color:var(--ink-3)}#main .marks .plus{font-family:var(--mono);font-size:14px;line-height:1}#main .marks .mono{color:var(--ink)}/* ---------- Statement ---------- */
#main .statement{position:relative;padding-block:clamp(96px,14vw,200px) clamp(64px,8vw,120px)}
@media (min-width:1025px){#main .statement{padding-bottom:clamp(120px,14vw,240px)}}#main .statement h2{font-size:clamp(32px,8vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.025em;position:relative;z-index:2}#main .route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}#main .route-cv{position:absolute;top:0;left:0;pointer-events:none;z-index:0}#main .route-plane{position:absolute;top:0;left:0;height:auto;pointer-events:none;z-index:1;will-change:transform;transform-origin:6% 68%;filter:drop-shadow(0 10px 14px rgba(20,20,22,.18));visibility:hidden}#main #statement>*:not(.route):not(.route-cv):not(.route-plane), #main #more>*:not(.route):not(.route-cv):not(.route-plane){position:relative;z-index:2}#main .statement-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:clamp(48px,6vw,96px);position:relative;z-index:2;align-items:center}#main .statement-img{grid-column:1/span 5;border-radius:var(--r-lg);overflow:hidden;max-width:100%}#main .statement-img.ph-stmt{position:relative}#main .ph-stmt .ph-copy{padding:clamp(20px,2.9vw,40px) clamp(22px,3.1vw,44px)}#main .ph-stmt .ph-copy strong{font-size:clamp(22px,2.3vw,36px);max-width:86%;text-wrap:balance}#main .ph-stmt .ph-copy span{font-size:clamp(13px,1.1vw,17px);max-width:86%;text-wrap:pretty}#main .ph-stmt .ph-copy{background:linear-gradient(180deg,rgba(40,22,10,.42),rgba(40,22,10,0) 32%,rgba(40,22,10,0) 58%,rgba(30,16,8,.55))}#main .statement-img img{width:100%;height:auto;transform:scale(1.08);transition:transform 1.4s var(--ease)}#main .statement-img.in img{transform:scale(1)}#main .statement-copy{grid-column:8/span 4;display:flex;flex-direction:column;gap:24px;font-size:18px;line-height:1.55;min-width:0}#main .statement-copy p{margin:0;max-width:44ch}/* ---------- Film ---------- */
#main .film{padding-block:clamp(48px,6vw,96px)}#main .film-card{position:relative;aspect-ratio:16/9;max-height:88vh;width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--bg);transform-origin:center top;will-change:transform;max-width:100%;box-shadow:var(--shadow)}#main .film-card video{width:100%;height:100%;object-fit:cover}#main .film-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,32px);pointer-events:none}#main .film-word{font-family:var(--display);font-size:clamp(40px,7vw,120px);letter-spacing:-.03em;color:#fff;mix-blend-mode:difference;text-transform:uppercase;font-weight:300}#main .play{pointer-events:auto;width:clamp(96px,10vw,160px);height:clamp(56px,6vw,88px);border-radius:999px;border:0;background:var(--cta);cursor:pointer;display:grid;place-items:center;transition:transform .5s var(--ease)}#main .play:hover{transform:scale(1.08)}#main .play svg{width:26%;height:auto}#main .film-meta{position:absolute;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;color:#fff;mix-blend-mode:difference}#main dialog.film-modal{border:0;padding:0;border-radius:var(--r-lg);width:min(1200px,calc(100vw - 32px));background:#000;overflow:hidden}#main dialog.film-modal::backdrop{background:rgba(245,245,247,.9);backdrop-filter:blur(8px)}#main dialog.film-modal video{width:100%;aspect-ratio:16/9;background:#000}#main .modal-close{position:absolute;top:16px;right:16px;z-index:2}/* ---------- Every City (pinned scroll scene) ---------- */
#main .ec{position:relative;height:1190vh;margin-left:calc(-1 * max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)));background:var(--bg)}#main .ec-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:transparent}#main .ec-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#main #ecScene{clip-path:inset(var(--ct,0px) var(--cr,0px) var(--cb,0px) var(--cl,0px) round var(--crad,0px))}#main #ecWarp{pointer-events:none;z-index:1}#main .ec .ec-progress{left:var(--cl,0px);right:var(--cr,0px);bottom:var(--cb,0px);width:auto;border-radius:0 0 var(--crad,0px) var(--crad,0px);overflow:hidden}#main .ec.growing .ec-cap, #main .ec.growing .ec-idx, #main .ec.growing .ec-hint, #main .ec.growing .ec-progress{opacity:0!important;transition:opacity .4s}#main .ec .ec-idx, #main .ec .ec-hint, #main .ec .ec-progress{transition:opacity .6s}#main .ec-cap{position:absolute;z-index:5;left:max(32px,3.2vw);top:max(120px,18vh);width:min(300px,17vw);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;color:var(--ink)}#main .ec-cap .ec-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px}#main .ec-cap h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(22px,1.9vw,34px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}#main .ec-cap p{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--ink-2);max-width:34ch}#main .ec-cap .ec-meta{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}#main .ec-cap.ec-intro h2{font-size:clamp(26px,2.3vw,42px)}#main .ec-cap.ec-final{left:auto;right:max(32px,3.2vw);text-align:right}#main .ec-cap.ec-final p{margin-left:auto}#main .ec-cap.ec-final .btn{margin-top:20px;pointer-events:auto}#main .ec-idx{position:absolute;z-index:5;right:max(32px,3.2vw);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}#main .ec-idx li{display:flex;align-items:center;gap:10px;justify-content:flex-end;transition:color .4s ease}#main .ec-idx li::after{content:"";width:16px;height:2px;border-radius:1px;background:currentColor;opacity:.4;transition:width .5s var(--ease),opacity .4s}#main .ec-idx li.on{color:var(--ink)}#main .ec-idx li.on::after{width:36px;opacity:1;background:var(--ink)}#main .ec-hint{position:absolute;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);transition:opacity .5s}#main .ec-progress{position:absolute;z-index:5;left:0;bottom:0;height:2px;width:100%;background:rgba(20,20,22,.06)}#main .ec-progress i{display:block;height:100%;width:0;background:var(--cta)}
@media (max-width:820px){#main .ec-cap, #main .ec-cap.ec-final{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));width:auto;top:auto;bottom:max(48px,7vh);text-align:left}#main .ec-cap.ec-final p{margin-left:0}#main .ec-cap h2{font-size:30px}#main .ec-cap.ec-intro h2{font-size:36px}#main .ec-idx{top:calc(env(safe-area-inset-top,0px) + var(--nav-h) + 16px);right:max(16px,env(safe-area-inset-right,0px));transform:none;flex-direction:row;gap:8px}#main .ec-idx li{font-size:0}#main .ec-idx li::after{width:14px}#main .ec-idx li.on::after{width:28px}#main .ec-hint{display:none}
}/* ---------- Work grid (Figma feature cards) ---------- */
#main .work{padding-block:clamp(64px,8vw,128px)}#main .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,56px);flex-wrap:wrap}#main .sec-head h2{font-size:clamp(32px,8vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.025em}#main .sec-head p{max-width:36ch;margin:0}#main .grid{--gx:clamp(16px,2.1vw,40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,6vw,96px) var(--gx);container-type:inline-size}#main .grid .row{display:contents}#main .card{display:flex;flex-direction:column;gap:0;text-decoration:none;min-width:0;color:var(--ink)}#main .card-media{position:relative;border-radius:20px;overflow:hidden;background:var(--surface);max-width:100%;aspect-ratio:844/550;transform-origin:50% 100%;will-change:transform;backface-visibility:hidden}#main .card-media img{width:100%;height:100%;object-fit:cover;display:block}#main .go{display:none!important;position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:20px;background:var(--bg);display:grid;place-items:center;transform:scale(0);transition:transform .45s var(--ease)}#main .card:hover .go{transform:scale(1)}#main .go svg{width:12px;height:12px}#main .card .mono{display:block;margin-top:20px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}#main .card h3{position:relative;margin:8px 0 0;font-size:clamp(24px,2.2vw,36px);line-height:1.15;font-weight:400;letter-spacing:-.02em;display:flex;align-items:center}#main .card h3::before{content:"";flex:0 0 auto;width:0;height:.62em;margin-right:0;opacity:0;transform:translateX(-12px);
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M0 10h21M13 2l8 8-8 8' fill='none' stroke='%23141416' stroke-width='2.2'/%3E%3C/svg%3E");
  transition:width .5s var(--ease),margin .5s var(--ease),opacity .4s ease,transform .5s var(--ease)}#main .card:hover h3::before, #main .card:focus-visible h3::before{width:.9em;margin-right:.45em;opacity:1;transform:none}#main .card .card-media img{transition:transform 1.2s var(--ease)!important}#main .card:hover .card-media img{transform:scale(calc(var(--rv,1) * 1.05))!important}#main .card-media.feat-text{container-type:inline-size}#main .feat-text .ft-h{position:absolute;z-index:1;left:6.7%;top:7%;right:8%;margin:0;color:#fff;font-family:var(--display);font-weight:500;font-size:7.1cqw;line-height:1.3;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 1px 12px rgba(0,0,0,.18)}#main .feat-text .ft-c{position:absolute;z-index:1;left:6.7%;right:6%;bottom:7%;margin:0;color:#fff;font-family:"Inter",var(--body);font-size:3.75cqw;line-height:1.38;text-shadow:0 1px 10px rgba(0,0,0,.3)}#main .feat-text::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,rgba(30,14,8,.55),rgba(30,14,8,0));pointer-events:none}/* ---------- "Every option" picker widget: a rolling stack, focused item in the middle ---------- */
#main .dw-media{container-type:inline-size;background:#F1F0ED;--u:calc(100cqw / 700);font-family:var(--body)}#main .dw{position:absolute;inset:0}#main .dw-it{position:absolute;left:50%;top:50%;width:calc(440 * var(--u));height:calc(92 * var(--u));margin:calc(-46 * var(--u)) 0 0 calc(-220 * var(--u));
  display:flex;align-items:center;gap:calc(20 * var(--u));padding:0 calc(28 * var(--u));box-sizing:border-box;border-radius:calc(24 * var(--u));
  background:rgba(250,249,247,.82);color:rgba(20,20,22,.72);box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) rgba(20,20,22,.04);font-size:calc(25 * var(--u));letter-spacing:-.01em;white-space:nowrap;
  transform:translate3d(0,calc(var(--o,0) * 78 * var(--u)),0) scale(var(--s,1));opacity:var(--a,1);z-index:var(--z,1);
  transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .9s cubic-bezier(.65,0,.25,1),background .6s ease,box-shadow .6s ease,color .6s ease;will-change:transform,opacity}#main .dw-it.on{background:#fff;color:#141416;box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(20,20,22,.04),0 calc(24 * var(--u)) calc(56 * var(--u)) rgba(20,20,22,.10)}#main .dw-it.jump{transition:none}#main .duo-widget .dw-it.on{background:#fff;box-shadow:0 calc(18 * var(--u)) calc(48 * var(--u)) rgba(20,20,22,.08)}#main .dw-ic{flex:0 0 auto;width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:calc(12 * var(--u));background:var(--c);display:grid;place-items:center;
  box-shadow:inset 0 calc(-2 * var(--u)) 0 rgba(0,0,0,.08)}#main .dw-ic svg{width:calc(26 * var(--u));height:calc(26 * var(--u))}
@media (max-width:720px){#main .dw-media{--u:calc(100cqw / 600)}}/* ---------- Paired card: the photo tells it, the widget shows it ---------- */
#main .card.duo{grid-column:1/-1}#main .card-media.duo-media{aspect-ratio:auto;height:calc((100cqw - var(--gx)) / 2 * 550 / 844);display:grid;grid-template-columns:auto 1fr;background:#fff}#main .duo-photo{height:100%;aspect-ratio:1232/1200}#main .duo-photo{position:relative;overflow:hidden;border-radius:0!important}#main .duo-widget{border-radius:0!important}#main .duo-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important}#main .card .card-media.duo-media .duo-photo img{transform:scale(calc(var(--rv,1) * 1.08))!important;transform-origin:50% 50%}#main .card.duo:hover .card-media.duo-media .duo-photo img{transform:scale(calc(var(--rv,1) * 1.12))!important}#main .duo-widget{position:relative;overflow:hidden;background:#fff}#main .duo-widget .dw-it{background:transparent;box-shadow:none;outline:0;border:0;width:calc(470 * var(--u));margin-left:calc(-235 * var(--u))}#main .dw-ok{margin-left:auto;display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-size:calc(13 * var(--u));font-weight:600;color:#141416;opacity:0;transform:translateX(calc(8 * var(--u)));transition:opacity .5s ease .25s,transform .5s ease .25s}#main .dw-ok b{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:var(--cta)}#main .dw-it.on .dw-ok{opacity:1;transform:none}#main .dw-it .dw-tx{overflow:hidden;text-overflow:ellipsis}/* ---------- Photo cards: real text over the image, landscape like Lusion ---------- */
#main .card-media.ph-card{container-type:inline-size}#main .ph-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:5.2cqw 5.6cqw;color:#fff;pointer-events:none;z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0) 34%,rgba(0,0,0,0) 66%,rgba(0,0,0,.18))}#main .ph-copy strong{font-family:"Parkinsans",var(--display);font-weight:500;font-size:5.4cqw;line-height:1.18;letter-spacing:-.01em;max-width:80%}#main .ph-copy span{font-family:var(--body);font-size:2.6cqw;line-height:1.4;max-width:70%}
@media (max-width:720px){#main .ph-copy strong{font-size:6.6cqw;max-width:82%}#main .ph-copy span{font-size:3.4cqw;max-width:86%}}/* the paired widget scales with the card height */
#main .card-media.duo-widget{container-type:inline-size;--u:calc(100cqw / 640)}/* ---------- Side-by-side compare widget (Flights / Stays), interactive ---------- */
#main .cmp-media{container-type:inline-size;aspect-ratio:844/550;background:#fff}#main .cmp{--u:calc(100cqw / 640);position:absolute;inset:0;padding:calc(28 * var(--u)) calc(36 * var(--u)) calc(24 * var(--u));display:flex;flex-direction:column;gap:calc(16 * var(--u));font-family:var(--body);color:var(--ink,#141416)}#main .cmp-top{display:flex;align-items:center;justify-content:space-between}#main .cmp-seg{position:relative;display:flex;background:#F3F3F4;border-radius:999px;padding:calc(4 * var(--u))}#main .cmp-seg button{all:unset;position:relative;z-index:1;width:calc(100 * var(--u));height:calc(36 * var(--u));display:grid;place-items:center;font-size:calc(14 * var(--u));font-weight:500;color:rgba(20,20,22,.5);cursor:pointer;border-radius:999px;transition:color .4s ease}#main .cmp-seg button:hover{color:rgba(20,20,22,.8)}#main .cmp-seg button.on{color:#141416}#main .cmp-seg button:focus-visible{box-shadow:0 0 0 2px rgba(20,20,22,.25)}#main .cmp-thumb{position:absolute;left:calc(4 * var(--u));top:calc(4 * var(--u));width:calc(100 * var(--u));height:calc(36 * var(--u));border-radius:999px;background:#fff;box-shadow:0 calc(2 * var(--u)) calc(8 * var(--u)) rgba(20,20,22,.08);transition:transform .6s cubic-bezier(.65,0,.25,1)}#main .cmp[data-scene="1"] .cmp-thumb{transform:translateX(calc(100 * var(--u)))}#main .cmp-route{font-family:var(--mono);font-size:calc(11 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:rgba(20,20,22,.55)}#main .cmp-cols{flex:1 1 0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * var(--u))}#main .cmp-opt{position:relative;border-radius:calc(22 * var(--u));background:#F7F7F8;padding:calc(16 * var(--u)) calc(20 * var(--u));display:flex;flex-direction:column;gap:calc(10 * var(--u));overflow:hidden;
  transition:background .6s ease,box-shadow .6s ease,transform .6s cubic-bezier(.65,0,.25,1)}#main .cmp-opt.win{background:#fff;box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(20,20,22,.04),0 calc(22 * var(--u)) calc(48 * var(--u)) rgba(20,20,22,.10);transform:translateY(calc(-4 * var(--u)))}#main .rv{opacity:0;transform:translateY(calc(8 * var(--u)));animation:cmpIn .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d,0) * 90ms)}
@keyframes cmpIn{to{opacity:1;transform:none}}#main .cmp.still .rv{animation:none;opacity:1;transform:none}/* flight: boarding card with slide-up price sheet (light) */
#main .cmp-opt.fl{position:relative;padding:0;gap:0;background:#F6F6F7;overflow:hidden;outline:0}#main .cmp-opt.fl.win{background:#F6F6F7;box-shadow:none;transform:none}#main .fx-top{position:absolute;left:0;right:0;top:0;height:calc(100% - 128 * var(--u));display:flex;align-items:center;gap:calc(6 * var(--u));padding:0 calc(16 * var(--u)) 0 calc(4 * var(--u))}#main .fx-jet{flex:1 1 52%;min-width:0;display:flex;align-items:center}#main .cmp .fx-jet img{position:static;width:100%;height:auto;object-fit:contain;transform:none;filter:drop-shadow(0 calc(5 * var(--u)) calc(5 * var(--u)) rgba(20,30,50,.10))}#main .fx-id{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:calc(3 * var(--u));white-space:nowrap}#main .fx-air{font-family:var(--mono);font-size:calc(9.5 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:rgba(20,20,22,.5)}#main .fx-id strong{font-family:"Parkinsans",var(--display);font-size:calc(14 * var(--u));font-weight:500}#main .fx-id>span:not(.fx-air){font-size:calc(12.5 * var(--u));color:rgba(20,20,22,.6)}#main .fx-best{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font-style:normal;font-size:calc(10.5 * var(--u));color:rgba(20,20,22,.55);opacity:0;transition:opacity .4s ease}#main .fx-best b{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:var(--cta)}#main .cmp-opt.fl.win .fx-best{opacity:1}#main .fx-sheet{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:calc(8 * var(--u));top:calc(100% - 120 * var(--u));background:#fff;border-radius:calc(18 * var(--u));padding:calc(16 * var(--u)) calc(16 * var(--u)) 0;
  box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(20,20,22,.04),0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(20,20,22,.06);overflow:hidden;
  transition:top 420ms cubic-bezier(.32,.72,0,1),box-shadow 420ms ease}#main .fx-handle{position:absolute;left:50%;top:calc(6 * var(--u));width:calc(28 * var(--u));height:calc(3 * var(--u));margin-left:calc(-14 * var(--u));border-radius:9px;background:rgba(20,20,22,.10)}#main .fx-head{display:flex;justify-content:space-between;align-items:baseline;gap:calc(8 * var(--u));font-size:calc(11.5 * var(--u));color:rgba(20,20,22,.5);white-space:nowrap}#main .fx-head i{font-style:normal;color:rgba(20,20,22,.4)}#main .fx-sheet .cmp-num{display:block;margin-top:calc(2 * var(--u));font-size:calc(26 * var(--u))}#main .fx-sheet .cmp-fee{font-family:var(--body);font-size:calc(11 * var(--u));letter-spacing:0;text-transform:none}#main .fx-sheet .cmp-fee.up{color:rgba(20,20,22,.75)}#main .fx-bar{display:flex;gap:calc(3 * var(--u));height:calc(4 * var(--u));margin-top:calc(14 * var(--u));transition:opacity 220ms ease}#main .fx-bar i{min-width:calc(14 * var(--u));border-radius:9px;background:rgba(20,20,22,.14)}#main .fx-bar i:first-child{background:rgba(20,20,22,.32)}#main .fx-bar i.x{background:var(--cta);opacity:.85}#main .fx-list{display:flex;flex-direction:column;gap:calc(9 * var(--u));margin-top:calc(14 * var(--u))}#main .fx-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(10 * var(--u));font-size:calc(12.5 * var(--u));color:rgba(20,20,22,.55);opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity 220ms ease,transform 320ms cubic-bezier(.32,.72,0,1)}#main .fx-row i{width:calc(3 * var(--u));height:calc(14 * var(--u));border-radius:9px;background:rgba(20,20,22,.12)}#main .fx-row.x i{background:var(--cta)}#main .fx-row b{font-weight:500;color:#141416;font-variant-numeric:tabular-nums}#main .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{top:calc(8 * var(--u));box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(20,20,22,.04),0 calc(16 * var(--u)) calc(36 * var(--u)) rgba(20,20,22,.10)}#main .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-bar{opacity:0}#main .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-row{opacity:1;transform:none;transition-delay:calc(120ms + var(--k) * 40ms)}#main .fx-list{margin-top:calc(-4 * var(--u))}#main .cmp-cols.one{grid-template-columns:1fr;justify-items:center}#main .cmp-cols.one .cmp-slot{width:var(--pw,calc(526 * var(--u)))}#main .cmp-cols.one .fx-top{height:calc(100% - 112 * var(--u));padding:0 calc(28 * var(--u)) 0 calc(12 * var(--u))}#main .cmp-cols.one .fx-jet{flex:0 1 58%}#main .cmp-cols.one .fx-id{gap:calc(4 * var(--u))}#main .cmp-cols.one .fx-id strong{font-size:calc(18 * var(--u))}#main .cmp-cols.one .fx-id>span:not(.fx-air){font-size:calc(14 * var(--u))}#main .cmp-cols.one .fx-air{font-size:calc(10.5 * var(--u))}#main .cmp-cols.one .fx-best{font-size:calc(11.5 * var(--u))}#main .cmp-cols.one .fx-sheet{left:calc(10 * var(--u));right:calc(10 * var(--u));bottom:calc(10 * var(--u));top:calc(100% - 104 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u)) 0}#main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{top:calc(10 * var(--u))}#main .cmp-cols.one .fx-sheet .cmp-num{font-size:calc(28 * var(--u))}#main .cmp-cols.one .fx-bar{margin-top:calc(12 * var(--u))}#main .cmp-cols.one .fx-list{gap:calc(10 * var(--u));margin-top:calc(-2 * var(--u))}#main .cmp-cols.one .fx-row{font-size:calc(13 * var(--u))}/* premium: same language as the preferences picker — flat on white, one floating white surface with a deep soft shadow */
#main .cmp-cols.one .cmp-opt.fl, #main .cmp-cols.one .cmp-opt.fl.win{background:transparent;overflow:visible;border-radius:0}#main .cmp-cols.one .fx-sheet{left:0;right:0;bottom:calc(14 * var(--u));border-radius:calc(27 * var(--u));
  box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(20,20,22,.04),0 calc(24 * var(--u)) calc(56 * var(--u)) rgba(20,20,22,.10)}#main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{top:calc(4 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(20,20,22,.04),0 calc(30 * var(--u)) calc(64 * var(--u)) rgba(20,20,22,.12)}#main .cmp-cols.one .fx-handle{background:rgba(20,20,22,.08)}#main .cmp-cols.one .fx-bar i{background:rgba(20,20,22,.08)}#main .cmp-cols.one .fx-bar i:first-child{background:rgba(20,20,22,.22)}#main .cmp-cols.one .fx-row i{background:rgba(20,20,22,.10)}#main .cmp-cols.one .fx-top{padding:0 calc(24 * var(--u)) 0 0}#main .cmp-cols.one .fx-top>*{transition:opacity 260ms ease}#main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-top>*{opacity:0}/* main card carries the shadow; inner sheet is flat */
#main .cmp-cols.one .cmp-opt.fl, #main .cmp-cols.one .cmp-opt.fl.win{background:#fff;overflow:hidden;border-radius:calc(27 * var(--u));
  box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(20,20,22,.04),0 calc(24 * var(--u)) calc(56 * var(--u)) rgba(20,20,22,.10)}#main .cmp-cols.one .fx-sheet, #main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{box-shadow:none;background:#F6F6F7;left:calc(10 * var(--u));right:calc(10 * var(--u));bottom:calc(10 * var(--u));border-radius:calc(20 * var(--u))}#main .cmp-cols.one .fx-sheet{top:calc(100% - 92 * var(--u))}#main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{top:calc(10 * var(--u))}#main .cmp-cols.one .fx-bar{display:none}#main .cmp-cols.one .fx-list{margin-top:calc(14 * var(--u))}#main .cmp-cols.one .fx-top{height:calc(100% - 100 * var(--u));padding:0 calc(24 * var(--u)) 0 calc(8 * var(--u))}#main .cmp-cols.one .fx-handle{background:rgba(20,20,22,.10)}#main .fx-ph{position:relative;flex:0 0 auto;height:calc(100% - 28 * var(--u));aspect-ratio:3/2;border-radius:calc(18 * var(--u));overflow:hidden;margin-left:calc(16 * var(--u))}#main .cmp .fx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;animation:none}#main .fx-ph em{position:absolute;left:calc(8 * var(--u));bottom:calc(8 * var(--u));font-style:normal;background:rgba(255,255,255,.94);border-radius:999px;font-size:calc(11 * var(--u));font-weight:600;padding:calc(3 * var(--u)) calc(9 * var(--u));color:#141416}/* hotel: photo fills the card */
#main .cmp-cols.one .cmp-opt.ht .fx-top{position:absolute;inset:0;height:auto;padding:0;display:block}#main .cmp-opt.ht .fx-ph{position:absolute;inset:0;height:auto;aspect-ratio:auto;margin:0;border-radius:0}#main .cmp-opt.ht .fx-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.45)),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,0) 40%)}#main .cmp-opt.ht .fx-ph em{left:calc(18 * var(--u));top:calc(16 * var(--u));bottom:auto;z-index:1}#main .cmp-cols.one .cmp-opt.ht .fx-id{position:absolute;right:calc(24 * var(--u));top:calc(20 * var(--u));z-index:1;color:#fff}#main .cmp-opt.ht .fx-air{color:rgba(255,255,255,.8)}#main .cmp-opt.ht .fx-id>span:not(.fx-air){color:rgba(255,255,255,.88)}#main .cmp-opt.ht .fx-best{color:rgba(255,255,255,.88)}#main .cmp-opt.ht .fx-sheet{background:rgba(246,246,247,.97)}#main .cmp-cols.one .cmp-opt.ht:is(:hover,:focus-visible,.open) .fx-top>.fx-ph{opacity:1}/* card fills the full card height so it lines up with its neighbour */
#main .card-media.cmp-media{overflow:visible;background:transparent}#main .cmp{padding:0;gap:0}#main .cmp-route, #main .cmp-why{display:none!important}#main .cmp-top{position:absolute;z-index:6;top:calc(16 * var(--u));left:calc(50% - var(--pw,calc(526 * var(--u))) / 2 + 16 * var(--u))}#main .cmp-seg{background:rgba(243,243,244,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#main .cmp-cols{position:absolute;inset:0;height:auto}#main .cmp-cols.one .cmp-opt.fl:not(.ht) .fx-top{top:calc(56 * var(--u));height:calc(100% - 56 * var(--u) - 100 * var(--u))}#main .cmp-cols.one .cmp-opt.ht .fx-id{top:calc(22 * var(--u))}#main .fx-ph em{display:none}#main .cmp-cols.one .fx-sheet{top:calc(100% - 96 * var(--u))}#main .cmp-cols.one .cmp-opt.fl:is(:hover,:focus-visible,.open) .fx-sheet{top:calc(100% - 286 * var(--u))}#main .cmp-cols.one .fx-list{gap:calc(12 * var(--u))}#main .cmp-cols.one .fx-jet{flex:0 1 60%}
@media (max-width:720px){#main .cmp-top{top:12px}}#main .fx-row.nx{margin-top:calc(4 * var(--u));padding-top:calc(10 * var(--u));border-top:calc(1 * var(--u)) solid rgba(20,20,22,.06);color:rgba(20,20,22,.45)}#main .fx-row.nx i{background:transparent}#main .fx-row.nx b{color:rgba(20,20,22,.45);font-weight:400}#main .cmp-slot{display:flex;min-width:0}#main .cmp-slot>.cmp-opt{flex:1;min-width:0}/* stay: full-bleed photo */
#main .cmp-opt.st{padding:0;gap:0;color:#fff;background:#222}#main .cmp-opt.st>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:cmpZoom 1.6s cubic-bezier(.2,.7,.2,1) forwards;transition:filter .6s ease}#main .cmp.still .cmp-opt.st>img{animation:none;transform:none}
@keyframes cmpZoom{to{transform:none}}#main .cmp-opt.st::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 45%,rgba(0,0,0,.62));pointer-events:none}#main .st-top, #main .st-bot{position:relative;z-index:1}#main .st-top{display:flex;justify-content:space-between;align-items:center;padding:calc(14 * var(--u))}#main .st-rt{background:rgba(255,255,255,.92);color:#141416;border-radius:999px;font-size:calc(11.5 * var(--u));font-weight:600;padding:calc(4 * var(--u)) calc(10 * var(--u))}#main .st-bot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:calc(10 * var(--u));padding:calc(18 * var(--u))}#main .st-bot div{display:flex;flex-direction:column;gap:calc(4 * var(--u));min-width:0;overflow:hidden}#main .st-bot div>strong{font-family:"Parkinsans",var(--display);font-size:calc(18 * var(--u));font-weight:500;white-space:nowrap}#main .st-bot div>span{font-family:var(--mono);font-size:calc(9.5 * var(--u));letter-spacing:.05em;text-transform:uppercase;opacity:.82;white-space:nowrap}#main .st-bot .r{text-align:right;align-items:flex-end;flex:0 0 auto}#main .cmp-opt.st .cmp-fee{color:rgba(255,255,255,.8)}#main .cmp-opt.st .cmp-pick{background:rgba(255,255,255,.92);color:#141416}#main .cmp-opt.st.win{background:#222}#main .cmp-opt.st:not(.win)>img{filter:saturate(.75) brightness(.92)}/* shared */
#main .cmp-num{font-family:"Parkinsans",var(--display);font-size:calc(26 * var(--u));font-weight:500;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}#main .cmp-fee{font-family:var(--mono);font-size:calc(10 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:rgba(20,20,22,.5);white-space:nowrap;opacity:0;transition:opacity .4s ease}#main .cmp-fee.in{opacity:1}#main .cmp-fee.up{color:#141416}#main .cmp-pick{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(6 * var(--u));font-family:var(--body);font-size:calc(11.5 * var(--u));font-weight:600;letter-spacing:0;text-transform:none;color:#141416;background:#F3F3F4;border-radius:999px;padding:calc(5 * var(--u)) calc(10 * var(--u));opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s cubic-bezier(.3,1.4,.5,1)}#main .cmp-pick b{width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:var(--cta)}#main .cmp-opt.win .cmp-pick{opacity:1;transform:none}#main .cmp-why{display:flex;gap:calc(8 * var(--u));align-items:baseline;font-size:calc(13 * var(--u));color:rgba(20,20,22,.6);opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity .5s ease,transform .5s ease}#main .cmp-why b{font-family:var(--mono);font-size:calc(11 * var(--u));font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#141416}#main .cmp-why.in{opacity:1;transform:none}#main .cmp-cols.out{opacity:0;transform:translateY(calc(6 * var(--u)));transition:opacity .25s ease,transform .25s ease}
@media (max-width:720px){#main .cmp{--u:calc(100cqw / 600);padding:calc(24 * var(--u)) calc(26 * var(--u))}#main .cmp-route, #main .cmp-why, #main .st-bot div>span, #main .fx-head i, #main .fx-sheet .cmp-fee{display:none}#main .cmp-seg button{height:calc(44 * var(--u));width:calc(120 * var(--u));font-size:calc(17 * var(--u))}#main .cmp-thumb{height:calc(44 * var(--u));width:calc(120 * var(--u))}#main .cmp[data-scene="1"] .cmp-thumb{transform:translateX(calc(120 * var(--u)))}}/* ---------- Voice card: live waveform cut from the photo ---------- */
#main .card-media.vw-media{background:#F6F6F6}#main .vw{position:absolute;left:0;right:0;top:50%;aspect-ratio:1536/1200;transform:translateY(-50%);container-type:inline-size}#main .vb{--s:1;position:absolute;inset:0;background:var(--vimg) center/100% 100% no-repeat;will-change:clip-path;
  clip-path:inset(calc((var(--c) - var(--h) * var(--s)) * 1%) calc((100 - var(--x1)) * 1%) calc((100 - var(--c) - var(--h) * var(--s)) * 1%) calc(var(--x0) * 1%) round calc(var(--w) * .5cqw))}/* ---------- "More than a trip planner" tiles: quiet idle motion ---------- */
#main .tiles .tile-media.tm-map{background:#000}#main .tm-map img{transform-origin:92% 96%;animation:tmEarth 26s ease-in-out infinite alternate}
@keyframes tmEarth{from{rotate:-3deg;scale:1.22}to{rotate:4deg;scale:1.3}}#main .tm-reel img{animation:tmReel 9s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes tmReel{from{translate:0 2.5%;scale:1.06}to{translate:0 -2.5%;scale:1.06}}#main .tm-wallet img{transform-origin:70% 70%;animation:tmWallet 8s ease-in-out infinite alternate}
@keyframes tmWallet{from{translate:0 1.5%;scale:1.02}to{translate:-1.5% -1.5%;scale:1.07}}#main .tiles .tile-media.tm-talk{background:#000;position:relative}#main .tw{position:absolute;inset:0;container-type:inline-size}#main .tw .vb{--s:1;position:absolute;inset:0;background:var(--vimg) center/100% 100% no-repeat;
  clip-path:inset(calc((var(--c) - var(--h) * var(--s)) * 1%) calc((100 - var(--x1)) * 1%) calc((100 - var(--c) - var(--h) * var(--s)) * 1%) calc(var(--x0) * 1%) round calc(var(--w) * .5cqw))}#main .tiles .tile-media img{animation-play-state:paused}#main .tiles.live .tile-media img{animation-play-state:running}
@media (prefers-reduced-motion:reduce){#main .tm-map img, #main .tm-reel img, #main .tm-wallet img{animation:none}}/* ---------- Testimonials: one story at a time, photo + pull quote + traveller tabs ---------- */
#main .tst{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:center;margin-top:clamp(32px,4vw,56px)}#main .tst-media{grid-column:1/span 6;position:relative;aspect-ratio:4/4.4;border-radius:20px;overflow:hidden;background:var(--surface)}#main .tst-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.16,1,.3,1)}#main .tst-media img.on{opacity:1;transform:scale(1)}#main .tst-chip{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:8px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}#main .tst-body{grid-column:8/span 5;position:relative;display:flex;flex-direction:column;gap:40px}#main .tst-mark{font-family:"Parkinsans",var(--display);font-size:96px;line-height:.6;height:40px;color:rgba(20,20,22,.12)}#main .tst-qs{display:grid}#main .tst-q{grid-area:1/1;margin:0;display:flex;flex-direction:column;gap:28px;opacity:0;pointer-events:none}#main .tst-q blockquote{margin:0;display:flex;flex-direction:column;gap:16px}#main .tst-big{margin:0;font-family:"Parkinsans",var(--display);font-weight:500;font-size:clamp(28px,2.6vw,40px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}#main .tst-more{margin:0;font-size:17px;line-height:1.6;color:var(--ink-2);max-width:44ch}#main .tst-q figcaption{display:flex;flex-direction:column;gap:4px}#main .tst-q figcaption b{font-weight:500;font-size:16px}#main .tst-q figcaption span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}#main .tst-q>*{transform:translateY(12px);opacity:0;transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1)}#main .tst-q.on{opacity:1;pointer-events:auto}#main .tst-q.on>*{opacity:1;transform:none}#main .tst-q.on>*:nth-child(2){transition-delay:.12s}#main .tst-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#main .tst-tab{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;position:relative;padding-bottom:14px;min-width:0}#main .tst-th{flex:0 0 auto;width:48px;height:48px;border-radius:14px;overflow:hidden;opacity:.55;transition:opacity .4s ease}#main .tst-th img{width:100%;height:100%;object-fit:cover}#main .tst-tx{display:flex;flex-direction:column;gap:2px;min-width:0;opacity:.55;transition:opacity .4s ease}#main .tst-tx b{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .tst-tx span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .tst-tab.on .tst-th, #main .tst-tab.on .tst-tx, #main .tst-tab:hover .tst-th, #main .tst-tab:hover .tst-tx{opacity:1}#main .tst-tab:focus-visible{outline:2px solid rgba(20,20,22,.3);outline-offset:4px;border-radius:12px}#main .tst-bar{position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:rgba(20,20,22,.08);overflow:hidden}#main .tst-bar i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}#main .tst-tab.on .tst-bar i{animation:tstFill var(--dur,6s) linear forwards}#main .tst.paused .tst-tab.on .tst-bar i{animation-play-state:paused}
@keyframes tstFill{to{transform:scaleX(1)}}
@media (max-width:900px){#main .tst-media{grid-column:1/-1;aspect-ratio:4/3.4}#main .tst-body{grid-column:1/-1;gap:28px}#main .tst-mark{display:none}#main .tst-tx{display:none}#main .tst-nav{grid-template-columns:repeat(3,auto);justify-content:start;gap:16px}}/* ---------- Testimonials v4: photo deck you flick through + quote panel ---------- */
#main .dk{display:flex;justify-content:center;align-items:center;gap:clamp(48px,7vw,112px);margin-top:clamp(40px,5vw,72px)}#main .dk-stack{--o:22px;flex:0 0 clamp(300px,30vw,440px);position:relative;aspect-ratio:4/4.8;margin-bottom:calc(var(--o) * 3);touch-action:pan-y;cursor:grab;user-select:none}#main .dk-stack:active{cursor:grabbing}#main .dk-card{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:#ddd;will-change:transform;
  box-shadow:0 2px 6px rgba(20,20,22,.05),0 24px 56px rgba(20,20,22,.14);
  transform-origin:50% 100%;transform:translateY(calc(var(--k) * var(--o))) scale(calc(1 - var(--k) * .06));
  opacity:calc(1 - var(--k) * .12);z-index:calc(10 - var(--k));transition:transform .8s cubic-bezier(.65,0,.25,1),opacity .6s ease}#main .dk-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}#main .dk-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.35));pointer-events:none}#main .dk-tag{position:absolute;z-index:1;left:20px;bottom:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:7px 12px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .4s ease}#main .dk-card.top .dk-tag{opacity:1}#main .dk-card.fly{transition:transform .55s cubic-bezier(.55,0,.75,.2),opacity .45s ease;opacity:0}#main .dk-card.drag{transition:none}#main .dk-side{flex:0 1 auto;width:fit-content;max-width:440px;min-width:0;display:flex;flex-direction:column;gap:36px}#main .dk-count{display:flex;align-items:baseline;gap:8px;font-family:var(--mono);letter-spacing:.06em}#main .dk-count b{font-weight:500;font-size:14px;color:var(--ink)}#main .dk-count span{font-size:12px;color:var(--ink-2)}#main .dk-qs{display:grid}#main .dk-q{grid-area:1/1;margin:0;display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .45s ease,transform .7s cubic-bezier(.16,1,.3,1)}#main .dk-q.on{opacity:1;transform:none;pointer-events:auto;transition-delay:.15s}#main .dk-q blockquote{margin:0;font-family:"Parkinsans",var(--display);font-weight:500;font-size:clamp(26px,2.4vw,38px);line-height:1.18;letter-spacing:-.02em;color:var(--ink)}#main .dk-q figcaption{display:flex;flex-direction:column;gap:4px}#main .dk-q figcaption b{font-weight:500;font-size:16px}#main .dk-q figcaption span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}#main .dk-ctrl{display:flex;align-items:center;gap:10px}#main .dk-btn{all:unset;cursor:pointer;width:48px;height:48px;border-radius:50%;background:#F3F3F4;display:grid;place-items:center;color:var(--ink);transition:background .3s ease,transform .3s ease}#main .dk-btn:hover{background:#EAEAEC;transform:scale(1.05)}#main .dk-btn:focus-visible{box-shadow:0 0 0 3px rgba(20,20,22,.2)}#main .dk-btn svg{width:20px;height:20px}#main .dk-dots{display:flex;gap:6px;margin-left:12px}#main .dk-dots i{width:6px;height:6px;border-radius:9px;background:rgba(20,20,22,.15);transition:width .5s cubic-bezier(.16,1,.3,1),background .3s ease}#main .dk-dots i.on{width:22px;background:var(--ink)}
@media (max-width:900px){#main .dk{flex-direction:column;gap:28px}#main .dk-stack{--o:14px;flex:none;width:min(84%,420px);margin-top:12px}#main .dk-side{flex:none;width:100%;gap:24px;text-align:center;align-items:center}#main .dk-count, #main .dk-ctrl{justify-content:center}#main .dk-q figcaption{align-items:center}}/* ---------- Compare widget card (flights + stays, real UI) ---------- */
#main .cw-media{container-type:inline-size;background:#F5F5F5;--u:calc(100cqw / 700);font-family:"Inter",var(--body);color:#141416}#main .cw{position:absolute;background:#fff;border-radius:calc(24 * var(--u));padding:calc(20 * var(--u));box-shadow:0 1px 2px rgba(0,0,0,.05),0 calc(24 * var(--u)) calc(48 * var(--u)) rgba(20,20,22,.10);transition:transform .8s var(--ease)}#main .cw-fl{left:calc(56 * var(--u));top:calc(56 * var(--u));width:calc(420 * var(--u))}#main .cw-st{right:calc(48 * var(--u));bottom:calc(52 * var(--u));width:calc(380 * var(--u))}#main .card:hover .cw-fl{transform:translateY(calc(-8 * var(--u))) rotate(-1deg)}#main .card:hover .cw-st{transform:translateY(calc(-8 * var(--u))) rotate(1deg)}#main .cw-meta{display:flex;justify-content:space-between;align-items:center;font-size:calc(12 * var(--u));font-weight:500;color:rgba(20,20,22,.5);margin-bottom:calc(12 * var(--u));white-space:nowrap}#main .cw-route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(12 * var(--u));background:#F5F5F7;border-radius:calc(16 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u));margin-bottom:calc(12 * var(--u))}#main .cw-pt{display:flex;flex-direction:column;gap:calc(2 * var(--u))}#main .cw-pt.r{align-items:flex-end;text-align:right}#main .cw-pt b{font-size:calc(28 * var(--u));font-weight:600;letter-spacing:-.02em;line-height:1}#main .cw-pt span{font-size:calc(11 * var(--u));color:rgba(20,20,22,.5)}#main .cw-pt i{font-style:normal;font-size:calc(13 * var(--u));font-weight:500;margin-top:calc(4 * var(--u));font-variant-numeric:tabular-nums}#main .cw-mid{display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--u))}#main .cw-line{position:relative;width:100%;height:calc(16 * var(--u));display:grid;place-items:center}#main .cw-line::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:calc(1.5 * var(--u)) dashed rgba(20,20,22,.22)}#main .cw-line svg{position:relative;width:calc(16 * var(--u));height:calc(16 * var(--u));color:#141416;background:#F5F5F7;padding:0 calc(4 * var(--u));box-sizing:content-box;transform:rotate(90deg)}#main .cw-mid em{font-style:normal;font-size:calc(11 * var(--u));color:rgba(20,20,22,.55);white-space:nowrap}#main .cw-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-radius:calc(14 * var(--u));background:#F7F7F8}#main .cw-row+.cw-row{margin-top:calc(8 * var(--u))}#main .cw-row.dim{opacity:.45}#main .cw-row.pick{background:#fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) rgba(20,20,22,.04),0 calc(10 * var(--u)) calc(24 * var(--u)) rgba(20,20,22,.10)}#main .cw-ic{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(10 * var(--u));display:grid;place-items:center;background:#EDEDF0;color:#141416;font-size:calc(11 * var(--u));font-weight:700;letter-spacing:.02em}#main .cw-ic.g{background:var(--cta);color:#fff}#main .cw-th{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(12 * var(--u));overflow:hidden;display:block}#main .cw-th img{width:100%;height:100%;object-fit:cover;display:block}#main .cw-tx{display:flex;flex-direction:column;gap:calc(2 * var(--u));min-width:0}#main .cw-tx strong{font-size:calc(14 * var(--u));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .cw-tx small{font-size:calc(11 * var(--u));color:rgba(20,20,22,.5);white-space:nowrap}#main .cw-pr{display:flex;flex-direction:column;align-items:flex-end;gap:calc(2 * var(--u))}#main .cw-pr strong{font-size:calc(15 * var(--u));font-weight:600;font-variant-numeric:tabular-nums}#main .cw-pr small{font-size:calc(11 * var(--u));color:rgba(20,20,22,.5);white-space:nowrap}#main .cw-tag{display:inline-flex;align-items:center;gap:calc(4 * var(--u));color:#141416!important;font-weight:600}#main .cw-tag b{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:var(--cta)}#main .cw-why{margin-top:calc(12 * var(--u));background:#F5F5F7;border-radius:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(14 * var(--u));font-size:calc(12 * var(--u));color:rgba(20,20,22,.7)}#main .cw-why b{color:#141416;font-weight:600}
@media (max-width:720px){#main .cw-media{--u:calc(100cqw / 560)}#main .cw-fl{left:calc(24 * var(--u));top:calc(24 * var(--u));width:calc(420 * var(--u))}#main .cw-st{display:none}}/* ---------- Live widgets card (Figma "Honest price" + "Stays side by side") ---------- */
#main .live-media{container-type:inline-size;aspect-ratio:844/550;display:grid;place-items:center;background:#F5F5F5}#main .lw-row{--u:calc(100cqw / 700);display:flex;gap:calc(16 * var(--u));align-items:center;justify-content:center;font-family:"Inter",var(--body);color:#000}#main .lw{width:calc(320 * var(--u));height:calc(320 * var(--u));background:#fff;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 1px 1.5px rgba(0,0,0,.05),0 24px 24px rgba(0,0,0,.10);transition:transform .8s var(--ease)}#main .lw-price{border-radius:calc(24 * var(--u));padding:calc(22 * var(--u))}#main .lw-stays{border-radius:calc(22 * var(--u));padding:calc(16 * var(--u))}#main .card.live:hover .lw-price{transform:translateY(calc(-8 * var(--u))) rotate(-1.5deg)}#main .card.live:hover .lw-stays{transform:translateY(calc(-8 * var(--u))) rotate(1.5deg)}#main .lw-meta{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:calc(12 * var(--u));color:rgba(0,0,0,.5);white-space:nowrap}#main .lw-stays .lw-meta{font-size:calc(11.5 * var(--u))}#main .lw-badge{background:rgba(0,0,0,.08);color:#000;font-weight:600;font-size:calc(10.5 * var(--u));padding:calc(4 * var(--u)) calc(9 * var(--u));border-radius:999px}#main .lw-total{display:flex;flex-direction:column;gap:calc(6 * var(--u));text-align:center}#main .lw-total strong{font-weight:600;font-size:calc(60 * var(--u));line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}#main .lw-total span{font-size:calc(14 * var(--u));color:rgba(0,0,0,.55)}#main .lw-break{display:flex;flex-direction:column;gap:calc(16 * var(--u))}#main .lw-bar{display:flex;gap:calc(4 * var(--u))}#main .lw-bar i{display:block;height:calc(12 * var(--u));border-radius:calc(6 * var(--u));transform-origin:left;transition:transform 1.2s var(--ease)}#main .lw-bar .fare{background:var(--cta)}#main .lw-bar .tax{background:#E0E0E0;transition-delay:.15s}#main .live-media:not(.in) .lw-bar i{transform:scaleX(0)}#main .lw-legend{display:flex;justify-content:space-between}#main .lw-legend>div{display:flex;flex-direction:column;gap:calc(3 * var(--u))}#main .lw .lab{display:flex;align-items:center;gap:calc(6 * var(--u));font-weight:500;font-size:calc(11.5 * var(--u));color:rgba(0,0,0,.5)}#main .lw .val{font-weight:600;font-size:calc(15 * var(--u));letter-spacing:-.01em;font-variant-numeric:tabular-nums}#main .lwd{display:inline-block;width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%}#main .lwd.fare{background:var(--cta)}#main .lwd.tax{background:#E0E0E0}#main .lwd.bag{background:#F0F0F0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}#main .lw-pair{display:flex;gap:calc(10 * var(--u))}#main .lw-stay{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(8 * var(--u))}#main .lw-stay.dim{opacity:.72}#main .lw-photo{position:relative;height:calc(124 * var(--u));border-radius:calc(14 * var(--u));overflow:hidden}#main .lw-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}#main .card.live:hover .lw-photo img{transform:scale(1.06)}#main .lw-pick{position:absolute;left:calc(8 * var(--u));top:calc(8 * var(--u));display:flex;align-items:center;gap:calc(4 * var(--u));background:#fff;border-radius:999px;
  padding:calc(3 * var(--u)) calc(7 * var(--u));font-weight:600;font-size:calc(10 * var(--u));box-shadow:0 2px 4px rgba(0,0,0,.12);white-space:nowrap}#main .lw-pick .lwd{width:calc(6 * var(--u));height:calc(6 * var(--u))}#main .lw-txt{display:flex;flex-direction:column;gap:calc(2 * var(--u));white-space:nowrap}#main .lw-txt strong{font-family:var(--display);font-weight:500;font-size:calc(13 * var(--u));letter-spacing:-.01em}#main .lw-txt .pr{font-size:calc(12 * var(--u));color:rgba(0,0,0,.6)}#main .lw-txt .pr b{font-weight:600;color:#000}#main .lw-txt .mut{font-size:calc(11 * var(--u));color:rgba(0,0,0,.6)}#main .lw-txt .ok{font-size:calc(11 * var(--u));font-weight:500}#main .lw-why{background:rgba(0,0,0,.04);border-radius:calc(12 * var(--u));padding:calc(9 * var(--u)) calc(11 * var(--u));font-size:calc(11.5 * var(--u));line-height:1.45;color:rgba(0,0,0,.6)}#main .lw-why b{font-weight:600;color:#000}
@media (max-width:720px){#main .lw-row{--u:calc(100cqw / 420)}#main .lw-stays{display:none}}/* ---------- More than a planner ---------- */
#main .more{position:relative;padding-block:clamp(64px,10vw,160px)}#main .more h2{font-size:clamp(32px,8vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.025em;max-width:none;position:relative;z-index:2}#main .tiles{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(48px,6vw,96px)}#main .tile{display:flex;flex-direction:column;gap:12px;min-width:0}#main #more .tile{background:var(--bg)}/* the route passes behind whole tiles, never across their text */
@media (min-width:721px){#main .more{padding-bottom:clamp(120px,16vw,260px)}}#main .tile-media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:331/360;background:var(--surface);max-width:100%}#main .tile-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}#main .tile:hover .tile-media img{transform:scale(1.04)}#main .tile h3{font-size:24px;line-height:1.2}#main .tile p{margin:0;color:var(--ink-2);max-width:32ch}#main .banner{padding-block:clamp(24px,4vw,64px)}#main .banner-card{border-radius:var(--r-lg);overflow:hidden;transform-origin:center;will-change:transform;max-width:100%}#main .banner-card img{width:100%;height:auto}/* ---------- People ---------- */
#main .people{padding-block:clamp(64px,8vw,128px)}#main .strip-photos{display:grid;grid-template-columns:528fr 1588fr 524fr;gap:16px;align-items:start}#main .ph{border-radius:var(--r-lg);overflow:hidden;max-width:100%;transition:transform 1.2s var(--ease)}#main .ph img{width:100%;height:auto}#main .quote{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:24px}#main .quote p{grid-column:4/span 6;margin:0;font-family:var(--display);font-size:clamp(22px,2.2vw,32px);line-height:1.25;letter-spacing:-.01em}#main .quote .mono{grid-column:4/span 6;color:var(--ink-2)}/* ---------- Destinations ---------- */
#main .dest{padding-block:clamp(64px,8vw,128px)}#main .dest-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#main .d{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:var(--r-lg);background:var(--surface);text-decoration:none;overflow:hidden;min-height:136px;justify-content:flex-end;transition:background .4s ease}#main .d strong{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.02em;position:relative;z-index:1}#main .d span{color:var(--ink-2);font-size:14px;position:relative;z-index:1;font-variant-numeric:tabular-nums}#main .d::after{content:"";position:absolute;inset:0;background:var(--cta);opacity:0;transition:opacity .45s ease}#main .d:hover::after{opacity:1}#main .d:hover strong, #main .d:hover span{color:#fff}#main .d .go{right:20px;top:20px;z-index:1}#main .d:hover .go{transform:scale(1)}/* ---------- Globe ---------- */
#main .globe-sec{position:relative;height:260vh;margin-left:calc(-1 * max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1 * max(16px,env(safe-area-inset-right,0px)))}/* Transparent, not --surface-2. The grey panel behind the globe was the
   designer's; asked for it to drop out so the section sits on the page
   background like the sections either side of it. */
#main .globe-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:transparent;display:grid;place-items:center}#main .globe-sticky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#main .words{position:relative;z-index:2;width:min(1100px,88vw);display:flex;flex-direction:column;gap:clamp(4px,1vw,12px);pointer-events:none}#main .words .row{display:flex;justify-content:space-between;font-family:var(--display);font-size:clamp(34px,6.4vw,104px);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase}#main .words .row.c{justify-content:center}#main .w{color:#CFCFD5;opacity:0;transform:translateY(.12em);transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}#main .w.on{opacity:1;transform:none}#main .w.g{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}#main .globe-cap{position:absolute;left:max(28px,env(safe-area-inset-left,0px));right:max(28px,env(safe-area-inset-right,0px));bottom:28px;display:flex;justify-content:space-between;color:var(--ink-2);z-index:2}/* ---------- Sign-off ---------- */
/* FAQ: heading left, accordion cards right (no borders, soft lift) */
#main .faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding-block:clamp(80px,10vw,160px) 0;align-items:start}#main .faq-eye{margin:0 0 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}#main .faq-head h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1.05;letter-spacing:-.025em;max-width:9ch}#main .faq-sub{margin:16px 0 0;font-size:15px;line-height:1.55;color:var(--ink-2)}#main .faq-list{display:flex;flex-direction:column;gap:12px}#main .faq-it{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(20,20,22,.04),0 10px 30px -14px rgba(20,20,22,.14);overflow:hidden}#main .faq-it summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px 20px 24px;font-family:var(--display);font-size:clamp(15px,1.15vw,17px);color:var(--ink)}#main .faq-it summary::-webkit-details-marker{display:none}#main .faq-it summary i{flex:none;position:relative;width:28px;height:28px;border-radius:8px;background:#F2F2F4;transition:background .2s ease}#main .faq-it summary i::before, #main .faq-it summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:#2C2C2A;border-radius:2px;transform:translate(-50%,-50%);transition:transform .3s ease}#main .faq-it summary i::after{transform:translate(-50%,-50%) rotate(90deg)}#main .faq-it[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg)}#main .faq-it summary:hover i{background:#EAEAEE}#main .faq-it summary:focus-visible{outline:2px solid var(--cta-a);outline-offset:-2px;border-radius:14px}#main .faq-it p{margin:0;padding:0 64px 22px 24px;font-size:14px;line-height:1.6;color:var(--ink-2)}#main .faq-it[open] p{animation:faqIn .35s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:900px){#main .faq{grid-template-columns:1fr;gap:28px}#main .faq-head h2{max-width:none}}#main .signoff{padding-block:clamp(72px,9vw,140px) clamp(48px,6vw,96px)}/* Final CTA card: photo, centred headline and a single chat bar */
#main .go-card{position:relative;border-radius:24px;overflow:hidden;min-height:clamp(380px,32vw,520px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;isolation:isolate}#main .go-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#main .go-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,14,10,.32),rgba(20,14,10,.42) 55%,rgba(20,14,10,.5))}#main .go-in{width:100%;max-width:640px;box-sizing:border-box;padding:clamp(40px,5vw,72px) 20px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}#main .go-eye{margin:0 0 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}#main .go-title{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(32px,3.9vw,56px);line-height:1.1;letter-spacing:-.02em;color:#fff;text-wrap:balance}#main .go-ask{margin-top:clamp(24px,3vw,36px);width:100%;max-width:560px;height:56px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:6px 6px 6px 18px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}#main .go-ask input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);text-overflow:ellipsis}#main .go-ask input::placeholder{color:#8E8E96}#main .go-ask .btn{flex:none;height:44px;padding:0 20px;font-size:14px;border-radius:10px;white-space:nowrap}#main .go-note{margin:16px 0 0;font-size:13px;color:rgba(255,255,255,.85)}
@media (max-width:720px){#main .go-card{border-radius:18px;min-height:440px}#main .go-ask{height:52px}}#main .signoff-row{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:clamp(48px,6vw,96px);align-items:start}#main .big-cta{grid-column:1/span 4;justify-self:start}#main .cols{grid-column:6/span 7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}#main .cols .mono{color:var(--ink-3);margin-bottom:12px}#main .cols a{display:block;text-decoration:none;font-size:15px;line-height:2;overflow-wrap:anywhere}#main .cols a:hover{color:var(--cta-b)}#main .ticker{margin-top:clamp(64px,8vw,120px);overflow:hidden;white-space:nowrap;padding-block:16px;color:var(--ink-3)}#main .ticker div{display:inline-flex;gap:48px;padding-right:48px;animation:slide 30s linear infinite}
@keyframes slide{to{transform:translateX(-100%)}}#main .foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:16px max(16px,env(safe-area-inset-bottom,0px));color:var(--ink-2)}/* ---------- Footer (Figma "Footer") ---------- */
#main .f-top{display:flex;gap:64px;align-items:flex-start;max-width:1280px;width:100%;margin-inline:auto}#main .f-community{flex:none;width:320px;background:rgba(255,255,255,.04);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}#main .f-title{margin:0;font-family:var(--display);font-weight:600;font-size:20px}#main .f-text{margin:0 0 8px;font-size:14px;line-height:24px;color:rgba(255,255,255,.6)}#main .f-h{margin:0 0 16px;font-family:var(--body);font-weight:600;font-size:12px;line-height:16px;letter-spacing:1.2px;text-transform:uppercase;color:#fff}#main .f-divider{height:1px;background:rgba(255,255,255,.12);max-width:1280px;width:100%;margin-inline:auto}#main .f-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1280px;width:100%;margin-inline:auto;font-size:14px;color:rgba(255,255,255,.6)}#main .f-bottom p{margin:0}
@media (max-width:1180px){#main .f-top{flex-direction:column}#main .f-community{width:100%}}
@media (max-width:720px){}#main .paused .ticker div, #main .paused .layer .bob{animation-play-state:paused}/* =========================================================
   MOTION LAYER (Lusion-grade): split-text, media reveals,
   scroll-velocity bend, label roll, curtain footer
   ========================================================= */
@property --rv{syntax:'<number>';inherits:true;initial-value:1}
@property --hv{syntax:'<number>';inherits:true;initial-value:1}#main{--sk:0deg}/* split text */
#main .sp-w{display:inline-block;white-space:nowrap}#main .sp-c{display:inline-block;will-change:transform,opacity;transform-origin:50% 100%;
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .8s ease;transition-delay:calc(var(--i,0) * 22ms)}#main .sp-pre .sp-c{transform:translate3d(0,.62em,0) rotate(9deg);opacity:0}#main .sp-hero .sp-w{transform-origin:0 100%;transition:transform 1.3s cubic-bezier(.16,1,.3,1),opacity .9s ease;transition-delay:calc(var(--i,0) * 70ms + .1s)}#main .sp-hero.sp-pre .sp-w{transform:translate3d(0,.35em,0) rotate(14deg);opacity:0}#main .grad.sp-w, #main .sp-w.grad{background:var(--cta);-webkit-background-clip:text;background-clip:text;color:transparent}/* copy fades */
#main .rv-txt{transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1s ease;transition-delay:var(--d,0s)}#main .rv-txt.rv-pre{transform:translate3d(0,24px,0);opacity:0}/* media reveal: wipe up + settle from 1.18x */
#main .card-media, #main .tile-media, #main .ph, #main .banner-card, #main .statement-img{transition:clip-path 1.3s cubic-bezier(.77,0,.18,1),--rv 1.6s cubic-bezier(.16,1,.3,1)}#main .card, #main .tile{transition:--hv 1s cubic-bezier(.2,.8,.2,1)}#main .card:hover, #main .tile:hover{--hv:1.04}#main .card-media img, #main .tile-media img, #main .ph img, #main .banner-card img{transform:scale(calc(var(--rv) * var(--hv)));transition:none}#main .rv-media.rv-pre{clip-path:inset(100% 0 0 0 round 24px);--rv:1.18}#main .rv-media{clip-path:inset(0 0 0 0 round 24px)}/* bend with scroll speed */
#main .tile-media{transform:skewY(var(--sk));transform-origin:50% 50%}#main .ph img{transform:scale(calc(var(--rv) * var(--hv))) skewY(var(--sk))}/* label roll on hover */
#main .btn, #main .pill{overflow:hidden}#main .roll{display:inline-block;position:relative;overflow:hidden;vertical-align:top;height:1.25em;line-height:1.25em}#main .roll>span{display:block;transition:transform .5s cubic-bezier(.76,0,.24,1)}#main .roll>span+span{position:absolute;left:0;top:100%}#main .btn:hover .roll>span, #main .pill:hover .roll>span{transform:translateY(-100%)}/* scroll hint pulse */
#main .pulse span{display:inline-block;animation:pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.45}}/* curtain footer */
body.curtain{padding-left:0;padding-right:0}body.curtain main{position:relative;z-index:2;background:var(--bg);margin-bottom:var(--fh,0px);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  border-radius:0 0 32px 32px;box-shadow:0 30px 60px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){#main .sp-c, #main .sp-w, #main .rv-txt, #main .card-media, #main .tile-media, #main .ph, #main .banner-card{transition:none!important}#main .pulse span{animation:none}#main{--sk:0deg!important}}/* ---------- Hero scene: rendered travel still life with the film on the laptop ---------- */
#main .film-stage .vid.scene{background:#E1DFE0;aspect-ratio:16/9}#main .scene-inner{position:absolute;inset:0}#main .scene-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none}#main .scene-box{position:absolute;left:0;top:0;width:1536px;height:864px;transform-origin:0 0;transform:scale(var(--sk2,1))}#main .scr{position:absolute;left:540.5px;top:121.5px;width:455px;height:275px;overflow:hidden;border-radius:3px;background:#0a0b0e}#main .scr video, #main .scr .scr-anim{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}#main .scr .scr-anim[hidden]{display:none}#main .scr .glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 30%)}#main .lampdark{position:absolute;left:-260px;top:-200px;width:1000px;height:1000px;pointer-events:none;mix-blend-mode:multiply;opacity:calc(1 - var(--L));background:radial-gradient(50% 50% at 40% 38%,rgba(150,146,150,.85),rgba(170,168,172,.45) 45%,rgba(255,255,255,0) 72%)}#main .lampoff{position:absolute;left:48px;top:185px;width:282px;height:42px;border-radius:50%;pointer-events:none;
  background:radial-gradient(60% 80% at 50% 30%,rgba(70,62,55,.85),rgba(70,62,55,.55) 55%,rgba(70,62,55,0) 100%);transition:opacity .25s}#main .lampglow{position:absolute;inset:0;pointer-events:none}#main .lampglow i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen}#main .lampglow .bulb{left:60px;top:178px;width:260px;height:60px;background:radial-gradient(50% 60% at 50% 35%,rgba(255,246,222,1),rgba(255,224,170,.65) 45%,rgba(255,214,160,0) 75%)}#main .lampglow .wash{left:20px;top:110px;width:1060px;height:740px;background:radial-gradient(46% 50% at 22% 16%,rgba(255,222,172,.32),rgba(255,222,172,.12) 45%,rgba(255,222,172,0) 76%)}#main .lampglow .halo{left:50px;top:165px;width:300px;height:150px;background:radial-gradient(50% 50% at 50% 30%,rgba(255,226,180,.55),rgba(255,226,180,.15) 50%,rgba(255,226,180,0) 76%)}#main .lampglow .pool{left:-20px;top:590px;width:960px;height:270px;background:radial-gradient(50% 50% at 30% 42%,rgba(255,222,170,.42),rgba(255,222,170,.14) 50%,rgba(255,222,170,0) 76%)}
@property --L{syntax:'<number>';inherits:true;initial-value:0}#main .scene{--L:0}#main .lampglow{opacity:var(--L)!important}#main .lampoff{opacity:calc(1 - var(--L))!important;transition:none!important}/* the room is dim and muted until the lamp lights it */
#main .scene .scene-plate{filter:brightness(calc(.8 + .2 * var(--L))) saturate(calc(.78 + .22 * var(--L))) sepia(calc(.06 * var(--L)))}#main .bpass{position:absolute;left:686px;top:464px;width:146px;height:46px;background:url(__ASSET_3__) 0 0/100% 100% no-repeat;transform-origin:36px 21px;will-change:transform,filter;
  transform:perspective(520px) rotate3d(.891,-.453,0,var(--ba,0deg)) translate3d(0,var(--by,0px),0);filter:brightness(calc(.8 + .2 * var(--L))) saturate(calc(.78 + .22 * var(--L))) sepia(calc(.06 * var(--L))) drop-shadow(0 calc(var(--bs,0) * 6px) calc(var(--bs,0) * 5px) rgba(40,20,10,calc(var(--bs,0) * .35)))}#main .scene-box canvas.smoke{position:absolute;inset:auto;left:1200px;top:200px;width:300px;height:380px;pointer-events:none;z-index:auto}
@media (max-width:720px){#main .film-stage .vid.scene{aspect-ratio:4/5}}
@media (prefers-reduced-motion:reduce){#main .smoke{display:none}#main .scene{--L:1!important;animation:none!important}#main .scene-inner{transform:none}}/* ---------- Responsive ---------- */
@media (max-width:1180px){#main .nav{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
}
@media (max-width:1024px){#main .nav-links, #main .nav .nav-actions{display:none}#main .burger{display:inline-flex}#main .hero h1{grid-column:1/-1}#main .hero-sub{grid-column:1/-1}#main .statement-img, #main .statement-copy{grid-column:1/-1}#main .big-cta{grid-column:1/-1;margin-bottom:40px}#main .cols{grid-column:1/-1}#main .dest-list{grid-template-columns:repeat(2,minmax(0,1fr))}#main .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#main .quote p, #main .quote .mono{grid-column:1/-1}
}
@media (max-width:720px){#main .grid{grid-template-columns:minmax(0,1fr)}#main .nav{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}#main .board{aspect-ratio:auto;padding-bottom:72px}#main .l-video{position:relative;left:0;top:0;width:100%}#main .l-flight, #main .l-visa, #main .l-gate, #main .l-stay, #main .l-leave{display:none}#main .l-budget{left:auto;right:0;top:auto;bottom:4px;width:41%}#main .l-why{left:0;top:auto;bottom:-4px;width:56%}#main .stage{padding:16px 8px 40px}#main .film-stage{padding:0;--hs:1!important}#main .film-stage .vid{border-radius:16px}#main .hero-cta .btn{flex:1 1 auto}#main .film-stage .vid-play{right:12px;bottom:12px}#main .stage-tag{display:none}#main .row.a, #main .row.b{grid-template-columns:minmax(0,1fr)}#main .tiles{grid-template-columns:minmax(0,1fr)}#main .strip-photos{grid-template-columns:minmax(0,1fr)}#main .strip-photos .ph:not(.main){display:none}#main .dest-list{grid-template-columns:minmax(0,1fr)}#main .cols{grid-template-columns:repeat(2,minmax(0,1fr))}#main .marks .plus:nth-child(2), #main .marks .plus:nth-child(4){display:none}
}
@media (prefers-reduced-motion:reduce){#main *, #main *::before, #main *::after{animation:none!important;transition:none!important}#main .loader{display:none}
}/* gradient text: extend the painted box below the baseline so y/p/g tails are never cut */
#main .grad, #main .sp-w.grad, #main .words .w.g, #main .logo span, #main .faq-eye, #main a.all, #main .drop .all{padding-bottom:.22em;padding-top:.04em}#main .sp-w.grad, #main .words .w.g, #main .logo span, #main .faq-eye, #main .drop .all{margin-bottom:-.22em;margin-top:-.04em}/* preferences widget: room for the longest item */
#main .duo-widget .dw-it{width:calc(540 * var(--u));margin-left:calc(-270 * var(--u))}#main .dw-it .dw-tx{overflow:visible;text-overflow:clip}#main .ec .ec-progress{display:none}#main .sec-head:has(.sec-sub){flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}#main .sec-head p.sec-sub{font-family:var(--body);font-size:18px;line-height:28px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-2);max-width:44ch;margin:0}
@media (min-width:1025px){#main .statement-img{grid-column:1/span 6}#main .statement-copy{grid-column:8/span 5}}#main .statement-img.ph-stmt{aspect-ratio:844/550;container-type:inline-size}#main .statement-img.ph-stmt img{width:100%;height:100%;object-fit:cover}#main .ph-stmt .ph-copy{padding:5.2cqw 5.6cqw}#main .ph-stmt .ph-copy strong{font-size:5.4cqw;max-width:80%}#main .ph-stmt .ph-copy span{font-size:2.6cqw;max-width:70%}
@media (max-width:720px){#main .ph-stmt .ph-copy strong{font-size:6.6cqw;max-width:82%}#main .ph-stmt .ph-copy span{font-size:3.4cqw;max-width:86%}}/* W1/W2 (Shubham, 15 Oct): hero example chips + header actions */
#main .hf-stage{max-width:min(63.5vw,calc((100svh - var(--nav-h) - clamp(16px,4.4vh,40px) - 1.1 * clamp(30px,3.06vw,44px) - 12px - 58px - 12px - 26px - 20px - 56px) * 1620 / 926))}
@media (max-width:720px){#main .hf-stage{max-width:100%}}#main .hq-ex{margin-top:44px}#main .hq-ex button{height:32px;padding:0 12px}#main .nav-actions .nav-adv{font-family:var(--body);font-size:16px;line-height:20px;color:var(--ink);text-decoration:none;padding:12px 4px;transition:color .2s ease}#main .nav-actions .nav-adv:hover{color:var(--cta-a)}#main .m-panel .nav-actions .nav-adv{text-align:center;padding:16px 0}/* ===== SEO pages + Figma sections (17 Oct) ===== */
#main{--inter:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;--page:1216px;--gutter:112px}
@media (max-width:1280px){#main{--gutter:48px}}
@media (max-width:720px){#main{--gutter:16px}}#main .ph-img{background:linear-gradient(160deg,#ECECEF,#E0E0E4);position:relative;overflow:hidden}#main .ph-img>img{width:100%;height:100%;object-fit:cover;display:block}/* Destinations menu: full-width panel under the nav, opens with the existing Destinations dropdown */
#main .nav-links>li.has-drop{position:static}
@media (max-width:1180px){
}
@media (max-width:1024px){

}
@media (max-width:720px){

}/* Where people are going: same section spacing as the rest of the homepage */

#main .w-sec{max-width:1440px;margin-inline:auto;padding:60px;display:flex;flex-direction:column;gap:48px;background:#fff}#main .w-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}#main .w-title{display:flex;flex-direction:column;gap:20px;max-width:720px}#main .w-eyebrow{font-family:var(--body);font-weight:500;font-size:20px;line-height:normal;color:rgba(0,0,0,.6)}#main .w-title h2{font-weight:600;font-size:clamp(36px,4.2vw,60px);line-height:normal;color:#050505}#main .w-desc{flex:none;width:400px;max-width:100%;font-family:var(--body);font-size:20px;line-height:normal;color:rgba(0,0,0,.6)}#main .w-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#main .w-card{position:relative;isolation:isolate;height:420px;padding:24px;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-decoration:none;color:#fff}#main .w-photo{position:absolute;inset:0;z-index:-1}#main .w-photo>img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}#main .w-card:hover .w-photo>img{transform:scale(1.04)}#main .w-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:240px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.56))}#main .w-days{background:#fff;color:#050505;border-radius:999px;padding:8px 12px;font-family:var(--body);font-weight:500;font-size:14px;line-height:16px;white-space:nowrap}#main .w-bottom{width:100%;display:flex;align-items:flex-end;gap:12px}#main .w-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}#main .w-name{font-family:var(--display);font-weight:500;font-size:32px;line-height:40px;letter-spacing:-.64px;overflow-wrap:break-word}#main .w-price{font-family:var(--body);font-weight:500;font-size:16px;line-height:24px;color:rgba(255,255,255,.8)}#main .w-arrow{flex:none;width:44px;height:44px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}#main .w-card:hover .w-arrow{transform:translateX(4px)}
@media (max-width:1280px){#main .w-sec{padding:60px 48px}#main .w-name{font-size:28px;line-height:36px}}
@media (max-width:1024px){#main .w-head{flex-direction:column;align-items:flex-start;gap:20px}#main .w-desc{width:auto;max-width:480px}#main .w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#main .w-name{font-size:32px;line-height:40px}
}
@media (max-width:720px){#main .w-sec{padding:48px 16px;gap:32px}#main .w-eyebrow{font-size:16px}#main .w-desc{font-size:18px}#main .w-card{height:360px;padding:20px;border-radius:28px}#main .w-name{font-size:24px;line-height:32px;letter-spacing:-.48px}#main .w-price{font-size:14px;line-height:20px}
}
@media (max-width:560px){#main .w-grid{grid-template-columns:minmax(0,1fr)}#main .w-card{height:400px}#main .w-name{font-size:32px;line-height:40px}}#main .w-card{height:300px;border-radius:24px;padding:24px}
@media (max-width:1024px){#main .w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){#main .w-grid{grid-template-columns:minmax(0,1fr)}#main .w-card{height:240px;padding:24px;border-radius:24px}}#main #dest.w-sec{padding:clamp(64px,8vw,128px) clamp(0px,1.4vw,20px)}