@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap');

:root{--ink:#123a35;--cream:#f4f0e5;--lime:#d8ef69;--orange:#eb5d39;--line:rgba(18,58,53,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}
.site-header{height:88px;background:var(--cream);display:flex;align-items:center;padding:0 4.5vw;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center}.brand img{display:block;width:176px;height:auto}
.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav a{transition:opacity .2s}.nav a:hover{opacity:.55}.nav-cta{background:var(--ink);color:#fff;padding:14px 18px;border-radius:3px}.nav-cta span{color:var(--lime);margin-left:12px}.menu-toggle{display:none;background:none;border:0}
.hero{min-height:720px;height:calc(100vh - 88px);max-height:920px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(10,39,35,.72) 0%,rgba(10,39,35,.33) 46%,rgba(10,39,35,.04) 75%),linear-gradient(0deg,rgba(5,25,22,.3),transparent 45%),url("assets/travelin-hero.webp");background-size:cover;background-position:center}
.hero-content{position:relative;z-index:2;width:min(760px,75%);margin-left:8vw;margin-top:-30px}.eyebrow,.section-kicker{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:2.3px}.eyebrow{display:flex;align-items:center;gap:11px;color:#f8f4e9}.eyebrow span{width:28px;height:2px;background:var(--lime)}
h1,h2{font-family:"DM Serif Display",serif;font-weight:400;letter-spacing:-3px;margin:20px 0;line-height:.92}h1{font-size:clamp(66px,8vw,116px)}h1 em,h2 em{font-weight:400;color:var(--lime)}.hero-copy{font-size:17px;line-height:1.55;max-width:530px;color:rgba(255,255,255,.85)}
.search{height:66px;background:#fff;display:flex;align-items:center;max-width:625px;margin-top:35px;padding:7px 7px 7px 20px;box-shadow:0 20px 60px rgba(0,0,0,.16)}.search svg{width:22px;fill:none;stroke:var(--ink);stroke-width:1.7}.search input{min-width:0;flex:1;height:100%;border:0;outline:0;padding:0 15px;color:var(--ink)}.search button{height:100%;background:var(--lime);color:var(--ink);border:0;padding:0 24px;font-weight:600;cursor:pointer}.search button span{margin-left:15px}
.trending{display:flex;gap:16px;align-items:center;margin-top:18px;font-size:11px}.trending>span{text-transform:uppercase;letter-spacing:1.5px;color:var(--lime)}.trending button{border:0;background:none;color:rgba(255,255,255,.72);padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.hero-note{position:absolute;right:5vw;bottom:50px;z-index:2;width:215px;border-top:1px solid rgba(255,255,255,.6);padding-top:12px;display:flex;gap:25px;font-size:11px;line-height:1.5}.hero-note span{color:var(--lime)}.hero-note p{margin:0}.scroll-cue{position:absolute;z-index:3;left:4vw;bottom:40px;display:flex;gap:18px;align-items:center;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:2px}.scroll-cue i{font-style:normal;color:var(--lime);font-size:18px}
.intro{padding:110px 8vw 75px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;border-bottom:1px solid var(--line)}.section-kicker{color:var(--orange);margin:0 0 22px}.intro h2,.travel-better h2,.newsletter h2{font-size:clamp(50px,6.2vw,88px)}.intro h2{margin:0}.intro h2 em,.travel-better h2 em,.newsletter h2 em{color:var(--orange)}.intro-copy{font-size:16px;line-height:1.8;max-width:460px;margin:0 0 10px}
.category-grid{padding:70px 8vw 120px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:18px}.category{position:relative;border:1px solid var(--line);padding:38px;overflow:hidden;min-height:285px;transition:transform .3s,box-shadow .3s}.category:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(22,56,50,.11)}.category-large{grid-row:1/3;background:var(--ink);color:white;min-height:590px;display:flex;flex-direction:column;justify-content:flex-end}.category-top{background:var(--lime)}.category-bottom{background:#e9e3d4}.card-meta{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;position:relative;z-index:2}.card-meta i{font-size:22px;font-style:normal}.category h3{font-family:"DM Serif Display",serif;font-size:39px;line-height:1;margin:28px 0 14px;font-weight:400;position:relative;z-index:2}.category p{font-size:13px;line-height:1.6;max-width:320px;position:relative;z-index:2}.category-art{position:absolute;left:0;right:0;top:0;height:55%;overflow:hidden}.art-coast{background:linear-gradient(#ed9f70 0 45%,#d8ef69 45% 60%,#5d9c92 60%)}.sun{position:absolute;width:140px;height:140px;border-radius:50%;background:#ffd67b;right:18%;top:8%}.hill{position:absolute;border-radius:50% 50% 0 0;bottom:0}.hill.one{width:75%;height:38%;background:#1c615a;left:-10%;transform:rotate(4deg)}.hill.two{width:62%;height:30%;background:#174a44;right:-12%;transform:rotate(-7deg)}.mini-icon{position:absolute;right:38px;bottom:28px;font-family:serif;font-size:90px;opacity:.16}.ticket-icon{font-size:110px}
.ticker{overflow:hidden;background:var(--orange);color:#fff;white-space:nowrap;padding:16px 0;font-family:"DM Serif Display",serif;font-style:italic;font-size:21px}.ticker div{width:max-content;animation:marquee 22s linear infinite}.ticker b{color:var(--lime);font-style:normal;margin:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}
.travel-better{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.better-heading h2{margin:0}.tip-list{border-top:1px solid var(--line)}.tip-list article{display:grid;grid-template-columns:35px 1fr 35px;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.tip-list article>span{font-size:10px;color:var(--orange)}.tip-list h3{font-family:"DM Serif Display",serif;font-size:25px;font-weight:400;margin:0 0 7px}.tip-list p{font-size:12px;margin:0;color:#55716d}.tip-list a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.2s}.tip-list a:hover{background:var(--ink);color:var(--lime)}
.story{min-height:560px;margin:0 4vw;background:linear-gradient(90deg,rgba(10,42,37,.96),rgba(10,42,37,.62)),url("assets/travelin-hero.webp") center 58%/cover;color:#fff;padding:80px 7vw;display:flex;justify-content:space-between;align-items:flex-end}.section-kicker.light{color:var(--lime)}.story h2{font-size:clamp(55px,7vw,96px);margin:0 0 25px}.story p:not(.section-kicker){max-width:460px;line-height:1.7;color:rgba(255,255,255,.72)}.story-copy>a{display:inline-block;margin-top:20px;border-bottom:1px solid var(--lime);padding-bottom:7px;font-size:13px}.story-copy>a span{color:var(--lime);margin-left:30px}.story-number{font-family:"DM Serif Display",serif;font-size:130px;color:var(--lime);line-height:.7}.story-number span{font-family:"DM Sans";font-size:12px;text-transform:uppercase;letter-spacing:2px}
.newsletter{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.newsletter h2{margin:0}.newsletter form label{font-size:14px}.newsletter form>div{display:flex;border-bottom:1px solid var(--ink);margin-top:22px}.newsletter input{border:0;background:transparent;outline:0;flex:1;padding:16px 0}.newsletter button{border:0;background:none;font-size:25px;color:var(--orange);cursor:pointer}.form-status{font-size:12px;color:var(--orange);min-height:18px}
footer{background:var(--ink);color:#fff;padding:50px 6vw;display:flex;align-items:center;justify-content:space-between;font-size:11px}.footer-brand img{width:165px}footer>p{color:rgba(255,255,255,.5)}footer>div{display:flex;gap:22px;color:rgba(255,255,255,.55)}
@media(max-width:800px){.site-header{height:72px;padding:0 22px}.brand img{width:145px}.menu-toggle{display:block;width:36px;height:36px;padding:8px}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:30px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{height:calc(100svh - 72px);min-height:650px}.hero-bg{background-image:linear-gradient(90deg,rgba(10,39,35,.77),rgba(10,39,35,.18)),url("assets/travelin-hero.webp");background-position:62% center}.hero-content{width:auto;margin:0 22px}.hero-copy{font-size:15px;max-width:90%}h1{font-size:60px;letter-spacing:-2px}.search{height:59px;margin-top:28px}.search button{padding:0 14px}.trending{gap:10px;flex-wrap:wrap}.trending button:last-child{display:none}.hero-note,.scroll-cue{display:none}.intro{padding:75px 22px 50px;grid-template-columns:1fr;gap:35px}.category-grid{padding:35px 22px 75px;display:block}.category{margin-bottom:14px}.category-large{min-height:550px}.travel-better{padding:75px 22px;grid-template-columns:1fr;gap:50px}.story{margin:0;min-height:600px;padding:65px 24px;align-items:flex-end}.story-number{display:none}.newsletter{padding:75px 22px;grid-template-columns:1fr;gap:40px}footer{padding:45px 22px;align-items:flex-start;flex-direction:column;gap:25px}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.category{transition:none}}