/* Isolated B experiment. No changes to explanatory sections or footer. */
.hero-b-art,.clean-b-art{display:none;pointer-events:none}
@media(min-width:701px){
 .hero-b-art{display:block;position:absolute;inset:0 0 auto;z-index:0;width:100%;height:64cqw;mask-image:linear-gradient(#000 0%,#000 83%,transparent 100%)}
 .hero-b-art img{display:block;width:100%;height:100%;object-fit:cover}
 .clean-b-art{display:block;position:absolute;top:3cqw;left:0;width:100%;z-index:-1;clip-path:polygon(0 18%,55% 18%,55% 43%,0 43%)}
 .clean-b-art img{display:block;width:100%;height:auto;aspect-ratio:804/1956}
 .hero{top:11cqw;width:47%;z-index:2}
 .hero h1{font-size:4.1cqw;line-height:1.08;letter-spacing:-.045em}
 .hero h1 span{white-space:normal}
 .hero p.eyebrow{font-size:.86cqw;letter-spacing:.16em;margin-bottom:1.4cqw}
 .hero .copy>p.hero-description{font-family:'DM Sans',Arial,sans-serif;font-weight:300;font-size:1.35cqw;line-height:1.5;max-width:41cqw;margin:1.5cqw 0 1.8cqw}
 .hero .button{font-size:1.05cqw;min-height:3.8cqw;padding:1.1cqw 2cqw}
 .hero .reassurance{gap:1cqw;margin-top:1.8cqw}
 .hero .reassurance li{font-size:.9cqw;gap:.5cqw}.hero .reassurance li+li{padding-left:1cqw}.hero .reassurance svg{width:1.7cqw;height:1.7cqw}
}
@media(max-width:700px){
 .hero h1{font-size:clamp(30px,8.15vw,52px);line-height:1.1;letter-spacing:-.045em}
 .hero .copy>p.hero-description{font-family:'DM Sans',Arial,sans-serif;font-weight:300;line-height:1.5;margin:20px 0 24px!important}
 .mobile-scene-hero{aspect-ratio:1;margin-top:14px}
 .mobile-scene-hero:before{clip-path:polygon(0 78%,30% 86%,70% 90%,100% 81%,100% 100%,0 100%)}
}
@media(min-width:701px){
 .clean-b-art{clip-path:none;mask-image:linear-gradient(#000 0%,#000 40%,transparent 45%)}
}
@media(max-width:700px){
 .mobile-scene-hero img{mask-image:linear-gradient(transparent,#000 8%,#000 95%,transparent)}
 .mobile-scene-hero{background:linear-gradient(var(--navy) 60%,var(--white) 85%)}
}
@media(min-width:701px){
 .hero-b-art{height:77cqw;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}
}
/* Editorial placement follows the white opening, with the established type scale. */
@media(min-width:701px){
 .hero{left:12%;width:41%}
 .hero .copy>p.hero-description{max-width:38cqw}
 .vocation{left:38%;top:68cqw;width:56%;padding:0;text-align:center}
 .vocation .copy{padding:0;background:transparent}
 .vocation .copy:before{display:none}
 .vocation h2,.vocation h2 span{font-size:4.4cqw;line-height:1.06;white-space:normal}
 .vocation .copy p{max-width:45cqw;margin:2cqw 0 0 9cqw;font-size:1.3cqw;line-height:1.6}
}
@media(min-width:701px) and (max-width:1000px){
 .vocation{left:37%;width:59%}
 .vocation .copy p{max-width:50cqw;margin-left:9cqw;font-size:13.5px;line-height:1.45}
}
@media(max-width:700px){
 .hero .copy{padding-left:clamp(28px,8vw,44px);padding-right:clamp(24px,6vw,36px)}
 .hero .reassurance{flex-wrap:wrap;justify-content:flex-start;gap:10px 8px}
 .hero .reassurance li+li{padding-left:8px}
 .vocation .copy{background:var(--white);text-align:center;padding:8px clamp(24px,7vw,40px) 0}
 .vocation .copy p{max-width:none;margin-left:0!important;margin-right:0!important}
}