.service-advantages{--font-family:var(--font-default);--surface:var(--color-gray-lighter);--ink:var(--color-gray-dark);--radius:30px;--card-padding:40px;}
.service-advantages *{box-sizing:border-box;}.service-advantages :where(.service-advantages__title,h3,p){margin:0;font-size:inherit;font-weight:inherit;}.service-advantages img{display:block;max-width:100%;}.service-advantages button,.service-advantages a{-webkit-tap-highlight-color:transparent;}
.service-advantages .feature-layout{height:auto!important;}.service-advantages .feature-layout>.service-advantages__title{flex:none;max-width:100%;}.service-advantages .cards{width:100%!important;}.service-advantages .card{min-width:0;}.service-advantages .card h3,.service-advantages .card p{white-space:normal;word-break:normal;overflow-wrap:normal;}.service-advantages .card h3{text-wrap:balance;}.service-advantages .card p{text-wrap:pretty;}.service-advantages .card>p,.service-advantages .card>h3,.service-advantages .split-copy>p,.service-advantages .split-copy>h3{width:100%;min-width:0;max-width:100%;}
/* Natural aspect ratios, centered crops, and 10px / 20px inset portraits. */
.service-advantages .photo-card{position:relative;}.service-advantages .photo-card>div{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;}.service-advantages .photo-card img,.service-advantages .split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}.service-advantages .split-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:10px;}.service-advantages .split-copy{min-width:0;}.service-advantages .split-media{position:relative;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;border-radius:20px;}.service-advantages .split-media>div{position:absolute;inset:0;overflow:hidden;border-radius:inherit;}
/* Retain the subject's face in the wide inset portrait frame. */
.service-advantages .split-media img{object-position:center top;}
/* Each phone asset is 1332 x 2748: share geometry and preserve the image ratio. */
.service-advantages .intro{container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;gap:20px;}.service-advantages .intro>h3{max-width:45%;}.service-advantages .intro>p{width:43%;max-width:358.702px;}.service-advantages .intro>.phone-mockup{position:absolute;top:50.71px;left:calc(50% + 30px);width:clamp(180px,35.88cqw,305px);height:calc(100% - 50.71px);}.service-advantages .phone-mockup>div{position:absolute;inset:0;overflow:hidden;}.service-advantages .phone-mockup img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;}

/* Four desktop columns above 1024px, with room for naturally wrapping copy. */
@media(min-width:1025px) and (max-width:1919px){.service-advantages{--card-padding:clamp(24px,calc(1.786vw + 5.7px),40px);--art-reference:415px;}.service-advantages .cards{height:auto;grid-template-rows:none;grid-auto-rows:minmax(365.333px,auto);}.service-advantages .card:not(.photo-card):not(.split-card){padding:var(--card-padding);}.service-advantages .card>h3{font-size:clamp(22px,1.3021vw,25px);}.service-advantages .split-copy{padding:calc(var(--card-padding) - 10px);}}
@media(min-width:501px) and (max-width:1024px){.service-advantages{--card-padding:40px;--art-reference:470px;}.service-advantages .feature-layout>.service-advantages__title{height:auto;min-height:120px;}.service-advantages .cards{height:auto;grid-template-rows:none;grid-auto-rows:minmax(365.333px,auto);}.service-advantages .intro>p{max-width:43%;}}
/* Artwork occupies real space after copy; paragraphs cannot intersect it. */
@media(min-width:501px) and (max-width:1919px){.service-advantages .illustrated{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding-bottom:0!important;}.service-advantages .illustrated>.art{position:relative;top:auto;left:calc(var(--figma-left) + (100% + 2 * var(--card-padding) - var(--art-reference))/2);margin-left:calc(-1 * var(--card-padding));margin-top:auto;flex:none;height:var(--art-height);}}
@media(min-width:1920px){.service-advantages .card:not(.intro)>.art{left:calc(var(--figma-left) + (100% - 415px)/2);}.service-advantages .intro>.art:not(.phone-mockup){left:calc(var(--figma-left) + (100% - 850px)/2);}}
@media(max-width:500px){.service-advantages{--card-padding:30px;}.service-advantages .feature-layout>.service-advantages__title{width:100%;min-width:0;height:74px;}.service-advantages .service-advantages__content[data-page=flights] .feature-layout>.service-advantages__title{height:75px;}.service-advantages .cards{column-gap:10px;}.service-advantages .card>.art{left:calc(var(--figma-left) + (100% - 330px)/2);}.service-advantages .intro>h3,.service-advantages .intro>p{width:100%;max-width:100%;}.service-advantages .intro>.phone-mockup{top:270px;left:50%;translate:-50% 0;width:min(275px,calc(100% - 55px));height:calc(100% - 270px);}}
@media(max-width:359px){.service-advantages .card{padding:24px;}.service-advantages .card>h3{font-size:23px;}}
@media(max-width:1919px){.service-advantages .illustrated>.art{overflow:hidden;}}
/* Container units measure the content box; include padding in the phone scale. */
@media(min-width:501px){.service-advantages .intro>.phone-mockup{width:clamp(180px,calc((100cqw + 2 * var(--card-padding)) * .3588),305px);}}
@media(min-width:1920px){.service-advantages .app-preview>p{width:149.267px;max-width:45%;}}
/* Preserve mobile card types while allowing illustrated cards to grow with copy. */
@media(max-width:500px){
 .service-advantages .cards{height:auto;grid-template-rows:none;grid-auto-rows:auto;}
 .service-advantages .intro{grid-row:auto;height:770px;}
 .service-advantages .service-advantages__content[data-page=accommodation] .intro{height:745px;}
 .service-advantages .service-advantages__content[data-page=car] .intro{height:730px;}
 .service-advantages .photo-card{height:360px;aspect-ratio:auto;}
 .service-advantages .service-advantages__content[data-page=accommodation] .photo-card{height:364.571px;}
 .service-advantages .illustrated{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;min-height:360px;height:auto;aspect-ratio:auto;padding-bottom:0;}
 .service-advantages .illustrated>.art{position:relative;top:auto;left:calc(var(--figma-left) + (100% + 2 * var(--card-padding) - 330px)/2);margin-left:calc(-1 * var(--card-padding));margin-top:auto;flex:none;height:var(--art-height);}
}
/* Keep the two-column tablet layout readable in the new 501–767px range. */
@media(min-width:501px) and (max-width:767px){
 .service-advantages{--card-padding:20px;}

 .service-advantages .feature-layout{gap:30px;}
 .service-advantages .feature-layout>.service-advantages__title{width:100%;font-size:clamp(32px,5.2vw,40px);height:auto;min-height:0;}
 .service-advantages .cards{gap:12px;grid-auto-rows:minmax(365.333px,auto);}
 .service-advantages .card:not(.photo-card):not(.split-card){padding:20px;}
 .service-advantages .card>h3{font-size:22px;}
 .service-advantages .split-copy{padding:10px;}
 .service-advantages .service-advantages__content[data-page=rail] .card:not(.illustrated)>p,.service-advantages .service-advantages__content[data-page=rail] .card:not(.illustrated)>p span{font-size:20px;line-height:1.1;}
}
.service-advantages .art-content{position:relative;width:var(--art-width);height:var(--art-height);}
/* Mobile copy stops just past the center; artwork grows with the card. */
@media(max-width:500px){
 .service-advantages .card h3,.service-advantages .card p{width:min(100%,calc((100% + 2 * var(--card-padding)) * .6));min-width:0;max-width:100%;}
 .service-advantages .card h3{white-space:normal;text-wrap:balance;font-size:clamp(20px,6.3vw,25px);}
 .service-advantages .card h3 br{display:none;}
 .service-advantages .card p{text-wrap:pretty;}
 .service-advantages .card:not(.intro):not(.illustrated):not(.photo-card){height:auto;min-height:260px;gap:24px;}
 .service-advantages .service-advantages__content[data-page=rail] .card:not(.illustrated){min-height:360px;}
 .service-advantages .illustrated{gap:20px;}
 .service-advantages .illustrated>.art{width:calc((100% + 2 * var(--card-padding)) * .9);height:calc(var(--art-height) * var(--mobile-art-scale,1));left:0;margin-left:0;margin-top:4px;align-self:center;overflow:hidden;}
 .service-advantages .art-content{transform:scale(var(--mobile-art-scale,1));transform-origin:top left;}
 .service-advantages .feature-layout .cards>.intro{height:auto;min-height:770px;padding-bottom:0;}
 .service-advantages .intro>h3{min-height:82.5px;}
 .service-advantages .intro>p{min-height:211.2px;}
 .service-advantages .intro>.phone-mockup{position:relative;top:auto;left:auto;translate:none;align-self:center;flex:none;width:calc(100% + 2 * var(--card-padding) - 90px);height:auto;aspect-ratio:1332/2350;margin-top:20px;}
}
@media(max-width:359px){.service-advantages{--card-padding:24px;}.service-advantages .intro>p{min-height:264px;}}
@media print{.service-advantages .card{break-inside:avoid;}}

/* Section shell uses the host project spacing, colors and container. */
.page-service .service-advantages{background:var(--color-gray-lighter);color:var(--color-gray-dark);font-family:var(--font-default);font-weight:400;line-height:1.1;padding-block:100px;}
@media(max-width:1024px){.page-service .service-advantages{padding-block:75px;}}
@media(max-width:600px){.page-service .service-advantages{padding-block:50px;}}
/* Copy determines its own block height, including after wrapping or translation. */
.service-advantages .feature-layout > .service-advantages__title {
    height: auto !important;
    min-height: 0 !important;
    flex-shrink: 0;
}

/* Uploaded artwork replaces the complete illustration, including live phone scenes. */
.service-advantages .cms-custom-artwork:not(.photo-card){display:flex;flex-direction:column;gap:20px;padding:var(--card-padding);height:auto;min-height:300px;}
.service-advantages .cms-custom-artwork > h3,.service-advantages .cms-custom-artwork > p{width:100%;max-width:100%;height:auto;}
.service-advantages .cms-custom-artwork > .cms-feature-image{position:static;width:100%;height:240px;object-fit:contain;margin-top:auto;}
.service-advantages .cms-custom-artwork.photo-card > .cms-feature-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

.service-advantages .cms-photo-copy{position:absolute!important;inset:auto 0 0!important;width:100%;height:auto!important;padding:40px;z-index:1;color:white;background:linear-gradient(transparent,rgba(0,0,0,.8));}
.service-advantages .cms-photo-copy>p{margin-top:16px;}
.service-advantages .cms-custom-artwork.photo-card{display:flex;flex-direction:column;justify-content:flex-end;padding:40px;gap:16px;}
.service-advantages .cms-custom-artwork.photo-card>h3,.service-advantages .cms-custom-artwork.photo-card>p{position:relative;z-index:1;color:white;text-shadow:0 1px 5px black;}