/* More room below the complete brand lockup. */
html{scroll-padding-top:120px}
.header{height:108px;padding-bottom:8px}
.button{border-radius:10px}
.hero-choices{border-radius:12px;overflow:hidden}
.moto-hero{padding:48px 6% 70px;background:#202729;color:#fff}
.moto-hero .breadcrumb{color:#b9c4c7;margin-bottom:42px}
.moto-hero .breadcrumb a{color:inherit}
.moto-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center}
.moto-hero h1{font-size:clamp(44px,5.2vw,88px);line-height:1.02;letter-spacing:-.045em;margin:24px 0}
.moto-hero h1 em{font-style:normal;color:var(--blue)}
.moto-hero p{font-size:19px;line-height:1.6;color:#c3cdd0;max-width:460px;margin-bottom:30px}
.moto-hero-photo{position:relative;margin:0}
.moto-hero-photo img{width:100%;height:540px;object-fit:cover;object-position:48% center;border-radius:24px}
.moto-hero-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;padding:13px 18px;background:#172023dc;border:1px solid #ffffff38;border-radius:12px;font-size:11px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:12px;color:white}
.moto-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.moto-options article{padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--surface,var(--paper))}
.moto-options h3{font-size:32px;margin:24px 0 16px;letter-spacing:-.03em}
.moto-options p{max-width:520px;line-height:1.65;color:var(--muted)}
.moto-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:280px 280px;gap:18px}
.moto-collage > button{padding:0;border:0;background:#283030;position:relative;overflow:hidden;border-radius:18px;cursor:zoom-in;width:100%;height:100%}
.moto-collage > button:nth-child(1){grid-column:span 2}
.moto-collage > button:nth-child(2){grid-column:3;grid-row:span 2}
.moto-collage > button:nth-child(3){grid-column:4;grid-row:1}
.moto-collage > button:nth-child(4){grid-column:span 2;grid-row:2}
.moto-collage > button:nth-child(5){grid-column:4;grid-row:2}
.moto-collage img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.moto-collage > button:nth-child(2) img{object-position:center 57%}
.moto-collage > button:hover img{transform:scale(1.045)}
.moto-films{background:radial-gradient(ellipse at 15% 70%,#2d454a,transparent 60%),#202729;color:#fff}
.moto-films-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:start}
.moto-film-copy{position:sticky;top:160px;padding-top:45px}
.moto-film-copy h2{margin:24px 0}
.moto-film-copy p{color:#c3cdd0;font-size:18px;line-height:1.6;max-width:380px}
.moto-film-copy .notes{font-size:14px;margin-top:28px}
.moto-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;min-width:0}
.moto-video-pair .film-card:nth-child(2){padding-top:90px}
.moto-video-pair .film-heading{flex-wrap:wrap;gap:6px}
.moto-video-pair .film-heading h3{font-size:24px}
.moto-video-pair .film-frame{box-shadow:0 24px 50px #0003}
.moto-next{margin-top:38px}
.moto-hero-visual{display:grid;grid-template-columns:minmax(0,1fr) .56fr;gap:18px;align-items:center;min-width:0}
.moto-hero-grid{grid-template-columns:.8fr 1.2fr;gap:4%}
.moto-hero-visual{grid-template-columns:.7fr 1.3fr;gap:20px}
.moto-second-film{padding-top:70px;min-width:0}
.moto-second-film video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto}
.moto-second-film .film-frame{border-radius:20px;box-shadow:0 24px 55px #0004}
.moto-second-film .film-heading{flex-wrap:wrap;gap:8px}
.moto-second-film .film-heading h3{font-size:21px;line-height:1.2}
.moto-second-film .film-card figcaption p{font-size:13px}
@media(max-width:1000px){.moto-hero-grid{grid-template-columns:1fr}.moto-hero-visual{max-width:760px;margin:auto;grid-template-columns:.7fr 1.3fr}.moto-orbit{max-width:285px}}
@media(max-width:600px){.moto-hero-visual{grid-template-columns:1fr!important;max-width:420px!important;gap:24px}.moto-orbit{max-width:250px;width:100%;margin:auto}.moto-second-film{padding-top:0}.moto-second-film .film-heading h3{font-size:22px}}
.moto-orbit .film-frame{border-radius:24px;box-shadow:0 24px 55px #0004}
.moto-orbit .film-card figcaption{display:none}
.moto-orbit video{display:block;aspect-ratio:9/16;width:100%;height:auto;object-fit:contain}
.moto-closeup{margin:90px 0 0;min-width:0}
.moto-closeup button{display:block;padding:0;border:1px solid #ffffff38;border-radius:18px;overflow:hidden;background:#293033;width:100%;cursor:zoom-in}
.moto-closeup img{width:100%;aspect-ratio:3/5;object-fit:cover;transition:transform 1.2s ease}
.moto-closeup button:hover img{transform:scale(1.06)}
.moto-closeup figcaption{font-size:9px;letter-spacing:.1em;color:#b7c9d1;padding-top:15px;line-height:1.7}
@media(max-width:760px){.moto-hero-visual{max-width:510px;margin:0 auto;width:100%;gap:14px}.moto-closeup{margin-top:50px}.moto-orbit .film-toggle{font-size:11px;padding:9px;right:9px;top:9px}}
@media(prefers-reduced-motion:reduce){.moto-closeup img{transition:none}}
@media(max-width:1000px){#navigation{top:100%}.moto-hero-grid{gap:30px}.moto-hero-photo img{height:450px}.moto-collage{grid-template-rows:220px 220px}.moto-films-layout{gap:35px;grid-template-columns:.8fr 1.2fr}}
@media(max-width:760px){html{scroll-padding-top:102px}.header{height:90px;padding-bottom:8px}#navigation{top:100%}.moto-hero{padding:28px 6% 40px}.moto-hero-grid{grid-template-columns:1fr}.moto-hero .breadcrumb{margin-bottom:30px}.moto-hero h1{font-size:clamp(42px,9vw,64px)}.moto-hero p{font-size:17px}.moto-hero-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.moto-options{grid-template-columns:1fr;gap:16px}.moto-options article{padding:26px}.moto-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px 300px 200px}.moto-collage > button:nth-child(1){grid-column:span 2;grid-row:1}.moto-collage > button:nth-child(2){grid-column:1;grid-row:2}.moto-collage > button:nth-child(3){grid-column:2;grid-row:2}.moto-collage > button:nth-child(4){grid-column:1;grid-row:3}.moto-collage > button:nth-child(5){grid-column:2;grid-row:3}.moto-collage{gap:12px}.moto-films-layout{grid-template-columns:1fr}.moto-film-copy{position:static;padding:0}.moto-video-pair{gap:16px}.moto-video-pair .film-card:nth-child(2){padding-top:50px}.moto-video-pair .film-heading h3{font-size:21px}.moto-video-pair .film-toggle{right:8px;top:8px;padding:9px;font-size:11px}.moto-video-pair .film-card figcaption p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.moto-collage img{transition:none}}

/* The fifth collage cell is a viewport-triggered, silent archive clip. */
.moto-collage .moto-archive-film{grid-column:4;grid-row:2;position:relative;min-height:0}
.moto-archive-film .film-frame{height:100%;border:0;border-radius:18px}
.moto-archive-film .film-frame video{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center 47%}
.moto-archive-film figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0}
.moto-archive-film .film-toggle{right:8px;top:8px;padding:8px 10px;font-size:11px}
@media(max-width:760px){.moto-collage .moto-archive-film{grid-column:2;grid-row:3}}