/* Mitten's photography integration. Additive styles; no brand/navigation reset. */
.mtn-photo{margin:0;min-width:0;overflow:hidden}
.mtn-photo>img{display:block;width:100%;height:auto;object-fit:cover}
.mtn-photo figcaption{padding:13px 0 0;font:700 11px/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.8}
.mtn-photo-hero{isolation:isolate;background:var(--night)}
.mtn-photo-hero .mtn-photo-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.mtn-photo-hero__media>img,.mtn-photo-hero__media>video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.mtn-photo-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(16,25,22,.86) 0%,rgba(16,25,22,.64) 48%,rgba(16,25,22,.18) 100%),linear-gradient(180deg,rgba(16,25,22,.55),transparent 28%,transparent 65%,rgba(16,25,22,.45))}
.mtn-photo-hero>.v4-wrap{position:relative;z-index:2}
.mtn-photo-hero h1,.mtn-photo-hero h1 em{color:#f4f1eb!important;-webkit-text-fill-color:#f4f1eb;-webkit-text-stroke:0!important}
.mtn-photo-hero .v4-hero__content{padding-top:clamp(64px,8vh,100px);padding-bottom:160px;min-height:calc(100svh - 112px)}
.mtn-photo-hero.v4-hero h1{font-size:clamp(58px,7.4vw,112px);line-height:.94;max-width:1060px;letter-spacing:-.055em}
.mtn-photo-hero .v4-hero__rail{z-index:3;background:rgba(20,30,25,.83);backdrop-filter:none}
.mtn-photo-hero .v4-hero__lead{max-width:640px;color:#f4f1eb}
.mtn-photo-hero .v4-hero__actions{flex-direction:row;align-items:center;flex-wrap:wrap}
.mtn-photo-hero .v4-kicker{color:#e8e3da}
.mtn-photo-hero__media--motion>img{animation:mtnPhotoDrift 24s ease-in-out infinite alternate;transform-origin:60% 44%;will-change:transform}
.mtn-photo-hero__media--motion.is-paused>img{animation-play-state:paused}
@keyframes mtnPhotoDrift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.055) translate3d(-.4%,.25%,0)}}
.mtn-photo-motion{position:absolute;z-index:4;right:var(--pad);bottom:82px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;background:rgba(22,30,26,.8);color:#f4f1eb;border:1px solid rgba(244,241,235,.6);border-radius:0;font:700 11px/1.2 var(--body);letter-spacing:.05em;cursor:pointer}
.mtn-photo-motion:focus-visible{outline:3px solid #fff;outline-offset:4px}
.mtn-photo-motion__mark{display:block;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.mtn-photo-motion[aria-pressed=true] .mtn-photo-motion__mark{height:0;width:0;border-left:9px solid currentColor;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.mtn-photo-wide{margin:38px 0 0}
.mtn-photo-wide>img{aspect-ratio:2.3/1;object-position:center 60%}
.mtn-photo-home-bulk{grid-column:1/-1;margin-top:0}
.mtn-photo-home-bulk>img{aspect-ratio:2.5/1;object-position:center 54%}
.v4-bulk-teaser .v4-farm-feature__grid{row-gap:48px}
.mtn-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:48px 0 0;align-items:start}
.mtn-photo-pair>figure>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.mtn-photo-pair--shop>figure>img{aspect-ratio:1/1;object-position:center 36%}
.mtn-photo-pair--history{grid-template-columns:.85fr 1.15fr;gap:32px;margin:0 0 58px}
.mtn-photo-pair--history>figure>img{aspect-ratio:1.55/1}
.mtn-photo-pair--history>figure:nth-child(2){margin-top:54px}
.mtn-photo-roadside .v4-road-squad{gap:42px 64px}
.mtn-photo-roadside__fleet{grid-column:1/-1}
.mtn-photo-roadside__fleet>img{aspect-ratio:2.35/1;object-position:center 58%}
.mtn-photo-hero--bulk.v4-page-hero--legacy{padding-top:clamp(144px,15vh,190px);padding-bottom:64px}
.mtn-photo-hero--bulk .mtn-photo-hero__media>img{object-position:55% 50%}
.mtn-photo-hero--bulk::before{background:linear-gradient(90deg,rgba(20,20,20,.88),rgba(20,20,20,.65) 55%,rgba(20,20,20,.36)),linear-gradient(180deg,rgba(20,20,20,.6),transparent 35%)}
.mtn-photo-hero--bulk::after{display:none}
.mtn-photo-hero--bulk .v4-legacy-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.65fr);gap:48px}
.mtn-photo-hero--bulk .v4-legacy-hero__copy h1{font-size:clamp(48px,6.2vw,92px);line-height:.94}
.mtn-photo-hero--bulk .v4-legacy-hero__copy .v4-kicker{color:#ffb1a5}
.mtn-photo-hero--bulk .v4-legacy-hero__mark{padding:28px;box-shadow:none}
.mtn-photo-hero--bulk .v4-legacy-hero__mark p{color:#534d48!important;font-size:14px!important;line-height:1.6!important}
.mtn-photo-hero--bulk .v4-legacy-hero__mark img{height:auto;max-height:170px}
.mtn-photo-team-split.v4-number-callout{grid-template-columns:1.2fr 1fr;gap:48px}
.mtn-photo-team-split>.mtn-photo>img{aspect-ratio:1.7/1;object-position:center}
.mtn-photo-team-split h2{font-size:clamp(38px,4.4vw,64px);line-height:1.04}
.mtn-photo-lubricants{display:grid;grid-template-columns:1.1fr .8fr;gap:58px;align-items:center}
.mtn-photo-lubricants__copy{min-width:0}
.mtn-photo-lubricants__copy h2{font-size:clamp(40px,4.4vw,68px);line-height:1}
.mtn-photo-lubricants__copy>p:not(.v4-kicker){max-width:650px;color:var(--antler);line-height:1.7;font-size:18px}
.mtn-photo-lubricants>.mtn-photo>img{aspect-ratio:1.2/1;object-position:65% 50%}
.v4-bulk-actions .v4-final__links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px 36px;margin-top:40px}
.mtn-photo-careers-team{margin-top:48px}
.mtn-photo-careers-team>img{aspect-ratio:1.84/1;object-position:center}
/* Staff portraits use consistent geometry without changing existing names or filters. */
.v4-person__media.mtn-photo-person>img{object-position:center 30%;filter:none}
@media(min-width:1000px){.mtn-photo-hero.v4-page-hero:not(.mtn-photo-hero--bulk){min-height:76svh}}
@media(max-width:999px){
 .mtn-photo-hero .v4-hero__content{min-height:calc(100svh - 74px)}
 .mtn-photo-hero--bulk .v4-legacy-hero__grid{grid-template-columns:1fr}
 .mtn-photo-hero--bulk .v4-legacy-hero__mark{max-width:460px}
 .mtn-photo-team-split.v4-number-callout,.mtn-photo-lubricants{grid-template-columns:1fr;gap:32px}
 .mtn-photo-team-split>.mtn-photo{order:2}
 .mtn-photo-team-split>.mtn-photo>img{aspect-ratio:auto}
 .mtn-photo-lubricants>.mtn-photo>img{aspect-ratio:1.8/1}
 .mtn-photo-lubricants__copy h2{font-size:clamp(44px,7vw,70px)}
}
@media(max-width:700px){
 .mtn-photo-hero .v4-hero__content{padding-top:68px;padding-bottom:186px}
 .mtn-photo-hero.v4-hero h1{font-size:clamp(40px,11.8vw,72px);line-height:.98;letter-spacing:-.05em}
 .mtn-photo-hero.v4-page-hero h1{font-size:clamp(40px,11.8vw,72px);line-height:.98;letter-spacing:-.05em}
 .mtn-photo-hero::before{background:linear-gradient(90deg,rgba(16,25,22,.84),rgba(16,25,22,.58)),linear-gradient(180deg,rgba(16,25,22,.4),transparent 40%)}
 .mtn-photo-hero__media>img{object-position:52% center}
 .mtn-photo-hero .v4-hero__actions{gap:18px 24px}
 .mtn-photo-motion{bottom:114px;right:20px}
 .mtn-photo-wide>img,.mtn-photo-home-bulk>img{aspect-ratio:4/3}
 .mtn-photo-pair{gap:24px;grid-template-columns:1fr;margin-top:32px}
 .mtn-photo-pair--shop{grid-template-columns:1fr 1fr;gap:14px}
 .mtn-photo-pair--shop>figure>img{aspect-ratio:3/4}
 .mtn-photo-pair--history{margin:0 0 40px}
 .mtn-photo-pair--history>figure:nth-child(2){margin-top:0}
 .mtn-photo-pair--delivery>figure>img{aspect-ratio:4/3}
 .mtn-photo-roadside__fleet>img{aspect-ratio:1.6/1;object-position:center}
 .mtn-photo-hero--bulk.v4-page-hero--legacy{padding-top:112px;padding-bottom:48px}
 .mtn-photo-hero--bulk .v4-wrap{padding-top:28px;padding-bottom:12px}
 .mtn-photo-hero--bulk .v4-legacy-hero__mark{padding:24px}
 .mtn-photo-hero--bulk .v4-legacy-hero__copy h1{font-size:clamp(40px,11vw,64px)}
 .mtn-photo-lubricants__copy h2{font-size:clamp(38px,10vw,60px)}
 .mtn-photo-lubricants__copy>p:not(.v4-kicker){font-size:16px}
 .mtn-photo-lubricants>.mtn-photo>img{aspect-ratio:4/3}
 .mtn-photo figcaption{font-size:10px}
 .mtn-photo-careers-team>img{aspect-ratio:auto}
}
@media(prefers-reduced-motion:reduce){
 .mtn-photo-hero__media--motion>img{animation:none!important;transform:none!important;will-change:auto}
 .mtn-photo-motion{display:none}
}

/* Existing Careers headline was 6px wider than the narrow mobile grid. */
@media(max-width:700px){
 .mtn-photo-careers .v4-editorial-head{grid-template-columns:minmax(0,1fr)}
 .mtn-photo-careers .v4-editorial-head>h2{font-size:clamp(34px,10vw,60px)}
 .mtn-photo-careers .v4-editorial-head>*{min-width:0}
}