/* Work with us redesign, staged only. Reuses r830 tokens and the tier page patterns. Brand colours: ink #2C2B30, ivory #F7F4EF, magenta #E3008C as an accent never as text, #C9CDD4 for hairlines only. */

/* figures strip, after the hero caption, same role as the tier at a glance band */
body.ovh.r845 .wwu-figs{background:#2C2B30;color:#F7F4EF;padding:64px 0 72px}
body.ovh.r845 .wwu-figs-in{display:grid;grid-template-columns:1fr 1fr minmax(280px,1.2fr);gap:0 56px;align-items:start}
body.ovh.r845 .wwu-figs-h{grid-column:1/-1;margin:0 0 36px;font-weight:900;font-size:clamp(28px,3vw,40px);line-height:.95;letter-spacing:-.02em;color:#F7F4EF}
body.ovh.r845 .wwu-fig{display:flex;flex-direction:column;border-top:10px solid #E3008C;padding-top:18px;min-width:0}
body.ovh.r845 .wwu-n{font-weight:900;font-size:clamp(72px,8vw,132px);line-height:.86;letter-spacing:-.03em;color:#F7F4EF}
body.ovh.r845 .wwu-l{font-size:19px;color:#D1D1D1;margin-top:12px;max-width:16em}
body.ovh.r845 .wwu-k{margin:0 0 12px;font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:#D1D1D1}
body.ovh.r845 .wwu-how{font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.01em;color:#F7F4EF;max-width:12em}

/* route cards: photos, then the two routes, on paper */
body.ovh.r845 .wwu-choose{background:#F7F4EF;color:#2C2B30;padding:80px 0 88px}
body.ovh.r845 .wwu-choose h2{color:#2C2B30;margin:0 0 32px;font-weight:900;font-size:clamp(36px,4.4vw,64px);line-height:.95;letter-spacing:-.02em}
body.ovh.r845 .wwu-two{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.ovh.r845 .wwu-two li{margin:0;max-width:none;background:#2C2B30;color:#F7F4EF;display:flex;flex-direction:column;border-top:10px solid #F7F4EF}
body.ovh.r845 .wwu-card-fig{margin:0}
body.ovh.r845 .wwu-card-photo{position:relative;overflow:hidden;background:#201F24}
body.ovh.r845 .wwu-card-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
body.ovh.r845 .wwu-card-photo .r30-wm{position:absolute;right:16px;bottom:14px;width:48px;height:auto;opacity:.9;z-index:1;pointer-events:none}
body.ovh.r845 .wwu-card-fig .photo-cap{display:block;margin:0;padding:10px 20px 12px;background:#201F24;color:#D9D6D0;font-size:14px;line-height:1.4;max-width:none;width:auto}
body.ovh.r845 .wwu-two a{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:28px 32px 32px;box-sizing:border-box;background:#2C2B30;border:0;color:#F7F4EF;text-decoration:none;flex:1}
body.ovh.r845 .wwu-two a b{font-size:clamp(30px,1.2rem + 2vw,48px);font-weight:900;line-height:1;color:#F7F4EF}
body.ovh.r845 .wwu-two a .wwu-lines{display:flex;flex-direction:column;gap:10px;font-size:19px;color:#D1D1D1;max-width:30em;font-style:normal}
body.ovh.r845 .wwu-two a .wwu-lines span{display:block;max-width:30em;color:#D1D1D1}
body.ovh.r845 .wwu-two a i{font-style:normal;font-weight:700;font-size:18px;text-decoration:underline;text-underline-offset:4px;color:#F7F4EF}
body.ovh.r845 .wwu-two a:hover{background:#201F24}
body.ovh.r845 .wwu-two a:focus-visible{outline:3px solid #F7F4EF;outline-offset:-6px}

/* apply section sits on white, a little more air */
body.ovh.r845 .wwu-form-sec{background:#fff;padding:80px 0 96px}

@media (max-width:1100px){
 body.ovh.r845 .wwu-figs-in{grid-template-columns:1fr 1fr;gap:40px}
 body.ovh.r845 .wwu-fig-how{grid-column:1/-1}
}
@media (max-width:760px){
 body.ovh.r845 .wwu-two{grid-template-columns:1fr}
 body.ovh.r845 .wwu-two a{padding:24px}
 body.ovh.r845 .wwu-figs{padding:44px 0 48px}
 body.ovh.r845 .wwu-figs-in{grid-template-columns:1fr;gap:28px}
 body.ovh.r845 .wwu-fig-how{grid-column:auto}
 body.ovh.r845 .wwu-n{font-size:84px}
 body.ovh.r845 .wwu-choose{padding:56px 0 64px}
 body.ovh.r845 .wwu-choose h2{font-size:36px}
 body.ovh.r845 .wwu-card-photo .r30-wm{right:12px;bottom:12px;width:40px}
}
/* r8-55-1 B1: at 390, 84% 50% keeps all four crew and the mast in frame. The tent cannot also fit. */
@media (max-width:599px){
 body.ovh.r845 .wwu-hero .hero-bg{object-position:84% 50%!important}
}

/* r8-55-1 m1: restore the locked line once, under the figures heading */
body.ovh.r845 .wwu-lock{grid-column:1/-1;margin:-20px 0 36px;font-size:19px;color:#D1D1D1;max-width:32em}