/* Approved rounded homepage panels and the October 12 motor-story prototype. */
.home-panel{--panel-inset:16px;width:calc(100% - var(--panel-inset)*2);margin-inline:auto;border-radius:64px}
.home-panel>.wrap{width:min(100%,calc(1440px - var(--panel-inset)*2));padding-inline:calc(var(--gutter) - var(--panel-inset))}
.home-hero .hero-content{padding-bottom:56px}
.home-blanket{margin-bottom:48px}
.home-blanket p,.home-blanket .eyebrow{color:var(--paper)}
.home-blanket .storage-window strong{color:var(--red)}

.home-motor-story{
  --motor-top:calc(var(--site-header-height) + var(--site-header-offset));
  --motor-height:calc(100svh - var(--motor-top));
  --motor-radius:40px;
  position:relative;
}
.motor-story__pin{width:min(1312px,calc(100% - var(--gutter)*2));margin:auto;padding:40px 0 64px;display:grid;grid-template-columns:1fr 1fr;gap:64px 80px}
.motor-story__nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.motor-story__nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:center;font:500 17px/24px var(--body);color:var(--muted)}
.motor-story__nav button span{font:500 11px/1.5 var(--mono)}
.motor-story__nav button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(var(--motor-step-progress,0));transform-origin:left center}
.motor-story__nav button[aria-current=step]{color:var(--ink)}
.motor-story__nav button[aria-current=step] span{color:var(--red)}
.motor-story__grid,.motor-story__visual,.motor-story__sheet,.motor-story__copies{display:contents}
.motor-story__face{margin:0;min-width:0;justify-self:center;width:min(100%,450px);aspect-ratio:3/4;overflow:hidden;border-radius:var(--motor-radius);background:var(--ink);scroll-margin-top:24px}
.motor-story__face img{display:block;width:100%;height:100%;object-fit:contain}
.motor-story__face--innovation img,.motor-story__face--execution img{padding:14px}
.motor-story__face[data-motor-stage="0"]{grid-area:2/1}
.motor-story__face[data-motor-stage="1"]{grid-area:3/1}
.motor-story__face[data-motor-stage="2"]{grid-area:4/1}
.motor-story__copy{align-self:center;min-width:0}
.motor-story__copy[data-motor-stage="0"]{grid-area:2/2}
.motor-story__copy[data-motor-stage="1"]{grid-area:3/2}
.motor-story__copy[data-motor-stage="2"]{grid-area:4/2}
.motor-story__copy .eyebrow{margin-bottom:24px}
.motor-story__copy h2{font:600 clamp(48px,5vw,72px)/1.03 var(--display);letter-spacing:-.012em;margin:0 0 28px;text-wrap:balance}
.motor-story__description{font-size:clamp(19px,1.65vw,23px);line-height:1.42;color:var(--muted);max-width:608px;text-wrap:pretty}
.motor-story__controls{position:relative;grid-column:1/-1;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:24px}
.motor-story__motion{display:flex;align-items:center;gap:8px;color:var(--muted);font:400 13px/24px var(--body);white-space:nowrap;cursor:pointer}
.motor-story__motion input{accent-color:var(--red);width:15px;height:15px;margin:0}
.motor-story__hint{position:absolute;left:50%;transform:translateX(-50%);display:none;margin:0;color:var(--muted);font-size:13px;line-height:24px;align-items:center;gap:10px;white-space:nowrap}
.motor-story__arrow{font-size:19px;color:var(--red)}
.home-motor-story.is-motor-ready .motor-story__controls{display:flex}

/* No script, reduced motion, and short screens use the complete static sequence. */
.home-motor-story.is-motor-animated{height:calc(var(--motor-height)*3.5)}
.is-motor-animated .motor-story__pin{position:sticky;top:var(--motor-top);height:var(--motor-height);padding:26px 0 20px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:24px}
.is-motor-animated .motor-story__nav{grid-area:1/1}
.is-motor-animated .motor-story__grid{grid-area:2/1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:0;height:100%}
.is-motor-animated .motor-story__visual{display:grid;place-items:center;height:100%;min-height:0;perspective:1800px}
.is-motor-animated .motor-story__sheet{display:block;position:relative;height:100%;max-height:610px;aspect-ratio:3/4;max-width:100%;transform-style:preserve-3d;transform:rotateY(var(--motor-turn,0deg));will-change:transform}
.is-motor-animated .motor-story__face{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.2px)}
.is-motor-animated .motor-story__face--collaboration{transform:rotateY(180deg) translateZ(.2px)}
.is-motor-animated .motor-story__copies{display:grid;align-items:center;min-width:0}
.is-motor-animated .motor-story__copy{grid-area:1/1;opacity:var(--motor-copy-opacity,0);transform:translateY(var(--motor-copy-offset,8px));will-change:opacity,transform;pointer-events:none}
.is-motor-animated .motor-story__copy[data-active=true]{pointer-events:auto}
.is-motor-animated .motor-story__controls{grid-area:3/1}
.is-motor-animated .motor-story__hint{display:flex}

@media(max-width:1279px){.motor-story__pin{column-gap:48px}.is-motor-animated .motor-story__grid{gap:48px}}
@media(max-width:1100px){.motor-story__description{font-size:19px}.motor-story__copy h2{font-size:58px}}
@media(max-width:899px){
  .home-motor-story{--motor-radius:28px}
  .motor-story__pin{grid-template-columns:1fr;gap:26px;padding:24px 0 48px}
  .motor-story__nav{gap:14px}
  .motor-story__nav button{gap:8px;font-size:14px}
  .motor-story__nav button span{font-size:10px}
  .motor-story__face{width:min(100%,390px);max-height:470px;aspect-ratio:3/4}
  .motor-story__face[data-motor-stage="0"]{grid-area:2/1}.motor-story__copy[data-motor-stage="0"]{grid-area:3/1}
  .motor-story__face[data-motor-stage="1"]{grid-area:4/1}.motor-story__copy[data-motor-stage="1"]{grid-area:5/1}
  .motor-story__face[data-motor-stage="2"]{grid-area:6/1}.motor-story__copy[data-motor-stage="2"]{grid-area:7/1}
  .motor-story__copy{padding-bottom:30px}
  .motor-story__copy h2{font-size:48px;margin-bottom:20px}
  .motor-story__copy .eyebrow{margin-bottom:16px}
  .motor-story__description{font-size:18px;line-height:1.42}
  .is-motor-animated .motor-story__pin{padding:18px 0 16px;gap:18px}
  .is-motor-animated .motor-story__grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:20px;align-items:center}
  .is-motor-animated .motor-story__visual{width:100%}
  .is-motor-animated .motor-story__sheet{max-height:min(270px,calc(100svh - 566px));min-height:160px;aspect-ratio:3/4}
  .is-motor-animated .motor-story__copies{align-self:start}
  .is-motor-animated .motor-story__copy{grid-area:1/1;padding:0}
  .is-motor-animated .motor-story__copy h2{font-size:40px;line-height:1.04;margin-bottom:16px}
  .is-motor-animated .motor-story__copy .eyebrow{font-size:10px;margin-bottom:10px}
  .is-motor-animated .motor-story__description{font-size:16px;line-height:1.38}
  .motor-story__motion,.motor-story__hint{font-size:12px}
  .motor-story__hint{position:static;transform:none}
}
@media(max-width:767px){
  .home-panel{--panel-inset:12px;border-radius:32px}
  .home-hero .hero-message h1{font-size:clamp(40px,13.2vw,64px);line-height:1.04}
  .home-hero .hero-content{padding-bottom:36px}
  .home-blanket{margin-bottom:24px}
}
@media(max-width:360px){.motor-story__nav{gap:8px}.motor-story__nav button{font-size:12px;gap:5px}.motor-story__hint{gap:5px;font-size:11px}.motor-story__motion{gap:5px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.motor-story__sheet,.motor-story__copy{will-change:auto}}