/* Image-led marketing heroes. Shared by the English and French page templates. */
.page-hero.photo-hero{padding:36px 0 64px}
.page-hero.photo-hero>.wrap{padding:36px 24px 24px 46px;border-radius:32px}
.photo-hero .breadcrumb{margin-bottom:27px}
.photo-hero .photo-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:38px;align-items:center}
.photo-hero .photo-hero-grid>div:first-child{min-width:0;max-width:none;padding:12px 0 22px}
.page-hero.photo-hero h1,.audience-hero.photo-hero h1{font-size:clamp(42px,4.25vw,65px);line-height:1.08;letter-spacing:-.05em;max-width:none;margin:18px 0 23px;text-wrap:balance;overflow-wrap:break-word}
.page-hero.photo-hero .lead,.audience-hero.photo-hero .lead{max-width:540px;font-size:17px;line-height:1.75}
.photo-hero .button-row{gap:12px 19px;margin-top:27px}
.photo-hero .editorial-photo,.editorial-photo{display:block;position:relative;margin:0;width:100%;max-width:none;height:clamp(470px,42vw,600px);min-height:0;overflow:hidden;border:0;border-radius:26px;background:var(--soft,#f2edf8);box-shadow:0 20px 45px -28px #2d124743;isolation:isolate}
.editorial-photo picture,.editorial-photo img{display:block;width:100%;height:100%}
.editorial-photo img{position:absolute;inset:0;object-fit:cover;transform:none}
.photo-hero :is(.careers-hero-media,.partner-hero-photo,.partner-hero-media,.referral-hero-media,.ambassador-hero-media,.ambassador-hero-photo,.audience-hero-photo){width:100%;max-width:none;min-height:0;height:clamp(470px,42vw,600px);border-radius:26px;overflow:hidden;align-self:center}
.photo-hero :is(.careers-photo,.partner-photo,.referral-photo,.ambassador-photo,.audience-hero-photo img){width:100%;height:100%;object-fit:cover}
.photo-hero .photo-panel-stack{display:flex;flex-direction:column;gap:20px;min-width:0}
.photo-hero .photo-panel-stack .editorial-photo{height:350px}
.photo-hero .photo-panel-stack :is(.compare-connect-panel,.compare-versus-panel,.story-overview,.efficiency-hero-map,.releases-hero-note){margin:0;width:100%;min-height:0}
.photo-hero .photo-panel-stack .compare-connect-panel{padding:24px}
.photo-hero .compare-connect-panel h2{font-size:30px;margin:14px 0}
.photo-hero .compare-workflow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.photo-hero .compare-workflow>div{padding:9px 0;min-width:0}
.photo-hero .compare-workflow small{display:none}
.photo-hero .compare-panel-note{margin-top:12px}
.photo-hero .compare-detail-grid h2{font-size:25px;line-height:1.3;max-width:550px;margin:0 0 18px}
.photo-companion{margin-top:-20px;margin-bottom:50px;display:flex;justify-content:center}
.photo-companion>:first-child{width:min(100%,820px);margin:0}
.developer-photo-companion .developer-visual{max-width:820px}
.contact-info .contact-photo{height:290px;margin:24px 0 30px;border-radius:22px}
.audience-hero.photo-hero .wrap{padding:36px 24px 26px 46px}
.audience-hero.photo-hero .audience-benefits{margin-top:22px}
html[data-theme=dark] .editorial-photo{box-shadow:0 18px 40px -25px #0007;background:#272032}
@media(min-width:1600px){.photo-hero .photo-hero-grid{gap:48px}.photo-hero .editorial-photo{height:620px}}
@media(min-width:901px) and (max-width:1100px){.page-hero.photo-hero>.wrap,.audience-hero.photo-hero .wrap{padding:30px 20px 22px 30px}.photo-hero .photo-hero-grid{gap:26px}.page-hero.photo-hero h1,.audience-hero.photo-hero h1{font-size:44px}.photo-hero .editorial-photo{height:510px}}
@media(max-width:900px){.page-hero.photo-hero>.wrap,.audience-hero.photo-hero .wrap{padding:30px}.photo-hero .photo-hero-grid{grid-template-columns:minmax(0,1fr);gap:29px}.photo-hero .photo-hero-grid>div:first-child{padding:0}.page-hero.photo-hero h1,.audience-hero.photo-hero h1{font-size:clamp(40px,6.8vw,58px);max-width:760px}.photo-hero .editorial-photo,.photo-hero :is(.careers-hero-media,.partner-hero-photo,.partner-hero-media,.referral-hero-media,.ambassador-hero-media,.ambassador-hero-photo,.audience-hero-photo){height:auto;aspect-ratio:4/3;min-height:0;border-radius:22px}.photo-hero .photo-panel-stack .editorial-photo{height:auto;aspect-ratio:4/3}.photo-companion{margin-top:0}.contact-info .contact-photo{height:300px}}
@media(max-width:600px){.page-hero.photo-hero{padding:24px 0 42px}.page-hero.photo-hero>.wrap,.audience-hero.photo-hero .wrap{padding:25px 20px 20px;border-radius:25px}.page-hero.photo-hero h1,.audience-hero.photo-hero h1{font-size:clamp(34px,9.2vw,46px);line-height:1.1;letter-spacing:-.045em}.page-hero.photo-hero .lead,.audience-hero.photo-hero .lead{font-size:15px;line-height:1.75}.photo-hero .editorial-photo,.photo-hero :is(.careers-hero-media,.partner-hero-photo,.partner-hero-media,.referral-hero-media,.ambassador-hero-media,.ambassador-hero-photo,.audience-hero-photo){aspect-ratio:1.12;border-radius:18px}.photo-hero .photo-panel-stack .editorial-photo{aspect-ratio:1.12}.photo-hero .compare-workflow{grid-template-columns:1fr}.contact-info .contact-photo{height:260px}.photo-hero .compare-detail-grid h2{font-size:22px}.photo-companion{margin-bottom:30px}}
@media print{.photo-hero .editorial-photo{height:320px;break-inside:avoid;box-shadow:none}}
.photo-hero .partner-hero-image{width:100%;max-width:none;height:clamp(470px,42vw,600px);min-height:0;border-radius:26px;overflow:hidden}
.photo-hero .partner-hero-image picture,.photo-hero .partner-hero-image img{display:block;width:100%;height:100%;object-fit:cover}
.photo-hero .ambassador-visual{min-height:0;align-self:center}
.photo-hero .ambassador-photo{height:420px;min-height:0;margin:0;transform:none;border-radius:20px;overflow:hidden}
.photo-hero .ambassador-photo picture,.photo-hero .ambassador-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.photo-hero .partner-hero-image{height:auto;aspect-ratio:4/3;border-radius:22px}.photo-hero .ambassador-photo{height:auto;aspect-ratio:4/3}}
@media(max-width:600px){.photo-hero .partner-hero-image{aspect-ratio:1.12;border-radius:18px}.photo-hero .ambassador-photo{height:auto;aspect-ratio:1.12}}
.photo-hero :is(.careers-hero-media,.partner-hero-image,.referral-hero-media,.audience-hero-photo) img{max-height:none}