.hero { min-height: 500px; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(240px, .5fr); gap: 42px; align-items: end; padding: 88px 0 75px; }.eyebrow { margin: 0 0 17px; color: #79e8d1; font: 750 .76rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; } h1 { max-width: 900px; margin: 0; font-size: clamp(3.45rem, 8.5vw, 7.1rem); line-height: .94; letter-spacing: -.076em; } h1 em { color: var(--site-accent); font-style: normal; }.intro { max-width: 570px; margin: 29px 0 0; color: var(--site-muted); font-size: 1.07rem; line-height: 1.8; }.hero-note { align-self: center; padding: 25px; border: 1px solid #ad8cff6b; border-radius: 17px; background: linear-gradient(145deg, #8b5cf638, #ffffff08); }.hero-note span { color: #86f2dc; font: 700 .72rem ui-monospace, monospace; letter-spacing: .12em; }.hero-note strong { display: block; margin-top: 20px; font-size: 1.28rem; line-height: 1.5; }.hero-note p { margin: 11px 0 0; color: var(--site-muted); font-size: .88rem; line-height: 1.65; }.content-section { padding-bottom: 85px; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.section-heading .eyebrow { margin: 0 0 7px; }.section-heading h2 { margin: 0; font-size: clamp(1.35rem, 3vw, 1.8rem); letter-spacing: -.04em; }.destinations { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.destination { position: relative; min-height: 238px; display: flex; flex-direction: column; padding: 25px; overflow: hidden; border: 1px solid var(--site-line); border-radius: 17px; background: linear-gradient(135deg, #ffffff10, #ffffff04); transition: transform .2s, border-color .2s; }.destination:hover { transform: translateY(-3px); border-color: #ad8cff99; }.featured { background: linear-gradient(135deg, #8b5cf645, #22d3ee12); }.card-icon { position: absolute; top: 17px; right: 20px; color: #ffffff2e; font-size: 2.4rem; line-height: 1; }.number { color: #86f2dc; font: 700 .73rem ui-monospace, monospace; letter-spacing: .1em; }.destination h3 { margin: 25px 0 8px; font-size: 1.28rem; }.destination p { max-width: 360px; margin: 0; color: var(--site-muted); font-size: .91rem; line-height: 1.65; }.destination b { margin-top: auto; padding-top: 22px; color: var(--site-ink); font-size: .88rem; }.destination b span { display: inline-block; margin-left: 4px; transition: transform .2s; }.destination:hover b span { transform: translateX(4px); } @media (max-width: 720px) { .hero { grid-template-columns: 1fr; gap: 35px; min-height: 0; padding: 65px 0 53px; }.hero-note { max-width: 390px; }.destinations { grid-template-columns: 1fr; }.destination { min-height: 205px; } }