a 1rem left/right/bottom margin; on this full-bleed landing that insets the grey canvas and reveals the page background as edge gutters. Cancel both — safe because this stylesheet is only linked on /travel. */ body{margin:0;background:var(--canvas,#dce2f4);} body > main{margin:0;} /* reset.css sets body>main margin:1rem — match its specificity to win */ .tl{ --canvas:#dce2f4; --card:rgba(255,255,255,0.42); --surface:#ffffff; --ink:#5E6470; --ink-strong:#2B303B; --ink-faint:rgba(94,100,112,0.62); --brand-base:#1c1b29; --magenta:#ff00ff; --violet:#8b00ff; --halo:#b085ff; --hair:rgba(30,50,90,0.10); --hair-soft:rgba(30,50,90,0.05); --tint:rgba(30,50,90,0.02); --font:'Helvetica Regular','Helvetica Neue',Helvetica,Arial,ui-sans-serif,system-ui,sans-serif; --font-head:var(--font); --head-weight:400; --head-style:normal; --head-transform:none; --r-lg:1.5rem; --r-xl:3rem; --corner:3.5rem; --maxw:1840px; --ease:cubic-bezier(.16,1,.3,1); } .tl *{margin:0;padding:0;box-sizing:border-box;} .tl{scroll-behavior:smooth;} .tl{font-family:var(--font);background:var(--canvas);color:var(--ink); overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5;} .tl a{color:inherit;text-decoration:none;} .tl button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;} .tl video, .tl img{display:block;max-width:100%;} .tl{min-height:100vh;background:var(--canvas);} .tl h1{font-family:var(--font-head);font-weight:var(--head-weight);font-style:var(--head-style);text-transform:var(--head-transform);font-size:clamp(3.4rem, 1rem + 8.6vw, 7.6rem);letter-spacing:-0.045em;line-height:0.94;color:var(--ink);} .tl h2{font-family:var(--font-head);font-weight:var(--head-weight);font-style:var(--head-style);text-transform:var(--head-transform);font-size:clamp(1.9rem, 1.1rem + 2.6vw, 3.3rem);letter-spacing:-0.035em;line-height:1.03;color:var(--ink-strong);} .tl h3{font-family:var(--font-head);font-weight:var(--head-weight);font-style:var(--head-style);font-size:1.3rem;letter-spacing:-0.02em;color:var(--ink-strong);} .tl .lede{font-size:clamp(1rem, 0.95rem + 0.3vw, 1.15rem);color:var(--ink);font-weight:400;max-width:48ch;} .tl .eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);} .tl .num{font-variant-numeric:tabular-nums;letter-spacing:-0.02em;} .tl .btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px; font-size:14px;font-weight:500;letter-spacing:-0.01em;padding:12px 14px 12px 22px; transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .25s;} .tl .btn .cap{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;} .tl .btn-ink{background:var(--brand-base);color:#fff;} .tl .btn-ink .cap{background:rgba(255,255,255,0.18);} .tl .btn-ink:hover{transform:translateY(-2px);box-shadow:0 16px 34px -16px rgba(28,27,41,0.6);} .tl .btn-brand{background:linear-gradient(120deg,var(--violet),var(--magenta));color:#fff;} .tl .btn-brand .cap{background:rgba(255,255,255,0.22);} .tl .btn-brand:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px rgba(255,0,255,0.55);} .tl .btn-white{background:#fff;color:var(--ink-strong);padding:13px 24px;} .tl .btn-white:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(0,0,0,0.18);} .tl .btn-outline{border:1px solid var(--hair);color:var(--ink-strong);padding:12px 22px;background:transparent;} .tl .btn-outline:hover{border-color:var(--ink-strong);} .tl .btn-glass{background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.24);color:#fff;padding:13px 24px;} .tl .btn-glass:hover{background:rgba(255,255,255,0.2);} .tl .icnbtn{width:44px;height:44px;border-radius:50%;background:var(--tint);border:1px solid var(--hair-soft); display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease),background .25s;} .tl .icnbtn:hover{background:#fff;transform:scale(1.06);} .tl .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);} .tl .reveal.in{opacity:1;transform:none;} .tl [data-d="1"]{transition-delay:.06s} .tl [data-d="2"]{transition-delay:.12s} .tl [data-d="3"]{transition-delay:.18s} .tl [data-d="4"]{transition-delay:.24s} .tl .hero-wrap{width:100%;height:100svh;min-height:660px;display:flex;align-items:center;justify-content:center;padding:6px;} @media(min-width:768px){.tl .hero-wrap{padding:8px;}} .tl .hero{position:relative;width:100%;height:100%;border-radius:var(--r-xl); overflow:hidden;display:flex;flex-direction:column;isolation:isolate;} .tl .hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;} .tl .hero .veil{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.12) 26%,rgba(0,0,0,0.08) 58%,rgba(0,0,0,0.5) 100%);} .tl .nav{position:fixed;top:0;left:0;right:0;z-index:60;width:100%;display:flex;align-items:center;gap:20px; padding:20px clamp(18px,3vw,40px); transition:background .3s var(--ease),backdrop-filter .3s,padding .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;} .tl .nav.scrolled{padding-top:13px;padding-bottom:13px; background:rgba(244,243,248,0.42);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7); border-bottom:1px solid var(--hair);} .tl .nav.scrolled .nav-links a{color:var(--ink);} .tl .nav.scrolled .nav-links a:hover{color:var(--ink-strong);} .tl .nav.scrolled .logo img{filter:none;} .tl .nav.scrolled .nav-search{color:var(--ink-strong);border-color:var(--hair);background:transparent;} .tl .nav.scrolled .nav-search:hover{background:var(--tint);} .tl .logo{font-size:19px;font-weight:500;letter-spacing:.02em;color:#fff;display:flex;align-items:center;gap:9px;} .tl .logo img{height:25px;width:auto;display:block;} .tl .nav .logo img{filter:brightness(0) invert(1);} .tl .nav-links{display:none;gap:30px;margin:0 auto;} .tl .nav-links a{font-size:14px;color:rgba(255,255,255,0.86);display:inline-flex;align-items:center;gap:4px;transition:color .2s;} .tl .nav-links a:hover{color:#fff;} .tl .nav .demo{margin-left:auto;} @media(min-width:900px){.tl .nav-links{display:flex;} .tl .nav .demo{margin-left:0;}} .tl .nav-right{display:flex;align-items:center;gap:10px;} /* keep the search control and cart button the same height */ .tl .nav-right .btn{height:40px;padding-top:0;padding-bottom:0;display:inline-flex;align-items:center;} .tl .nav-right .nav-search{width:40px;height:40px;} .tl .nav-right .demo{margin-left:0;} @media(max-width:899px){.tl .nav-right{margin-left:auto;}} .tl .nav-search{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center; color:#fff;border:1px solid rgba(255,255,255,0.24);background:rgba(255,255,255,0.08);transition:background .2s;flex:0 0 auto;} .tl .nav-search:hover{background:rgba(255,255,255,0.18);} .tl .hero-mid{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center; text-align:center;padding:20px clamp(18px,4vw,40px) 40px;} .tl .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px; background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.5);font-size:12.5px;font-weight:500;color:var(--ink-strong);margin-bottom:26px;} .tl .badge svg{color:var(--magenta);} .tl .hero-mid h1{color:#fff;max-width:14ch;} .tl .hero-mid h1 em{font-style:normal;color:rgba(255,255,255,0.62);} .tl .hero-mid p{margin-top:22px;color:rgba(255,255,255,0.82);max-width:42ch;font-size:clamp(1rem, 0.95rem + 0.3vw, 1.12rem);} .tl .hero-cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;} .tl .bl-card{position:absolute;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:6; display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:1.4rem; background:rgba(255,255,255,0.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,0.28);box-shadow:0 20px 50px -24px rgba(0,0,0,0.5);max-width:calc(100% - 28px);} .tl .bl-card .av{display:flex;flex:0 0 auto;} .tl .bl-card .av span{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,0.7); margin-left:-9px;background:linear-gradient(135deg,var(--halo),var(--violet));} .tl .bl-card .av span:first-child{margin-left:0;} .tl .bl-card .tx b{display:block;color:#fff;font-size:14px;font-weight:500;} .tl .bl-card .tx span{font-size:12px;color:rgba(255,255,255,0.78);} .tl .bl-card .go{flex:0 0 auto;} .tl .bl-search{position:absolute;left:clamp(12px,2vw,26px);bottom:clamp(12px,2vw,26px);z-index:6; display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px; background:rgba(255,255,255,0.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); border:1px solid rgba(255,255,255,0.3);box-shadow:0 20px 50px -24px rgba(0,0,0,0.5); width:min(380px,calc(100% - 24px));} .tl .bl-search .ic{color:rgba(255,255,255,0.85);flex:0 0 auto;} .tl .bl-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:#fff;font:inherit;font-size:14.5px;padding:9px 0;} .tl .bl-search input::placeholder{color:rgba(255,255,255,0.82);} .tl .bl-go{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:#fff;color:var(--brand-base); display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease);} .tl .bl-go:hover{transform:scale(1.08);} /* ── nav mega menu ──────────────────────────────────────── */ .tl .navmega{position:relative;} /* bridge the gap so moving button -> panel doesn't close it */ .tl .navmega::after{content:'';position:absolute;top:100%;left:0;right:0;height:20px;} /* trigger follows the same two-state colour as .nav-links a — it's a