body{padding-top:72px}.vn-hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden}.vn-hero__bg{position:absolute;inset:0;z-index:0}.vn-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.vn-hero__bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(13,43,62,.92) 0%,rgba(13,43,62,.60) 45%,rgba(13,43,62,.20) 75%,transparent 100%)}.vn-hero__inner{position:relative;z-index:2;padding-block:var(--space-20);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.vn-hero__label{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-turquoise);display:flex;align-items:center;gap:var(--space-2)}.vn-hero__title{font-size:var(--fs-hero);font-weight:900;color:var(--color-neutral-100);letter-spacing:-0.02em;line-height:1.04;max-width:14ch}.vn-hero__title em{font-style:italic;color:var(--color-turquoise)}.vn-hero__desc{font-family:var(--font-body);font-size:var(--fs-md);line-height:1.65;color:rgba(255,255,255,.82);max-width:56ch}.vn-hero__stats{display:flex;gap:var(--space-8);flex-wrap:wrap;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.15);width:100%}.vn-hero__stat-num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:var(--color-turquoise);line-height:1}.vn-hero__stat-label{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:var(--space-1)}.vn-hero__scroll{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-neutral-100);text-decoration:none;padding:var(--space-3) var(--space-6);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);transition:border-color var(--dur-fast) var(--ease-in-out),background var(--dur-fast) var(--ease-in-out)}.vn-hero__scroll svg{width:16px;height:16px;animation:bounce 2s ease-in-out infinite}.vn-hero__scroll:hover{border-color:var(--color-turquoise);background:rgba(42,191,191,.12);color:var(--color-turquoise)}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}.vn-facts{background:var(--color-ocean-deep);border-bottom:3px solid var(--color-turquoise)}.vn-facts__inner{display:flex;align-items:stretch;flex-wrap:wrap;gap:0;overflow:hidden}.vn-fact{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:160px;padding:var(--space-4) var(--space-6);border-right:1px solid rgba(255,255,255,.08)}.vn-fact:last-child{border-right:none}.vn-fact__icon{font-size:1.4rem;flex-shrink:0;width:36px;text-align:center}.vn-fact__label{display:block;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}.vn-fact__value{display:block;font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:600;color:var(--color-neutral-100);margin-top:2px}.vn-section{padding-block:clamp(3rem,6vw,5rem)}.vn-section--alt{background:var(--color-neutral-200)}.vn-region-section{padding-block:clamp(3rem,6vw,5rem)}.vn-region-section:nth-of-type(even){background:var(--color-neutral-200)}.vn-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-turquoise);background:var(--color-turquoise-pale);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.vn-heading{font-size:var(--fs-2xl);font-weight:700;color:var(--color-ocean-deep);letter-spacing:-0.02em;line-height:1.15;margin-bottom:var(--space-4)}.vn-heading em{font-style:italic;color:var(--color-turquoise)}.vn-lead{font-family:var(--font-body);font-size:var(--fs-md);line-height:1.65;color:var(--color-text-secondary);max-width:64ch;margin-bottom:var(--space-10)}.vn-region-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.vn-region-badge{display:inline-block;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-turquoise);background:var(--color-turquoise-pale);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.vn-region-title{font-size:var(--fs-xl);font-weight:700;color:var(--color-ocean-deep);letter-spacing:-0.01em}.vn-region-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.vn-band{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-neutral-100);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-in-out),box-shadow var(--dur-fast) var(--ease-in-out),transform var(--dur-fast) var(--ease-in-out)}.vn-band:hover{border-color:var(--color-turquoise);box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.vn-band__icon{font-size:2rem;flex-shrink:0}.vn-band__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--color-ocean-deep);line-height:1}.vn-band__places{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:500;color:var(--color-text-secondary);margin-top:var(--space-1);letter-spacing:0.04em}.vn-band__arrow{margin-left:auto;color:var(--color-turquoise);font-size:1.2rem;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-in-out)}.vn-band:hover .vn-band__arrow{transform:translateX(4px)}.vn-dest-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.vn-dest-grid{grid-template-columns:1fr 1fr}.vn-dest-grid .dest-card--featured{grid-column:span 2}}@media (min-width:1024px){.vn-dest-grid{grid-template-columns:repeat(3,1fr)}.vn-dest-grid .dest-card--featured{grid-column:span 2}}.dest-grid-3{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.dest-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dest-grid-3{grid-template-columns:repeat(3,1fr)}}.dest-grid-2{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.dest-grid-2{grid-template-columns:repeat(2,1fr)}}.dest-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow 250ms cubic-bezier(.4,0,.2,1),transform 250ms cubic-bezier(.4,0,.2,1)}.dest-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px);color:inherit}.dest-card__coming{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-neutral-100);background:rgba(13,43,62,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 12px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.dest-card__img{position:relative;overflow:hidden;aspect-ratio:4/3;flex-shrink:0}.dest-card__img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 400ms cubic-bezier(.4,0,.2,1)}.dest-card:hover .dest-card__img img{transform:scale(1.06)}.dest-card__overlay{display:none}.dest-card__body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.dest-card__tagline{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-turquoise)}.dest-card__name{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--color-ocean-deep);line-height:1.15}.dest-card__desc{font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.65;color:var(--color-text-secondary);max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.dest-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.dest-card__tag{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:0.02em;color:var(--color-ocean-deep);background:var(--color-neutral-200);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border);white-space:nowrap}.dest-card--featured{border:2px solid var(--color-turquoise);flex-direction:column}@media (min-width:640px){.dest-card--featured{flex-direction:row;align-items:stretch;min-height:320px}.dest-card--featured .dest-card__img{width:55%;flex-shrink:0;aspect-ratio:unset;height:auto}.dest-card--featured .dest-card__body{width:45%;flex:1;padding:var(--space-8) var(--space-8);justify-content:center;gap:var(--space-3)}.dest-card--featured .dest-card__desc{-webkit-line-clamp:5}}@media (min-width:1024px){.dest-card--featured{min-height:380px}.dest-card--featured .dest-card__img{width:58%}.dest-card--featured .dest-card__body{width:42%;padding:var(--space-10) var(--space-10)}.dest-card--featured .dest-card__desc{-webkit-line-clamp:6;font-size:var(--fs-sm)}.dest-card--featured .dest-card__name{font-size:var(--fs-2xl)}}.dest-card__editors-pick{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-ocean-deep);background:var(--color-gold);padding:4px 12px;border-radius:var(--radius-full);width:fit-content}.dest-card__editors-pick::before{content:'★ '}.dest-card__footer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.dest-card__guides{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;color:var(--color-text-secondary)}.dest-card__cta{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-turquoise);transition:color 150ms cubic-bezier(.4,0,.2,1)}.dest-card:hover .dest-card__cta{color:var(--color-ocean-deep)}.vn-info-card{margin-top:var(--space-8);background:var(--color-turquoise-pale);border-left:4px solid var(--color-turquoise);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-5) var(--space-6);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:1.65;color:var(--color-ocean-deep)}.vn-itinerary-grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:768px){.vn-itinerary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vn-itinerary-grid{grid-template-columns:repeat(3,1fr)}}.vn-itin-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--dur-base) var(--ease-in-out),transform var(--dur-base) var(--ease-in-out)}.vn-itin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.vn-itin-card__duration{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-turquoise);background:var(--color-turquoise-pale);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);width:fit-content}.vn-itin-card__route{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);letter-spacing:0.04em}.vn-itin-card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--color-ocean-deep);line-height:1.2}.vn-itin-card__desc{font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.65;color:var(--color-text-secondary);flex:1}.vn-itin-card__stops{background:var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4)}.vn-itin-card__stops-label{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.vn-itin-card__stops-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vn-itin-card__stops-list span{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;color:var(--color-ocean-deep);background:var(--color-neutral-100);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.vn-itin-card__cta{font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.04em;color:var(--color-turquoise);text-decoration:none;transition:color var(--dur-fast) var(--ease-in-out);align-self:flex-start}.vn-itin-card__cta:hover{color:var(--color-ocean-deep)}.vn-climate-grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}@media (min-width:640px){.vn-climate-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.vn-climate-grid{grid-template-columns:repeat(4,1fr)}}.vn-climate-card{display:flex;gap:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);align-items:flex-start;transition:box-shadow var(--dur-base) var(--ease-in-out)}.vn-climate-card:hover{box-shadow:var(--shadow-md)}.vn-climate-card__icon{font-size:2rem;flex-shrink:0;line-height:1}.vn-climate-card__months{font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-turquoise);margin-bottom:var(--space-1)}.vn-climate-card__season{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--color-ocean-deep);margin-bottom:var(--space-2)}.vn-climate-card__desc{font-family:var(--font-body);font-size:var(--fs-sm);line-height:1.65;color:var(--color-text-secondary);max-width:none}.vn-climate-note{margin-top:var(--space-8);background:var(--color-gold-pale);border-left:4px solid var(--color-gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-5) var(--space-6);font-family:var(--font-ui);font-size:var(--fs-sm);line-height:1.65;color:var(--color-ocean-deep)}.vn-cta{background:linear-gradient(135deg,var(--color-ocean-deep) 0%,var(--color-ocean-deep-light) 50%,var(--color-ocean-deep-muted) 100%);border-radius:var(--radius-2xl);overflow:hidden;margin-block:clamp(3rem,6vw,5rem);position:relative}.vn-cta::before{content:'';position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(42,191,191,.15),transparent 70%);pointer-events:none}.vn-cta__inner{position:relative;z-index:1;padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}@media (min-width:768px){.vn-cta__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-10)}}.vn-cta__title{font-size:var(--fs-2xl);font-weight:700;color:var(--color-neutral-100);letter-spacing:-0.02em;line-height:1.15}.vn-cta__desc{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.65;color:rgba(255,255,255,.75);max-width:52ch}.vn-cta__btns{display:flex;flex-direction:column;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0}.vn-cta__btn{display:inline-flex;align-items:center;font-family:var(--font-ui);font-size:var(--fs-sm);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);border:2px solid transparent;transition:all var(--dur-fast) var(--ease-in-out);white-space:nowrap}.vn-cta__btn--primary{background:var(--color-turquoise);border-color:var(--color-turquoise);color:var(--color-ocean-deep)}.vn-cta__btn--primary:hover{background:var(--color-turquoise-light);border-color:var(--color-turquoise-light);color:var(--color-ocean-deep);box-shadow:var(--shadow-md)}.vn-cta__btn--secondary{background:transparent;border-color:rgba(255,255,255,.35);color:var(--color-neutral-100)}.vn-cta__btn--secondary:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);color:var(--color-neutral-100)}