/* Shared homepage components; adaptation for the longer handwritten industry label. */
.travel-page .hero h1 .hero-city{font-size:clamp(48px,5.8vw,84px);bottom:-14px}
@media(max-width:760px){.travel-page .hero h1 .hero-city{font-size:clamp(34px,9vw,62px);bottom:-22px}}

/* The longer first menu item needs the compact navigation already on tablets. */
@media(max-width:900px){
 .travel-page .site-nav{min-height:76px;justify-content:space-between;gap:10px}
 .travel-page .site-nav .nav-cta{display:none}
 .travel-page .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;width:43px;height:43px;background:transparent;border:1px solid #f7f7f247;color:var(--bg)}
 .travel-page .menu-toggle span{width:21px;height:1px;background:currentColor;transition:transform .2s}
 .travel-page .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .travel-page .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .travel-page .site-nav nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 20px 25px;background:var(--ink);border-bottom:1px solid #ffdf4350;margin:0;font-size:17px}
 .travel-page .site-nav nav.is-open{display:flex;flex-direction:column;gap:0}
 .travel-page .site-nav nav a{padding:12px 0}
}

/* Keep the approved headings and font sizes; give long headings more room. */
@media(min-width:761px){
 .travel-page h2 br{display:none}
 .travel-page .section-head{grid-template-columns:1.6fr 1fr;gap:48px}
 .travel-page .support-layout{grid-template-columns:1.4fr 1fr;gap:48px}
 .travel-page .variant-4 .variant-inner{grid-template-columns:.75fr 1.25fr;gap:48px}
}
@media(min-width:761px){
 .travel-page #struktura .support-layout{grid-template-columns:1fr;gap:40px}
 .travel-page #struktura .support-intro>p:not(.section-label){max-width:700px}
 .travel-page #struktura .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:761px) and (max-width:1023px){
 .travel-page .section-head{grid-template-columns:1fr;gap:24px}
 .travel-page .support-layout{grid-template-columns:1fr;gap:40px}
 .travel-page .variant-4 .variant-inner{grid-template-columns:1fr;gap:40px}
 .travel-page .hero-bottom{grid-template-columns:1.5fr 1fr}
 .travel-page .hero-text{width:100%;max-width:none}
}

/* Shared experience component with a full-width heading above two columns. */
@media(min-width:901px){
 .travel-page .travel-experience{row-gap:24px}
 .travel-page .travel-experience .trust-intro{display:contents}
 .travel-page .travel-experience .trust-intro>.section-label,
 .travel-page .travel-experience .trust-intro>h2{grid-column:1/-1;margin-bottom:0}
 .travel-page .travel-experience .experience-copy-group{grid-column:1}
 .travel-page .travel-experience .experience-copy:first-child{margin-top:0}
 .travel-page .travel-experience>.experience-evidence{grid-column:2;grid-row:3;padding-top:0}
}

/* Card labels retain their former H3 appearance without heading semantics. */
.travel-page .item-title{margin:0;font-family:var(--display);font-weight:600;line-height:1.15}
.travel-page .industry-grid .item-title{font-size:25px;margin-bottom:12px}
.travel-page .support-grid .item-title{font-size:25px;margin-bottom:15px}
.travel-page .features .item-title{font-size:27px;margin-bottom:18px}
.travel-page .plan .item-title{font-size:29px;margin-bottom:20px;max-width:none}
.travel-page .steps .item-title{font-size:26px;line-height:1.25;margin-bottom:18px}
@media(max-width:1150px){.travel-page .plan .item-title{font-size:26px}.travel-page .steps .item-title{font-size:23px}}
@media(max-width:900px){.travel-page .plan .item-title{font-size:24px}.travel-page .steps .item-title{font-size:27px}}
@media(max-width:760px){
 .travel-page .industry-grid .item-title,.travel-page .support-grid .item-title,.travel-page .steps .item-title{font-size:24px}
 .travel-page .features .item-title{font-size:25px;margin-bottom:13px}
 .travel-page .plan .item-title{font-size:29px}
}

/* Benefit labels preserve their H2 appearance without heading semantics. */
.travel-page .benefit-title{margin:0 0 12px;font-family:var(--display);font-size:26px;font-weight:600;line-height:1.15}
@media(max-width:900px){.travel-page .benefit-title{font-size:23px}}
@media(max-width:760px){.travel-page .benefit-title{font-size:24px;margin-bottom:8px}}
.travel-page .desktop-heading-break{display:none}
@media(min-width:761px){.travel-page #experience-heading br{display:initial}}

/* Content and trust: full-width introduction above a balanced two-column grid. */
.travel-page #tresci .support-layout{grid-template-columns:1fr;gap:44px}
.travel-page #tresci .support-intro .section-title{max-width:1100px}
.travel-page #tresci .support-intro>.editorial-intro{max-width:730px;margin-top:24px}
.travel-page #tresci .support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}
.travel-page #tresci .support-grid article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;align-content:start}
.travel-page #tresci .support-grid article>span{margin:0;line-height:1.25}
@media(max-width:760px){
 .travel-page #tresci .support-layout{gap:32px}
 .travel-page #tresci .support-grid{grid-template-columns:1fr;gap:28px}
 .travel-page #tresci .support-grid article{grid-template-columns:26px minmax(0,1fr);gap:14px}
}