/* Supplied reference composition, retaining new imagery and restrained hover. */
.reference-pathways.wrap,.reference-cities>.wrap{width:96%;max-width:1440px}
.reference-pathways{padding-block:clamp(3rem,4vw,4.5rem) 0;margin-bottom:clamp(4.5rem,6.5vw,6.5rem)}
.reference-pathways .audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}
.reference-pathways .audience-card,html[lang=en] .reference-pathways .audience-card{position:relative;display:flex;justify-content:flex-end;direction:ltr;aspect-ratio:1.51;height:auto;min-height:0;isolation:isolate;overflow:hidden;border-radius:24px;background:#06324b;box-shadow:none;transition:box-shadow .35s ease}
.reference-pathways .audience-photo{position:absolute;inset:0;aspect-ratio:auto;min-height:0;clip-path:none!important;z-index:-3}
.reference-pathways .audience-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none;transition:none}
.reference-pathways .audience-photo:after{content:none}
.reference-pathways .audience-copy{position:relative;direction:rtl;flex:0 0 51%;padding:1.6rem 1.3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:transparent;isolation:isolate;overflow:visible}
.reference-pathways .audience-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 32%,#06365008 39%,#06365055 46%,#063650ce 53%,#04324bf2 63%,#032d46fc 100%);z-index:-2;pointer-events:none}
.reference-pathways .audience-card:after{content:'';position:absolute;inset:0;background:url('assets/reference-arch-fade.svg') center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.reference-pathways .audience-copy:before{content:none}
.reference-pathways .audience-copy:after{content:'';position:absolute;inset:auto -1px 0 -.4rem;width:auto;height:3.6rem;background:url('assets/hero-geometry.svg') repeat;background-size:2rem 2.65rem;opacity:.4;mask-image:linear-gradient(0deg,#000 35%,transparent);transform:none;border:0;border-radius:0;z-index:-1;pointer-events:none}
.reference-icon{width:2.6rem;height:2.6rem;flex:none}
.reference-pathways .reference-icon{margin-bottom:.7rem;width:clamp(2.2rem,4vw,3.6rem);height:clamp(2.2rem,4vw,3.6rem)}
.reference-pathways .audience-copy h3{font-size:clamp(1.25rem,2.1vw,1.85rem);font-weight:800;line-height:1.5;letter-spacing:-.04em;margin:0 0 1rem;white-space:nowrap}
.reference-pathways .audience-copy>p{font-size:clamp(.8rem,1.35vw,1.2rem);line-height:1.7;margin:0 0 1.25rem;color:#e4eff3;max-width:none;text-wrap:pretty;font-weight:400}
.reference-pathways .audience-copy .button{margin:0;width:100%;min-height:clamp(2.8rem,4.5vw,4rem);border-radius:3rem;font-size:clamp(.85rem,1.45vw,1.2rem);padding:.6rem 1rem;line-height:1.5;justify-content:center}
.reference-pathways .button-primary{background:linear-gradient(110deg,#008e9b,#007987);border-color:#008590;color:#fff}
.reference-pathways .button-light{background:#f5f8f9;color:#062d52;border-color:#f5f8f9}
.reference-pathways .audience-card:hover{transform:none;box-shadow:0 8px 24px #0a2e4d13}
.reference-pathways .audience-card:hover .audience-photo img{transform:none}
.reference-cities{padding-block:0;background:#f6f9f9;position:relative;isolation:isolate;margin-bottom:clamp(4.5rem,6.5vw,6.5rem)}
.reference-cities:before{content:'';position:absolute;inset:-2rem 0 0;background:url('assets/hero-geometry.svg') repeat;background-size:7.5rem 10rem;opacity:.12;mask-image:linear-gradient(90deg,#000,transparent 48%);pointer-events:none;z-index:-1}
html[lang=en] .reference-cities:before{background-position:right top;mask-image:linear-gradient(270deg,#000,transparent 48%)}
.reference-cities+.curated-section{padding-top:0}
.reference-cities .section-heading{display:block;text-align:start;margin:0 0 1.3rem}
.reference-cities .section-heading>div{position:relative}
.reference-cities .section-heading>div:after{content:'';position:absolute;bottom:.45rem;inset-inline-end:51%;width:5rem;height:1px;background:#1994a3;opacity:.6}
.reference-cities .eyebrow{font-size:1rem;font-weight:500;color:#008896;margin:0 0 .35rem;display:block}
.reference-cities .eyebrow:before{content:none}
.reference-cities .section-title{font-size:clamp(1.55rem,3.5vw,2.5rem);line-height:1.5;letter-spacing:-.04em;color:#05254b}
.reference-intro{font-size:clamp(.8rem,1.3vw,1.1rem);margin-top:.25rem;color:#183f66;line-height:1.8}
.reference-cities .destination-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem}
.reference-cities .destination-card{display:block;position:relative;isolation:isolate;aspect-ratio:1.79;height:auto;min-height:0;border-radius:.4rem;overflow:hidden;padding:0;color:#052e4e;background:#e2ecef}
.reference-cities .destination-image{position:absolute;inset:0;aspect-ratio:auto;z-index:-2;transform:none!important;overflow:hidden}
.reference-cities .destination-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:scale .8s ease}
.reference-cities .destination-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f8fafab8 0%,#f8fafa48 22%,transparent 43%);pointer-events:none}
.reference-cities .destination-top{position:absolute;top:1.8rem;inset-inline:1.1rem;display:flex;align-items:center;gap:.65rem}
.city-symbol{width:3.1rem;height:3.1rem;display:grid;place-items:center;border:1px solid #ffffffc0;border-radius:50%;background:#dfedf0dd;flex:none;color:#074963}
.city-symbol .reference-icon{width:2rem;height:2rem}
.reference-cities .destination-top h3{font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.4;font-weight:800;letter-spacing:-.03em}
.reference-cities .destination-top p{font-size:clamp(.75rem,1.2vw,1rem);line-height:1.7;font-weight:600;margin-top:.2rem}
.reference-cities .destination-bottom{position:absolute;bottom:.85rem;inset-inline:1.2rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;direction:ltr;background:none;padding:0;border:0;border-radius:0;box-shadow:none;gap:.5rem}
.reference-cities .destination-bottom .button{font-size:clamp(.7rem,1.1vw,.9rem);border-radius:3rem;min-height:2.25rem;padding:.55rem 1.8rem;background:#f8fbfb;color:#082f50;border-color:#f8fbfb;direction:rtl;white-space:nowrap}
.city-image-note{font-size:.65rem;color:#456078;background:#f1f5f5d9;border:1px solid #ffffff7a;border-radius:2rem;padding:.15rem .65rem;line-height:1.5;direction:rtl}
.reference-cities .destination-card:hover .destination-image img{scale:1.025}
html[lang=en] .reference-pathways .audience-copy{direction:ltr}
html[lang=en] .reference-pathways .audience-copy h3{white-space:normal;font-size:clamp(1rem,1.7vw,1.55rem)}
html[lang=en] .reference-pathways .audience-copy>p{font-size:clamp(.75rem,1.05vw,.95rem);line-height:1.65}
@media(min-width:681px) and (max-width:900px){
 .reference-pathways .audience-copy{padding:1.5rem 1rem 1.3rem;flex-basis:54%}
 .reference-pathways .audience-copy h3{font-size:1.05rem;margin-bottom:.6rem}
 .reference-pathways .audience-copy>p{font-size:.75rem;margin-bottom:.7rem}
 .reference-pathways .reference-icon{width:2rem;height:2rem;margin-bottom:.4rem}
 .reference-pathways .audience-copy .button{font-size:.8rem;min-height:2.2rem;padding:.4rem .6rem}
 .reference-cities .destination-top{top:1rem;inset-inline:.8rem}
 .city-symbol{width:2.5rem;height:2.5rem}
 .reference-cities .destination-top h3{font-size:1.15rem}
 .reference-cities .destination-top p{font-size:.67rem}
 html[lang=en] .reference-pathways .audience-copy{padding-block:1rem}
 html[lang=en] .reference-pathways .audience-copy h3{font-size:1rem;line-height:1.4}
 html[lang=en] .reference-pathways .audience-copy>p{font-size:.7rem;line-height:1.6}
}
@media(max-width:680px){
 .reference-pathways{padding-top:2.5rem;margin-bottom:3.75rem}.reference-pathways.wrap,.reference-cities>.wrap{width:94%}
 .reference-pathways .audience-grid,.reference-cities .destination-grid{grid-template-columns:1fr;gap:.85rem}
 .reference-pathways .audience-card,html[lang=en] .reference-pathways .audience-card{aspect-ratio:auto;min-height:20rem}
 .reference-pathways .audience-copy{flex-basis:56%;padding:1.8rem 1rem 1.7rem}
 .reference-pathways .audience-copy h3{font-size:1.2rem;margin-bottom:.85rem}
 .reference-pathways .audience-copy>p{font-size:.85rem;line-height:1.8;margin-bottom:1rem}
 .reference-pathways .audience-copy .button{font-size:.9rem;min-height:2.65rem;padding:.5rem .6rem}
 .reference-pathways .reference-icon{width:2.2rem;height:2.2rem}
 .reference-cities{padding-block:0;margin-bottom:3.75rem}
 .reference-cities .section-heading>div:after{content:none}
 .reference-cities .section-title,html[lang=en] .reference-cities .section-title{font-size:1.6rem;line-height:1.6}
 .reference-cities .eyebrow{font-size:.9rem}
 .reference-cities .destination-card{aspect-ratio:1.5;min-height:0}
 .reference-cities .destination-top{top:1rem;inset-inline:.85rem;gap:.5rem}
 .city-symbol{width:2.5rem;height:2.5rem}
 .city-symbol .reference-icon{width:1.6rem;height:1.6rem}
 .reference-cities .destination-top h3{font-size:1.25rem}
 .reference-cities .destination-top p{font-size:.7rem}
 .reference-cities .destination-bottom{inset-inline:.8rem;bottom:.7rem}
 .reference-cities .destination-bottom .button{padding:.5rem 1.1rem;font-size:.7rem;min-height:2.2rem}
 .city-image-note{font-size:.55rem;padding:.15rem .4rem}
 html[lang=en] .reference-pathways .audience-copy h3{font-size:1.05rem}
 html[lang=en] .reference-pathways .audience-copy>p{font-size:.78rem}
}
@media(max-width:360px){
 .reference-pathways .audience-copy{flex-basis:60%;padding-inline:.85rem}
 .reference-pathways .audience-copy h3{font-size:1.1rem}
 .reference-pathways .business-card .audience-copy h3{font-size:1rem}
 .reference-cities .destination-top h3{font-size:1.1rem}
 .reference-cities .destination-top p{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){
 .reference-pathways .audience-card:hover .audience-photo img{transform:none}
 .reference-cities .destination-card:hover .destination-image img{scale:1}
}
/* Compact, presentation-only buttons with a restrained colour hover. */
.reference-pathways .audience-copy .button{width:86%;max-width:14rem;min-height:2.65rem;padding:.5rem 1.2rem;font-size:clamp(.78rem,1.05vw,.95rem);font-weight:600;border-radius:2rem}
.reference-cities .destination-bottom .button{min-height:2.15rem;padding:.45rem 1.2rem;font-size:clamp(.68rem,.9vw,.8rem);font-weight:600}
.reference-pathways .audience-copy h3{font-size:clamp(1.05rem,1.65vw,1.5rem)}
html[lang=en] .reference-pathways .audience-copy h3{font-size:clamp(.95rem,1.35vw,1.25rem)}
.reference-pathways .button-primary{background:#008995}
@media(min-width:681px) and (max-width:900px){.reference-pathways .audience-copy h3{font-size:.95rem}html[lang=en] .reference-pathways .audience-copy h3{font-size:.9rem}}
@media(max-width:680px){
 .reference-pathways .audience-copy .button{width:auto;max-width:100%;min-height:2.5rem;padding:.5rem .9rem;font-size:.8rem}
 .reference-cities .destination-bottom .button{min-height:2.1rem;padding:.45rem 1rem;font-size:.68rem}
 .reference-pathways .audience-copy h3{font-size:1.03rem}html[lang=en] .reference-pathways .audience-copy h3{font-size:.94rem}
}
@media(max-width:360px){.reference-pathways .audience-copy h3,.reference-pathways .business-card .audience-copy h3{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){}
