/* Additional campaigns and whole component details on the homepage. */
.hero-play{left:calc(50% + 110px)}
.hero-slide[data-slide="3"] .hero-image,.hero-slide[data-slide="4"] .hero-image{object-position:70% center}
.story-picture img{object-position:67% center}
.story-picture{position:relative}.story-component-badge{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:14px;padding:10px 18px;background:#f7f8f1ed;border-radius:5px;backdrop-filter:blur(12px);box-shadow:0 4px 25px #17231426;color:#243321;max-width:calc(100% - 40px)}
.story-component-badge[hidden]{display:none}.story-component-badge img{width:85px;height:75px;object-fit:contain}.story-component-badge>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.story-component-badge strong{font-size:15px}.story-component-badge small{font-size:11px}.story-component-badge>span:last-child{font-size:22px;margin-left:8px}
.detail-stories{scroll-margin-top:90px}
.detail-stories{padding:100px var(--gutter);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:#eaece5;align-items:center;overflow:hidden}
.detail-stories h2{font-size:clamp(42px,4.8vw,76px);line-height:1.04;letter-spacing:-.05em;margin:24px 0}
.detail-stories-lead{font-size:17px;line-height:1.65;color:#536050;margin-bottom:42px}
.detail-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.detail-parts>[role=tab]{position:relative;text-align:left;border:1px solid #cdd3c5;border-radius:5px;padding:28px 20px 18px;min-width:0;background:#f3f4ed;color:var(--ink);transition:background .2s,border-color .2s;cursor:pointer}
.detail-parts>[aria-selected=true]{background:#e0e5d6;border-color:#40543a}
.detail-parts>[role=tab]:hover{border-color:#40543a}
.detail-parts>[role=tab]:focus-visible{outline:3px solid #4c6444;outline-offset:4px}
.detail-parts img{display:block;width:100%;height:190px;object-fit:contain;transform:translateY(var(--detail-drift,0px));transition:filter .2s;filter:drop-shadow(0 12px 10px #273a1714)}
.detail-part-number{position:absolute;top:14px;left:16px;font-size:10px;color:#4e5b48;letter-spacing:.12em}
.detail-part-label{display:flex;flex-direction:column;gap:5px;margin-top:15px;padding-right:24px;font-size:12px;color:#536050}
.detail-part-label strong{font-size:17px;letter-spacing:-.02em;color:#1e291d}
.detail-part-arrow{position:absolute;right:17px;bottom:20px;font-size:22px}
.detail-part-copy{border-top:1px solid #bdc7b1;padding-top:26px;min-height:220px}
.detail-part-copy h3{font-size:29px;letter-spacing:-.03em;margin:12px 0}
.detail-part-copy p{font-size:15px;line-height:1.65;color:#4e5c48;max-width:380px;margin-bottom:18px}
.detail-part-spec{display:block;font-size:12px;color:#40543a;margin-bottom:18px}
.detail-part-copy .text-link{font-size:13px;gap:16px;min-height:44px}
@media(max-width:960px){.detail-stories{padding:70px var(--gutter);gap:30px;grid-template-columns:1fr 1.1fr}.detail-parts{gap:10px}.detail-parts>[role=tab]{padding:25px 14px 16px}.detail-parts img{height:145px}.detail-stories h2{font-size:45px}.detail-stories-lead{font-size:15px}}
@media(max-width:640px){
 .hero-play{left:auto;right:24px;bottom:78px;width:44px;height:44px}.hero-dots{gap:0;padding:0 8px}.hero-dot,.hero-dot.is-active{width:28px;height:44px}
 .story-component-badge{right:12px;bottom:12px;padding:8px 12px;gap:10px;max-width:calc(100% - 24px)}.story-component-badge img{width:65px;height:55px}
 .detail-stories{padding:65px 24px;grid-template-columns:1fr;gap:30px;align-items:start}.detail-stories-intro{display:contents}.detail-stories-intro>.eyebrow{grid-row:1}.detail-stories h2{grid-row:2;margin:0;font-size:43px}.detail-stories-lead{grid-row:3;margin:0}.detail-parts{grid-row:4;gap:10px}.detail-part-panels{grid-row:5}.detail-parts>[role=tab]{padding:25px 12px 15px}.detail-parts img{height:130px}.detail-part-label{font-size:11px;margin-top:14px}.detail-part-label strong{font-size:15px}.detail-part-arrow{right:12px;bottom:16px;font-size:18px}.detail-part-copy{min-height:210px}.detail-part-copy h3{font-size:27px}
}
@media(max-width:360px){.detail-parts img{height:110px}.detail-stories h2{font-size:39px}.detail-part-label{font-size:10px}.detail-part-label strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.detail-parts img{transform:none}.detail-parts>[role=tab]{transition:none}}
@media(max-width:640px) and (orientation:portrait){
 body .hero{height:100svh;min-height:max(760px,calc(100vw * 1.05 + 390px));max-height:1200px;background:#17271d}
 body .hero-slide .hero-image{position:absolute;inset:0 0 auto;width:100%;height:calc(100vw * 16 / 9);object-fit:cover;object-position:center!important;mask-image:linear-gradient(#000 75%,transparent 100%)}
 body .hero-shade{background:linear-gradient(0deg,#17271d 0%,#17271d90 28%,transparent 60%)}
 body .hero-copy{bottom:130px;top:auto;transform:none}
 body .hero-copy h1{font-size:clamp(38px,10.8vw,54px)}
 body .hero-copy p{margin:14px 0 20px}
}