.travel-styles-page{background:#f7fafc}
.travel-styles-hero{min-height:610px;display:flex;align-items:flex-end;padding:150px 8vw 90px;color:#fff;background:url('/assets/tours/ha-giang-hero-hd.jpg') center 14%/cover no-repeat}
.travel-styles-hero>div{max-width:760px}.travel-styles-hero h1{margin:18px 0 20px;font:500 clamp(3.8rem,7vw,7.4rem)/.96 'Playfair Display',serif;letter-spacing:-.045em}.travel-styles-hero h1 em{color:var(--gold);font-weight:500}.travel-styles-hero p:last-child{max-width:620px;font-size:1.12rem;color:rgba(255,255,255,.9)}
.style-index{display:grid;grid-template-columns:repeat(6,1fr);padding:0 5vw;background:#fff;border-bottom:1px solid var(--line)}.style-index a{padding:24px 9px;text-align:center;border-right:1px solid var(--line);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.style-index a:first-child{border-left:1px solid var(--line)}.style-index a:hover{background:#eef5fb;color:var(--deep)}
.style-collection{padding:105px 8vw}.style-collection:nth-of-type(even){background:#fff}.style-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:end;margin-bottom:46px}.style-number{display:block;color:var(--gold);font:500 1rem 'Playfair Display',serif}.style-intro h2{margin:8px 0 0;font:500 clamp(2.8rem,5vw,5.4rem)/1 'Playfair Display',serif;letter-spacing:-.04em}.style-intro h2 em{color:var(--gold);font-weight:500}.style-intro-copy{max-width:640px}.style-intro-copy strong{display:block;margin-bottom:12px;font:500 1.45rem 'Playfair Display',serif}.style-intro-copy p{margin:0;color:#59718a;font-size:1rem}
.style-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:430px;background:#edf4fa;border-radius:24px 24px 0 0;overflow:hidden}.style-feature-image{min-height:430px;background:var(--style-image) center/cover no-repeat}.style-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:52px}.style-feature-copy .section-kicker{margin:0}.style-feature-copy h3{font:500 clamp(2rem,3.3vw,3.5rem)/1.08 'Playfair Display',serif;margin:13px 0 18px}.style-feature-copy p{color:#59718a}.style-feature-copy .arrow-link{align-self:flex-start;margin-top:14px}
.style-tours{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.style-tour{display:grid;grid-template-columns:112px 1fr;min-height:138px;background:#fff;border:1px solid var(--line);border-radius:16px 16px 0 0;overflow:hidden;transition:transform .25s,box-shadow .25s}.style-tour:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(18,54,91,.1)}.style-tour-image{background:var(--tour-image) center/cover no-repeat}.style-tour-copy{padding:19px 17px}.style-tour-copy small{color:var(--gold);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.style-tour-copy h4{margin:7px 0 5px;font:500 1.08rem/1.25 'Playfair Display',serif}.style-tour-copy span{font-size:.75rem;color:#6b8297}
.style-feature-image,.style-tour-image{position:relative;isolation:isolate;overflow:hidden}
.style-feature-image:before,.style-tour-image:before{content:'';position:absolute;z-index:0;inset:0;background:inherit;background-position:center;background-size:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease;will-change:transform}
.style-feature:hover .style-feature-image:before,.style-tour:hover .style-tour-image:before{transform:scale(1.12);filter:saturate(1.08) contrast(1.03)}
@media(max-width:900px){.style-index{grid-template-columns:1fr 1fr;padding:0 5vw}.style-index a{border:0;border-bottom:1px solid var(--line)}.style-intro{grid-template-columns:1fr;gap:24px}.style-feature{grid-template-columns:1fr}.style-feature-image{min-height:360px}.style-tours{grid-template-columns:1fr 1fr}.site-header nav.open .travel-style-dropdown{transform:none;border:0;border-radius:0;padding-left:18px}}
@media(max-width:620px){.travel-styles-hero{min-height:580px;padding:130px 24px 62px}.travel-styles-hero h1{font-size:3.4rem}.style-index{grid-template-columns:1fr}.style-index a{text-align:left;padding:15px 4px}.style-collection{padding:70px 24px}.style-feature-copy{padding:34px 26px}.style-feature-image{min-height:280px}.style-tours{grid-template-columns:1fr}.style-tour{grid-template-columns:105px 1fr}}

/* Category catalogue: mixed-country tours displayed in horizontal rows of three */
.travel-styles-page .style-index{position:sticky;top:0;z-index:12;box-shadow:0 10px 30px rgba(18,54,91,.08)}
.travel-styles-page .style-index a.active{background:var(--deep);color:#fff}
.travel-styles-page .style-collection{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:90px 8vw 115px;background:#fff}
.travel-styles-page .style-collection.is-active{display:grid}
.travel-styles-page .style-intro{grid-column:1/-1;margin-bottom:18px}
.travel-styles-page .style-feature{display:flex;min-height:0;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 10px 30px rgba(18,54,91,.07);transition:transform .25s,box-shadow .25s}
.travel-styles-page .style-feature:hover,.travel-styles-page .style-tour:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(18,54,91,.13)}
.travel-styles-page .style-feature-image{min-height:240px}
.travel-styles-page .style-feature-copy{flex:1;padding:27px 25px}
.travel-styles-page .style-feature-copy h3{font-size:1.65rem;margin:8px 0 12px}
.travel-styles-page .style-feature-copy p:not(.section-kicker){font-size:.93rem;line-height:1.55}
.travel-styles-page .style-tours{display:contents}
.travel-styles-page .style-tour{display:flex;min-height:0;flex-direction:column;border-radius:18px 18px 0 0;box-shadow:0 10px 30px rgba(18,54,91,.07)}
.travel-styles-page .style-tour-image{min-height:240px}
.travel-styles-page .style-tour-copy{display:flex;flex:1;flex-direction:column;padding:27px 25px}
.travel-styles-page .style-tour-copy h4{font-size:1.5rem;margin:8px 0 10px}
.travel-styles-page .style-tour-copy>span{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.travel-styles-page .style-intro h2{font-family:'DM Sans',sans-serif;font-size:clamp(2.15rem,3.7vw,4rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;text-transform:uppercase}
.travel-styles-page .style-number{display:none}
.travel-styles-page .style-intro h2 em{color:inherit;font-style:normal;font-weight:700}
.travel-styles-page .style-feature-copy h3,.travel-styles-page .style-tour-copy h4{font-family:'DM Sans',sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase}
.travel-styles-page .style-feature-copy h3{font-size:1.48rem}
.travel-styles-page .style-tour-copy h4{font-size:1.35rem}
.travel-styles-page .style-tour-price{display:block;margin:2px 0 12px;color:#07529a;font:700 .86rem 'DM Sans',sans-serif;letter-spacing:.025em}
@media(max-width:900px){.travel-styles-page .style-collection{grid-template-columns:1fr 1fr}.travel-styles-page .style-index{position:static}}
@media(max-width:620px){.travel-styles-page .style-collection{grid-template-columns:1fr}.travel-styles-page .style-feature-image,.travel-styles-page .style-tour-image{min-height:230px}}

/* Refined image treatment across Travel Styles. */
.style-tour-image{background-position:var(--image-position,center);filter:saturate(1.04) brightness(1.02);transition:filter .35s ease,transform .65s ease}
.style-tour:hover .style-tour-image{filter:saturate(1.08) brightness(1.04);transform:scale(1.025)}
.style-feature-image{background-position:var(--image-position,center);filter:saturate(1.035) brightness(1.02)}