/* Site-wide adjustments on top of the original stylesheet. Body copy in Forza Book, matching /rnd/. */
p, p *, .text_block, textarea, input { font-family: "ForzaBook", Arial, sans-serif !important; }
/* News story pages */
.section_story{padding:180px 0 120px}
.section_story .container{max-width:900px;margin:0 auto;padding:0 40px}
.section_story .story_date{font-size:12px;color:#5e5e5e;margin-bottom:18px}
.section_story h1{font-family:"ForzaBold",Arial,sans-serif;font-size:44px;line-height:1;letter-spacing:-.02em;margin-bottom:28px;text-transform:uppercase}
.section_story .story_body p{font-size:18px;line-height:1.45;margin-bottom:14px}
.section_story .story_media{width:100%;display:block;margin:32px 0;background:#000}
.section_story .story_gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0}
.section_story .story_gallery figure{margin:0;aspect-ratio:1/1;overflow:hidden;border:1px solid #d7d5d6;background:#f5f3f4}
.section_story .story_gallery img{width:100%;height:100%;object-fit:cover;display:block}
.section_story .story_press{margin-top:24px;font-size:14px}
.section_story .story_press a,.section_story .story_back a{color:#ff1f20;text-decoration:none}
.section_story .story_back{margin-top:48px;font-size:12px;text-transform:uppercase}
@media(max-width:767px){.section_story{padding:130px 0 80px}.section_story .container{padding:0 20px}.section_story h1{font-size:30px}.section_story .story_gallery{grid-template-columns:repeat(2,1fr)}}
/* News cards: one image shape for all items */
.section_news .news_image_box img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}

/* ===== Oct 2026: CI aligned with /rnd/ ===== */
:root{--n27-bg:#f7f5f6;--n27-lg:#d7d5d6;--n27-red:#ff1f20;--n27-g:#5e5e5e}
.rv{opacity:0;transform:translateY(22px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,.84,.24,1)}
.rv.in{opacity:1;transform:none}
@media print{.rv{opacity:1!important;transform:none!important}}
/* thumbnails: hairline frames, red marker on the active one */
.clickable_image,.clickable_image_2,.clickable_image_3{outline:1px solid var(--n27-lg);outline-offset:-1px;transition:opacity .3s}
.active_image_home{outline:2px solid var(--n27-red)!important;outline-offset:-2px}
.analog_Experience_change_img,.design_section_change_img,.drivetrain_section_change_img{outline:1px solid var(--n27-lg);outline-offset:-1px}
/* hero quotes: let longer quotes breathe */
@media(min-width:1024px){.info__section .left_side p,.info__section .right_side p{height:auto!important;min-height:154px}}
/* drivetrain status line */
.drivetrain_section .dt_status{color:#000;font-family:"ForzaBook",Arial,sans-serif}
.drivetrain_section .dt_status a{color:var(--n27-red);text-decoration:none;box-shadow:inset 0 -1px 0 currentColor}

/* NILU Specs: backlit chassis, no render behind the text */
.teq_specification.specs_v2{background:#000;background-image:none;height:auto;padding:0;color:#fff}
.specs_v2 .specs_grid{max-width:1920px;margin:0 auto}
.specs_v2 .specs_photo{margin:0;height:min(78vh,820px);min-height:420px;overflow:hidden}
.specs_v2 .specs_photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
.specs_v2 .specs_body{max-width:1440px;margin:0 auto;padding:96px 40px 120px;display:grid;grid-template-columns:5fr 7fr;gap:80px}
.specs_v2 h3{font-family:"ForzaBold",Arial,sans-serif;font-size:64px;line-height:.9;letter-spacing:-.07em;text-transform:uppercase;color:#fff;margin:0 0 40px;font-weight:400}
.specs_v2 .specs_intro p{font-size:14px;line-height:1.45;letter-spacing:-.02em;color:rgba(255,255,255,.62);margin:0 0 16px;max-width:440px}
.specs_v2 .specs_k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--n27-red);margin:0 0 14px}
.specs_v2 .specs_list{margin:0;border-top:1px solid rgba(255,255,255,.5)}
.specs_v2 .specs_list>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.specs_v2 dt{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:rgba(255,255,255,.5);font-family:"ForzaMedium",Arial,sans-serif}
.specs_v2 dd{margin:0;font-size:14px;line-height:1.3;text-transform:uppercase;font-family:"ForzaBold",Arial,sans-serif;letter-spacing:-.01em}
@media(max-width:1023px){.specs_v2 .specs_body{grid-template-columns:1fr;gap:48px;padding:72px 40px 96px}.specs_v2 h3{font-size:44px}.specs_v2 .specs_photo{height:56vw;min-height:0}}
@media(max-width:767px){.specs_v2 .specs_body{padding:56px 20px 72px}.specs_v2 .specs_photo{height:72vw}.specs_v2 .specs_list>div{grid-template-columns:110px 1fr;gap:12px}}

/* Partners without a supplied logo: wordmark in type */
.contributors_section .partner_word{display:flex;align-items:center;height:30px;max-width:170px;font-family:"ForzaBold",Arial,sans-serif;font-size:13px;line-height:14px;text-transform:uppercase;letter-spacing:-.02em;color:#8f8f8f}

/* Footer: black, small wordmark, no render */
.footer.n27f{background:#000;color:#fff;height:auto;padding:0;position:relative}
.n27f .n27f_wrap{max-width:1440px;margin:0 auto;padding:88px 40px 40px}
.n27f a{color:inherit;text-decoration:none}
.n27f .n27f_top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.18)}
.n27f .n27f_k{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.55);margin:0 0 12px}
.n27f .n27f_mail{font-family:"ForzaBold",Arial,sans-serif;font-size:clamp(28px,4vw,56px);letter-spacing:-.05em;line-height:1}
.n27f .n27f_mail:hover,.n27f .n27f_nav a:hover,.n27f .n27f_social a:hover{color:var(--n27-red)}
.n27f .n27f_nav{display:flex;gap:28px;font-family:"ForzaMedium",Arial,sans-serif;font-size:14px;text-transform:uppercase}
.n27f .n27f_nav a.brand{text-transform:none}
.n27f .n27f_bot{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;padding-top:28px}
.n27f .n27f_logo img{height:20px;width:auto;display:block}
.n27f .n27f_legal{font-size:11px;line-height:1.4;color:rgba(255,255,255,.45);max-width:620px;margin:0}
.n27f .n27f_social{display:flex;gap:20px;font-size:12px;text-transform:uppercase;font-family:"ForzaMedium",Arial,sans-serif}
@media(max-width:767px){.n27f .n27f_wrap{padding:64px 20px 32px}.n27f .n27f_top{flex-direction:column;align-items:flex-start}.n27f .n27f_nav{flex-wrap:wrap;gap:16px 22px}.n27f .n27f_bot{grid-template-columns:1fr;gap:18px}}
/* YouTube thumbnails (4:3 with letterbox bars): crop to the picture */
.section_news .news_image_box.yt{overflow:hidden}
.section_news .news_image_box.yt img{transform:scale(1.34)}
/* Footer image band */
.n27f .n27f_img{margin:0;line-height:0}
.n27f .n27f_img img{width:100%;aspect-ratio:3840/1109;object-fit:cover;display:block}
@media(max-width:767px){.n27f .n27f_img img{aspect-ratio:16/9;object-position:50% 60%}}
/* First-load logo film */
.n27intro{position:fixed;inset:0;z-index:100000;background:#000;transition:opacity .8s ease;cursor:pointer}
.n27intro video{width:100%;height:100%;object-fit:cover;display:block}
.n27intro.out{opacity:0;pointer-events:none}
html.intro-on,html.intro-on body{overflow:hidden}
/* Home galleries: Analog Brutality, Design, Drivetrain */
.gal .ab_stage{position:relative;width:100%;aspect-ratio:1/1;background:#000;overflow:hidden}
.gal .ab_stage .ab_m{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;display:block;opacity:0;transition:opacity .5s ease;background:#000;max-width:none}
.gal .ab_stage video.cover{object-fit:cover}
.gal .ab_stage .ab_m.on{opacity:1}
.gal .ab_thumbs{display:grid!important;grid-template-columns:repeat(var(--cols,5),1fr);gap:6px;width:500px!important;height:auto!important;margin:0!important;align-items:stretch!important;flex-direction:row!important}
.gal .ab_t{position:relative;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:4/3;outline:1px solid var(--n27-lg);outline-offset:-1px;width:auto!important;height:auto!important}
.gal .ab_t img{width:100%!important;height:100%!important;object-fit:cover;display:block;filter:brightness(.45)!important;transition:filter .3s!important;outline:0!important}
.gal .ab_t:hover img,.gal .ab_t.on img{filter:brightness(1)!important}
.gal .ab_t.on{outline:2px solid var(--n27-red);outline-offset:-2px}
.gal .ab_t span{position:absolute;left:5px;bottom:4px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#fff;font-family:"ForzaMedium",Arial,sans-serif}
.gal .ab_thumbs_m{display:none!important}
@media(max-width:1439px){.gal .ab_thumbs{width:412px!important}}
@media(max-width:1023px){.gal .ab_thumbs{width:100%!important}}
@media(max-width:767px){
  .gal .ab_thumbs:not(.ab_thumbs_m){display:none!important}
  .gal .ab_thumbs_m{display:grid!important;gap:4px;width:100%!important;margin-top:8px!important}
}
@media(min-width:768px) and (max-width:1439px){.analog_Experience .analog_Experience_main_box .analog_Experience_first_box{height:auto!important}.analog_Experience .analog_Experience_main_box .analog_Experience_first_box p{margin-bottom:56px!important}}
/* galleries: let each section grow with its thumbnails instead of the original fixed heights */
.gal [class*="_main_box"],.gal [class*="_first_box"],.gal [class*="_second_box"]{height:auto!important;min-height:0!important}
.gal .ab_thumbs{margin-bottom:24px!important}
@media(max-width:767px){.gal .ab_thumbs_m[style*="--cols:8"]{grid-template-columns:repeat(4,1fr)}}
/* YouTube films play on our own story pages */
.section_story .story_yt{position:relative;width:100%;aspect-ratio:16/9;margin:32px 0;background:#000}
.section_story .story_yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== Gallery sections: spacing and alignment =====
   RnD rhythm between blocks; the text column runs the full height of the image:
   title top = image top, thumbnails bottom = image bottom, thumbnails share the text column's edges. */
:root{--sec-gap:clamp(96px,13vh,160px);--gw:520px}
@media(max-width:1439px){:root{--gw:440px}}
@media(max-width:1023px){:root{--gw:400px}}
.analog_Experience.gal{margin-top:var(--sec-gap)!important}
.design_section.gal{margin-top:var(--sec-gap)!important}
.drivetrain_section.gal{margin-top:var(--sec-gap)!important;margin-bottom:var(--sec-gap)!important}
@media(min-width:768px){
  .gal [class$="_main_box"]{display:flex!important;align-items:stretch!important}
  .gal .analog_Experience_first_box,.gal .design_section_second_box,.gal .drivetrain_section_first_box{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
  .gal .analog_Experience_first_box>div,.gal .design_section_second_box>div,.gal .drivetrain_section_first_box>div{display:flex!important;flex-direction:column!important;justify-content:space-between!important;width:var(--gw)!important;flex:1 1 auto;height:auto!important;margin:0!important;gap:40px}
  .gal .analog_Experience_first_box>div>div:first-child,.gal .drivetrain_section_first_box>div>div:first-child,.gal .design_section_text_box{width:100%!important;margin:0!important}
  .gal .analog_Experience_first_box h3,.gal .drivetrain_section_first_box h3,.gal .design_section_text_box h3{margin:-6px 0 36px 0!important;width:auto!important}
  .gal .analog_Experience_first_box p{width:auto!important;margin:0!important}
  .gal .drivetrain_section_text_box{width:100%!important;margin:0!important;gap:20px;flex-direction:row!important}
  .gal .drivetrain_section_text_box p{width:auto!important;flex:1 1 0;margin:0!important}
  .gal .design_section_p_box{gap:20px}
  .gal .design_section_p_box>div{width:auto!important;flex:1 1 0;margin:0!important}
  .gal .ab_thumbs{width:100%!important;margin:0!important}
}
@media(min-width:768px) and (max-width:1023px){
  .gal .drivetrain_section_text_box,.gal .design_section_p_box{flex-direction:column!important}
}
/* laptop widths: Design thumbnails in one row so text + thumbnails fit the image height */
@media(min-width:1024px) and (max-width:1439px){.design_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(6,1fr)}}
@media(min-width:768px) and (max-width:1023px){.gal .ab_thumbs{margin-bottom:20px!important}}
/* keep a clear gutter between the text column and the image at every width */
@media(min-width:768px){.gal .analog_Experience_first_box>div,.gal .design_section_second_box>div,.gal .drivetrain_section_first_box>div{width:min(var(--gw),calc(100% - 112px))!important}}
@media(min-width:768px) and (max-width:1439px){.gal .analog_Experience_first_box>div,.gal .design_section_second_box>div,.gal .drivetrain_section_first_box>div{gap:24px}.gal .analog_Experience_first_box h3,.gal .drivetrain_section_first_box h3,.gal .design_section_text_box h3{margin-bottom:24px!important}}
@media(min-width:768px) and (max-width:1439px){.gal .analog_Experience_first_box>div,.gal .design_section_second_box>div,.gal .drivetrain_section_first_box>div{width:calc(100% - 64px)!important}}
.section_story .story_media.story_vertical{width:auto;max-width:100%;height:min(80vh,900px);margin:32px auto}
.section_story .story_credit{font-size:12px;color:#5e5e5e;margin-top:-20px}
/* photo credit on the gallery stage */
.gal .ab_stage .ab_credit{position:absolute;right:12px;bottom:10px;z-index:2;margin:0!important;width:auto!important;font-size:10px!important;line-height:1;letter-spacing:.02em;color:rgba(255,255,255,.82);text-shadow:0 1px 3px rgba(0,0,0,.6);opacity:1!important;pointer-events:none}
@media(max-width:1439px){.gal .ab_thumbs[style*="--cols:9"]{grid-template-columns:repeat(6,1fr)}.gal .ab_thumbs[style*="--cols:6"]{grid-template-columns:repeat(6,1fr)}}
@media(max-width:767px){.gal .ab_thumbs_m[style*="--cols:9"],.gal .ab_thumbs_m[style*="--cols:6"]{grid-template-columns:repeat(6,1fr)}}
/* small laptops (stage ~470px): keep thumbnails within the image height */
@media(min-width:1024px) and (max-width:1439px){.gal .ab_thumbs[style*="--cols:9"]:not(.ab_thumbs_m){grid-template-columns:repeat(9,1fr)}}
@media(min-width:1024px) and (max-width:1439px){.design_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(12,1fr);gap:4px}}
/* slow push-in on gallery images while they are on stage (restarts every time an image comes up, no snap on fade-out) */
@keyframes n27kb{from{transform:scale(1)}to{transform:scale(1.07)}}
.gal .ab_stage img.ab_m{transform:scale(1.07);transform-origin:50% 50%}
.gal .ab_stage img.ab_m.on{animation:n27kb 6s linear both}
@media(prefers-reduced-motion:reduce){.gal .ab_stage img.ab_m,.gal .ab_stage img.ab_m.on{transform:none;animation:none}}

/* photo and film credits: Dubai GCC debut (news card photo, phone hero film) */
.section_news .news_image_box{position:relative}
.section_news .news_image_box .img_credit{position:absolute;right:8px;bottom:6px;font-family:"ForzaBook",Arial,sans-serif;font-size:10px;line-height:1;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}
.header__section-video{position:relative}
.header__section-video .hero_credit{position:absolute;top:84px;right:14px;z-index:3;margin:0;font-family:"ForzaBook",Arial,sans-serif;font-size:10px;line-height:1;color:rgba(255,255,255,.8);text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}

/* Analog Brutality: the brochure's beats, two by two, and the interior credit */
.gal .ab_beats{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:26px}
.gal .ab_beat h4{font-family:"ForzaBold",Arial,sans-serif;font-weight:400;font-size:13px;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:#000;margin:0 0 6px}
.gal .analog_Experience_first_box .ab_beat p{font-size:13px!important;line-height:1.4!important;color:#5e5e5e!important}
.gal .analog_Experience_first_box p.ab_byline{margin-top:22px!important;font-size:12px!important;line-height:1.4!important;color:#5e5e5e!important}
@media(max-width:767px){.gal .ab_beats{grid-template-columns:1fr;gap:14px}}
.gal .ab_beats{align-content:start}
.gal .ab_beats .ab_beat{display:block!important;width:auto!important;height:auto!important}
/* paragraph rhythm in the two-column text boxes (Design, Chassis, Drivetrain) */
.gal .design_section_p_box p+p,.gal .drivetrain_section_text_box p+p{margin-top:12px!important}
@media(max-width:767px){.gal .design_section_p_box>div+div{margin-top:12px!important}}
.gal .analog_Experience_first_box>div>div:first-child{height:auto!important;display:block!important}
.gal .ab_beats{height:auto!important}
.analog_Experience .analog_Experience_main_box .analog_Experience_first_box .ab_beat p,
.analog_Experience .analog_Experience_main_box .analog_Experience_first_box p:has(+ .ab_beats){margin-bottom:0!important}
.analog_Experience .analog_Experience_main_box .analog_Experience_first_box p.ab_byline{margin-bottom:32px!important}

/* =====================================================================================
   CI v2, 9 Oct 2026: one type system for every page (same scale as /rnd/), and a fluid
   gallery grid on the home page. Rules are prefixed with "html body" so they win over
   the live site's stylesheet and the earlier overrides above.
   Body 16 / 1.35, black. Lead 17-21 / 1.25. Secondary text #373737. Meta and credits 13, #5e5e5e.
   ===================================================================================== */
:root{--t-body:16px;--t-lead:clamp(17px,1.35vw,21px);--t-small:13px;--c-ink:#000;--c-ink2:#373737;--c-meta:#5e5e5e}
@media(max-width:600px){:root{--t-body:15px}}

/* ---- home: gallery text, solid black, readable leading (the live CSS ran it at 50% opacity, 14px, 100% leading) ---- */
html body section.gal p{font-size:var(--t-body)!important;line-height:1.35!important;letter-spacing:-.01em!important;color:var(--c-ink)!important;opacity:1!important}
html body section.gal h3+p,html body section.gal .ab_lead{font-size:var(--t-lead)!important;line-height:1.25!important;letter-spacing:-.02em!important}
html body section.gal .ab_beat h4{font-size:var(--t-small)!important}
html body section.gal .ab_beat p{font-size:14px!important;line-height:1.35!important;color:var(--c-ink2)!important}
html body section.gal p.ab_byline{font-size:var(--t-small)!important;color:var(--c-meta)!important}
html body section.gal .dt_status{color:var(--c-ink)!important}
html body .familiar_section p{font-size:var(--t-lead)!important;line-height:1.25!important;letter-spacing:-.02em!important;color:var(--c-ink)!important;opacity:1!important;max-width:620px;margin-left:auto;margin-right:auto}
html body .info__section .left_side p,html body .info__section .right_side p{line-height:1.15!important}
html body .contributors_section .contributor p{font-size:var(--t-small)!important;line-height:1.35!important;color:var(--c-meta)!important;opacity:1!important}
html body .contributors_section .contributor h4{font-family:"ForzaBold",Arial,sans-serif!important;font-size:var(--t-small)!important;text-transform:uppercase;letter-spacing:-.01em}

/* ---- news cards (home and /news): one style ---- */
html body .section_news .news_container h4,html body .section_news .news_container h4 a{font-family:"ForzaBold",Arial,sans-serif!important;font-size:clamp(20px,1.6vw,24px)!important;line-height:1!important;letter-spacing:-.02em!important;color:#121212!important;text-decoration:none}
html body .section_news .news_container h4 a:hover{color:#ff1f20!important}
html body .section_news .news_text_box p{font-size:var(--t-body)!important;line-height:1.35!important;color:var(--c-ink2)!important;letter-spacing:-.01em!important;opacity:1!important}
html body .section_news .title_and_date_box p{font-family:"ForzaMedium",Arial,sans-serif!important;font-size:var(--t-small)!important;color:var(--c-meta)!important;opacity:1!important;text-transform:uppercase}
html body .section_news .read_more_box p,html body .section_news .read_more_box a{font-family:"ForzaMedium",Arial,sans-serif!important;font-size:var(--t-small)!important;text-transform:uppercase;color:#000!important;opacity:1!important}
html body .section_news .read_more_box a:hover{color:#ff1f20!important}

/* ---- news story pages ---- */
html body .section_story .story_body p{font-size:var(--t-body)!important;line-height:1.45!important;letter-spacing:-.01em!important;color:var(--c-ink)!important}
html body .section_story .story_credit,html body .section_story .story_press{font-size:var(--t-small)!important;color:var(--c-meta)!important}

/* ---- gallery layout v2 (desktop and laptop): fluid grid, text 9 : image 11.
   Title top = image top, thumbnails bottom = image bottom. If the text ever runs taller than the square,
   the stage grows with it on black, so the two columns always end level. ---- */
@media(min-width:1024px){
  html body section.gal .big_container{width:auto!important;max-width:1856px;margin:0 auto!important;padding:0 40px!important;box-sizing:border-box}
  html body section.gal [class$="_main_box"]{display:grid!important;grid-template-columns:minmax(0,9fr) minmax(0,11fr);column-gap:clamp(40px,5vw,96px);align-items:stretch!important;width:auto!important;height:auto!important}
  html body section.design_section.gal [class$="_main_box"]{grid-template-columns:minmax(0,11fr) minmax(0,9fr)}
  html body section.gal [class$="_main_box"]>.ab_thumbs_m{display:none!important}
  html body section.gal [class$="_first_box"],html body section.gal [class$="_second_box"]{width:auto!important;height:auto!important;margin:0!important;padding:0!important;min-width:0}
  html body section.gal [class$="_first_box"]>div,html body section.gal [class$="_second_box"]>div:not(.ab_stage){width:100%!important;height:100%!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:32px}
  html body section.gal [class$="_first_box"]>.ab_stage,html body section.gal [class$="_second_box"]>.ab_stage{width:100%!important;aspect-ratio:1/1;height:auto!important;min-height:100%;margin:0!important}
  html body section.gal h3{margin:-6px 0 28px 0!important;width:auto!important}
  html body section.gal .ab_thumbs:not(.ab_thumbs_m){width:100%!important;margin:0!important;gap:6px!important}
  html body section.analog_Experience.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(10,1fr)!important}
  html body section.drivetrain_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(6,1fr)!important}
  html body section.design_section.gal:not(.chassis_section) .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(6,1fr)!important}
  html body section.chassis_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(6,1fr)!important}
  html body section.gal .design_section_p_box,html body section.gal .drivetrain_section_text_box{display:grid!important;grid-template-columns:1fr 1fr;column-gap:24px;flex-direction:initial!important}
  html body section.gal .design_section_p_box>div,html body section.gal .drivetrain_section_text_box>p{width:auto!important;margin:0!important}
}
@media(min-width:1024px) and (max-width:1279px){
  html body section.gal .design_section_p_box,html body section.gal .drivetrain_section_text_box{grid-template-columns:1fr}
}
/* laptops: same layout, one step down in text size so the copy sits within the square */
@media(min-width:1024px) and (max-width:1439px){
  html body section.gal p{font-size:15px!important}
  html body section.gal h3+p,html body section.gal .ab_lead{font-size:17px!important}
  html body section.gal .ab_beat p{font-size:13px!important}
  html body section.gal h3{margin-bottom:20px!important}
  html body section.design_section.gal:not(.chassis_section) .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(10,1fr)!important;gap:4px!important}
}
html body section.gal .analog_Experience_first_box .ab_beat p{font-size:14px!important;line-height:1.35!important;color:var(--c-ink2)!important}
@media(min-width:1024px) and (max-width:1439px){html body section.gal .analog_Experience_first_box .ab_beat p{font-size:13px!important}}
/* section headings: one color everywhere (#121212, CI Black Gray) */
html body .contributors_section h3,html body .section_news .title_container,html body .section_news .title_container *,html body .teq_specification h3{opacity:1!important}
html body .contributors_section h3,html body .section_news .title_container *{color:#121212!important}
html body.x-news .section_news .title_container>*:first-child{color:#121212!important}
/* Chassis is now the last gallery: it carries the closing gap before the specs photo */
html body section.chassis_section.gal{margin-bottom:var(--sec-gap)!important}
/* footer image (SUMAC Red render): the car sits right of center, so phones crop toward it */
@media(max-width:767px){html body .n27f .n27f_img img{object-position:68% 60%!important}}

/* ===== Footer over the image (9 Oct): no black band. The render is light, so the footer type is dark. ===== */
html body .footer.n27f{background:#f7f5f6!important;color:#000!important}
html body .n27f .n27f_k{color:rgba(0,0,0,.55)!important}
html body .n27f .n27f_mail,html body .n27f .n27f_nav a,html body .n27f .n27f_social a{color:#000!important}
html body .n27f .n27f_mail:hover,html body .n27f .n27f_nav a:hover,html body .n27f .n27f_social a:hover{color:#ff1f20!important}
html body .n27f .n27f_legal{color:rgba(0,0,0,.5)!important}
html body .n27f .n27f_logo img{filter:invert(1)}
html body .n27f .n27f_top{border-bottom:0!important;padding-bottom:0!important}
@media(min-width:768px){
  html body .footer.n27f{position:relative!important;min-height:calc(100vw * 693 / 2400);display:flex;flex-direction:column}
  html body .n27f .n27f_img{position:absolute!important;inset:0;margin:0}
  html body .n27f .n27f_img img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 50%}
  html body .n27f .n27f_wrap{position:relative;z-index:1;flex:1 1 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,4vw,64px) 40px 28px!important}
  html body .n27f .n27f_top{align-items:flex-start!important}
}
@media(max-width:767px){html body .n27f .n27f_wrap{padding-top:40px!important}}
@media(min-width:768px){html body .n27f .n27f_legal{max-width:min(460px,30vw)!important}}
/* footer, quiet: email at the same size as the menu; fine print at the very bottom, small and faint */
html body .n27f .n27f_mail{font-family:"ForzaMedium",Arial,sans-serif!important;font-size:14px!important;letter-spacing:0!important;line-height:1.2!important}
html body .n27f .n27f_k{margin-bottom:6px!important}
html body .n27f .n27f_bot{display:flex!important;justify-content:space-between;align-items:center}
html body .n27f .n27f_fine{margin-top:16px;max-width:min(560px,38vw)}
html body .n27f .n27f_fine p{margin:0;font-family:"ForzaBook",Arial,sans-serif!important;font-size:11px!important;line-height:1.45!important;color:rgba(0,0,0,.42)!important}
html body .n27f .n27f_fine p+p{margin-top:4px}
@media(max-width:767px){html body .n27f .n27f_fine{max-width:none}}
/* social links sit under the menu, top right, clear of the car */
html body .n27f .n27f_right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
html body .n27f .n27f_right .n27f_social{font-size:12px!important}
@media(max-width:767px){html body .n27f .n27f_right{align-items:flex-start}}

/* ===== Titles v2 (9 Oct): one title size, family and position on every page and every home section ===== */
:root{--t-title:clamp(40px,4.4vw,64px)}
html body .n27x .x-top{padding:clamp(150px,19vh,210px) 0 clamp(56px,8vh,96px)!important}
html body .n27x .x-top .g{align-items:end!important}
html body .n27x .x-top .x-h{grid-column:1/10!important;margin:0!important}
html body .n27x .x-top h1{font-family:"ForzaBold",Arial,sans-serif!important;font-weight:400;font-size:var(--t-title)!important;line-height:.9!important;letter-spacing:-.03em!important;text-transform:uppercase;color:#121212!important;margin:0!important}
html body .n27x .x-top .x-lead{grid-column:11/21!important;font-size:var(--t-lead)!important;line-height:1.25!important;letter-spacing:-.02em!important;color:var(--c-ink2)!important;margin:0 0 4px!important}
@media(max-width:1023px){html body .n27x .x-top .x-h,html body .n27x .x-top .x-lead{grid-column:1/-1!important}html body .n27x .x-top .x-lead{margin-top:20px!important}}
@media(max-width:767px){html body .n27x .x-top{padding:120px 0 48px!important}}
/* home section titles at the same size */
html body section.gal h3,html body .familiar_section h2,html body .contributors_section h3,html body .section_news .title_container h3,html body .section_news .title_container h2,html body .specs_v2 h3{font-family:"ForzaBold",Arial,sans-serif!important;font-size:var(--t-title)!important;line-height:.9!important;letter-spacing:-.03em!important;text-transform:uppercase}
html body .section_news .title_container{display:flex!important;justify-content:flex-start!important;gap:.25em;width:auto!important}
/* News and Contact: the shared header replaces the old titles; their content sits on the same grid as the header */
html body.x-news .section_news .title_container,html body.x-contact .title_section{display:none!important}
html body.x-news .section_news>.container,html body.x-news .section_news .container,html body.x-contact .form_section.container{width:auto!important;max-width:1440px!important;padding:0 40px!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
html body.x-news .section_news,html body.x-contact .form_section{padding-top:0!important;margin-top:0!important}
@media(max-width:767px){html body.x-news .section_news .container,html body.x-contact .form_section.container{padding:0 20px!important}}
/* credits sit on the bottom edge of the image they belong to (phone hero film included) */
html body .header__section-video .hero_credit{top:auto!important;bottom:14px!important;right:14px!important}
html body .gal .ab_stage .ab_credit{bottom:8px!important;right:10px!important}
html body .section_news .news_image_box .img_credit{bottom:6px!important;right:8px!important}
/* Specs: the square hall image sits under the title, beside the table, on black (no full-width band) */
html body .specs_v2 .specs_body{align-items:start;padding-top:clamp(88px,12vh,140px)!important}
html body .specs_v2 .specs_left .specs_photo{height:auto!important;min-height:0!important;aspect-ratio:1/1;margin:36px 0 0!important;overflow:hidden;max-width:560px}
html body .specs_v2 .specs_left .specs_photo img{object-position:50% 50%!important}
html body .specs_v2 .specs_right{padding-top:8px}
/* Specs back to the full-width band (image by Nils Piirma), credit on its bottom edge */
html body .specs_v2 .specs_photo{position:relative;height:min(78vh,820px)!important;min-height:420px!important;aspect-ratio:auto!important;margin:0!important;max-width:none!important}
html body .specs_v2 .specs_photo img{object-position:45% 62%!important}
html body .specs_v2 .specs_body{padding-top:96px!important}
html body .specs_v2 .specs_credit{position:absolute;right:12px;bottom:10px;margin:0!important;font-family:"ForzaBook",Arial,sans-serif;font-size:10px!important;line-height:1;color:rgba(255,255,255,.82)!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}
@media(max-width:1023px){html body .specs_v2 .specs_photo{height:56vw!important;min-height:0!important}}
@media(max-width:767px){html body .specs_v2 .specs_photo{height:72vw!important}html body .specs_v2 .specs_photo img{object-position:42% 62%!important}}
/* Specs image: true full bleed at every width, shorter band, cropped from the top */
html body .specs_v2 .specs_grid{max-width:none!important;width:100%!important}
html body .specs_v2 .specs_photo{width:100%!important;height:min(56vh,600px)!important;min-height:340px!important}
html body .specs_v2 .specs_photo img{width:100%!important;object-position:45% 78%!important}
@media(max-width:1023px){html body .specs_v2 .specs_photo{height:46vw!important;min-height:0!important}}
@media(max-width:767px){html body .specs_v2 .specs_photo{height:60vw!important}html body .specs_v2 .specs_photo img{object-position:42% 75%!important}}
/* Specs image: anchor lower so both tires sit inside the band and the car rides higher in the frame */
html body .specs_v2 .specs_photo img{object-position:45% 97%!important}
@media(max-width:767px){html body .specs_v2 .specs_photo img{object-position:42% 97%!important}}

/* Specs v3: NILU Specs block sits on the same left margin as Partners and In the News (legacy .main_container widths) */
html body .specs_v2 .specs_body{max-width:none!important;width:min(1699px,calc(100% - 40px))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
@media screen and (max-width:1919px){html body .specs_v2 .specs_body{width:min(1274px,calc(100% - 40px))!important}}
@media screen and (max-width:1439px){html body .specs_v2 .specs_body{width:min(942px,calc(100% - 40px))!important;gap:56px!important}}
@media screen and (max-width:1023px){html body .specs_v2 .specs_body{width:min(656px,calc(100% - 40px))!important}}
@media screen and (max-width:767px){html body .specs_v2 .specs_body{width:min(326px,calc(100% - 40px))!important}}

/* Specs crop v4: car halfway back down (78% -> 97% was too far) */
html body .specs_v2 .specs_photo img{object-position:45% 87.5%!important}
@media(max-width:767px){html body .specs_v2 .specs_photo img{object-position:42% 86%!important}}

/* News list: legacy fixed 1331px title row squeezed the image box to nothing in Safari */
html body .section_news .news_image_box{flex:0 0 auto!important;min-width:0}
html body .section_news .news_second_box{flex:1 1 auto!important;min-width:0!important}
html body .section_news .title_and_date_box{width:auto!important;max-width:100%!important;gap:24px}

/* Section headings on every page in caps, same as the home page (titles of releases and stories stay in sentence case) */
html body .x-h h2,html body .x-mh h2{text-transform:uppercase!important}

/* News credit sits on the bottom edge of the photo: the box takes the image's own height (legacy box was 227px, image 4:3 ran past it) */
html body .section_news .news_image_box{height:auto!important;align-self:flex-start}

/* Violent Beauty film credit: sits on the light end of the fade, meta gray */
html body .familiar_section .video__block .vb_credit{position:absolute;top:auto!important;left:auto!important;right:12px!important;bottom:10px!important;transform:none!important;width:auto!important;max-width:none!important;text-align:right;z-index:2;margin:0!important;font-family:"ForzaBook",Arial,sans-serif;font-size:10px!important;line-height:1;color:#5e5e5e!important;opacity:1!important;letter-spacing:0;text-transform:none}

/* Red strip under the hero: overlaps the video by half as much as before (was 250px, 10 Oct) */
@media screen and (min-width:768px){html body .info__section .info__section-btn{margin-top:-125px!important}}
/* ...and Violent Beauty moves down with it, keeping the same air under the strip as before */
@media screen and (min-width:1024px){html body .familiar_section{margin-top:313px!important}}
@media screen and (min-width:768px) and (max-width:1023px){html body .familiar_section{margin-top:153px!important}}

/* 10 Oct: gallery stage credits stay white over images and films (a later type rule had turned them black) */
html body section.gal .ab_stage p.ab_credit{color:rgba(255,255,255,.85)!important;text-shadow:0 1px 3px rgba(0,0,0,.7)!important}

/* 12 Oct: 20 Analog Brutality thumbnails run 5 per row below desktop */
@media(max-width:1023px){html body .gal .ab_thumbs[style*="--cols:10"]{grid-template-columns:repeat(5,1fr)!important}}

/* 12 Oct: laptops (1024-1727). Titles one size smaller so every section title holds one line;
   one row of thumbnails where two rows made the gallery taller than its image. */
@media(min-width:1024px) and (max-width:1919px){:root{--t-title:clamp(40px,3.3vw,64px)}}
@media(min-width:1440px) and (max-width:1727px){html body section.design_section.gal:not(.chassis_section) .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(10,1fr)!important;gap:4px!important}}
@media(min-width:1024px) and (max-width:1439px){html body section.chassis_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(12,1fr)!important;gap:4px!important}}

/* 12 Oct: on laptops the two text columns use the full width beside the image (the old 368 px cap left 180 px empty) */
@media(min-width:1024px) and (max-width:1727px){html body section.gal .design_section_p_box,html body section.gal .drivetrain_section_text_box{width:100%!important;max-width:none!important}}

/* 12 Oct: the long Drivetrain title (Nelson Hartley line) runs at 80% of the section title size; full width on phones */
html body section.drivetrain_section.gal h3{font-size:calc(var(--t-title) * .8)!important}
@media(max-width:767px){html body section.drivetrain_section.gal h3{width:100%!important;font-size:32px!important}}

/* 12 Oct: more air on the home page (Sasha). Four moderate steps, each reversible on its own. */
/* 1. More space between sections */
:root{--sec-gap:clamp(150px,22vh,240px)}
/* 2. Wider gutter between image and text */
@media(min-width:1024px){html body section.gal [class$="_main_box"]{column-gap:clamp(64px,7.5vw,144px)!important}}
/* 3. Quieter thumbnails: smaller grid, dimmer until picked */
@media(min-width:1024px){html body section.gal .ab_thumbs:not(.ab_thumbs_m){width:82%!important}}
html body .gal .ab_t img{filter:brightness(.35)!important}
html body .gal .ab_t:hover img,html body .gal .ab_t.on img{filter:brightness(1)!important}
/* 4. More air in the text */
html body section.gal p{line-height:1.45!important}
html body section.gal .ab_beat p,html body section.gal .analog_Experience_first_box .ab_beat p{line-height:1.45!important}
html body .gal .design_section_p_box p+p,html body .gal .drivetrain_section_text_box p+p{margin-top:18px!important}
html body .gal .ab_beats{gap:24px 28px!important}
@media(min-width:1024px) and (max-width:1439px){html body section.gal p,html body section.gal .ab_beat p,html body section.gal .analog_Experience_first_box .ab_beat p{line-height:1.38!important}html body .gal .design_section_p_box p+p,html body .gal .drivetrain_section_text_box p+p{margin-top:14px!important}html body .gal .ab_beats{gap:18px 24px!important}}
@media(min-width:1024px) and (max-width:1439px){html body section.drivetrain_section.gal .ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(14,1fr)!important;gap:4px!important}}
/* 12 Oct: Nils Piirma credit quieter on the specs image */
html body .specs_v2 .specs_credit{color:rgba(255,255,255,.38)!important;text-shadow:none!important}
/* 12 Oct: the opening image of a gallery waits for the gallery to be on screen before its push-in starts */
html body .gal:not(.live) .ab_stage img.ab_m.on{animation-play-state:paused!important}

/* 13 Oct, phones and tablets: the old stylesheet left 599-610 px above Partners (a retired layout). Normal section gap instead; tighter gaps on phones. */
@media(max-width:1023px){html body .contributors_section{margin-top:var(--sec-gap)!important}}
@media(max-width:767px){:root{--sec-gap:120px}}

/* 13 Oct: on phones the vertical hero shows its full frame (nothing trimmed at the sides); the screen height left over is black above and below */
@media(max-width:1024px) and (orientation:portrait) and (max-aspect-ratio:2/3){html body .header__section .header_section-video_box .header__section-video video{object-fit:contain!important;object-position:50% 50%!important;background:#000!important}html body .header__section .header_section-video_box .header__section-video{background:#000}}

/* 13 Oct, phones: hero is the film at its own shape (no black above or below), and the desktop's vertical red bar
   comes down from the bottom of the film, in place of the horizontal band. */
@media(max-width:767px){
  html body .header__section,html body .header__section .header_section-video_box{height:150vw!important;min-height:0!important}
  html body .header__section .header_section-video_box .header__section-video{height:150vw!important}
  html body .header__section .header_section-video_box .header__section-video video{height:150vw!important;object-fit:cover!important;object-position:50% 50%!important;background:#000!important}
  html body .header__section .header_section-info{display:none!important}
  html body .info__section .info__section-btn-mobile{display:none!important}
  html body .info__section .info__section-btn{display:flex!important;order:-1;width:64px!important;height:400px!important;margin:-96px auto 0!important;position:relative;z-index:2;flex:0 0 auto}
  html body .info__section .info__section-btn .info_btn_arrow{margin-top:26px!important}
  html body .info__section .info__section-btn .info_btn_block{gap:30px!important;margin-bottom:30px!important}
  html body .info__section .info__section-btn [class*="info_section_btn_img_"]{display:block!important}
  html body .info__section .info__section-btn .info_section_btn_img_5,html body .info__section .info__section-btn .info_section_btn_img_6,html body .info__section .info__section-btn .info_section_btn_img_7,html body .info__section .info__section-btn .info_section_btn_img_8{display:none!important}
  html body .info__section .left_side{margin-top:64px!important}
}
@media(max-width:767px){html body .header__section .header_section_linear_background{display:none!important}}
/* 13 Oct, later: phone bar shorter and only just over the film, so the first quote is on the first screen */
@media(max-width:767px){
  html body .info__section .info__section-btn{height:168px!important;margin:-22px auto 0!important}
  html body .info__section .info__section-btn .info_btn_arrow{margin-top:20px!important}
  html body .info__section .info__section-btn .info_btn_block{gap:18px!important;margin-bottom:20px!important}
  html body .info__section .info__section-btn .info_section_btn_img_3,html body .info__section .info__section-btn .info_section_btn_img_4{display:none!important}
  html body .info__section .left_side{margin-top:28px!important}
}
@media(max-width:767px){
  html body .info__section .info__section-btn{height:104px!important}
  html body .info__section .info__section-btn .info_btn_arrow{margin-top:18px!important}
  html body .info__section .info__section-btn .info_btn_block{gap:0!important;margin-bottom:16px!important}
  html body .info__section .info__section-btn .info_section_btn_img_1{display:none!important}
  html body .info__section .left_side{margin-top:6px!important}
}
@media(max-width:767px){html body .info__section .left_side,html body .info__section .right_side{gap:14px!important}html body .info__section .left_side p,html body .info__section .right_side p{margin-top:0!important;margin-bottom:0!important;height:auto!important}html body .info__section .left_side{height:auto!important}}
/* 13 Oct: phone bar carries only the arrow */
@media(max-width:767px){html body .info__section .info__section-btn{height:64px!important;justify-content:center!important}html body .info__section .info__section-btn .info_btn_block{display:none!important}html body .info__section .info__section-btn .info_btn_arrow{margin:0!important}}

/* 13 Oct, phones: partners as a centered two-column grid (the carousel bled off the right edge); gallery images edge to edge */
@media(max-width:767px){
  html body .contributors_section .slider_container{margin-left:auto!important;margin-right:auto!important;width:calc(100% - 104px)!important;max-width:none!important}
  html body .contributors_section .owl-stage-outer{overflow:visible!important}
  html body .contributors_section .owl-stage{transform:none!important;width:auto!important;display:grid!important;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:36px;transition:none!important}
  html body .contributors_section .owl-item{width:auto!important;margin:0!important;float:none!important}
  html body .contributors_section .owl-item.cloned{display:none!important}
  html body .contributors_section .owl-nav,html body .contributors_section .owl-dots{display:none!important}
  html body .contributors_section .contributor{width:auto!important;min-width:0!important;padding-left:14px!important;padding-right:0!important}
  html body section.gal .ab_stage{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
}
@media(max-width:767px){html body .contributors_section .owl-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body .contributors_section .owl-item,html body .contributors_section .owl-item>*{min-width:0!important;max-width:100%!important}html body .contributors_section .contributor *{max-width:100%;overflow-wrap:anywhere}html body .contributors_section .contributor img{height:auto;max-height:28px;width:auto!important}}
@media(max-width:767px){html body .contributors_section .contributor{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:14px!important}html body .contributors_section .contributor>div{height:auto!important;min-height:0!important;margin:0!important;display:block!important}html body .contributors_section .contributor h4{margin:0 0 6px 0!important}html body .contributors_section .contributor p{margin:0!important}}
@media(max-width:767px){html body .contributors_section .contributor>div:first-child{height:32px!important;display:flex!important;align-items:center!important}}

/* 13 Oct, phones: one side margin on every page, the home page's (content 326 px wide, centered; never under 20 px),
   and galleries and large images edge to edge. */
@media(max-width:767px){
  :root{--pg:max(20px,calc((100vw - 326px) / 2));--x-pad:var(--pg);--pad:var(--pg)}
  html body .section_story .container,html body.x-news .section_news .container,html body.x-contact .form_section.container{padding:0 var(--pg)!important}
  html body .n27f .n27f_wrap{padding-left:var(--pg)!important;padding-right:var(--pg)!important}
  /* edge to edge: RnD carousels, press and story images, About photos */
  html body .carousel figure,html body .n27x figure,html body .section_story .story_media,html body .section_story .story_gallery,html body .section_story figure{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  html body .carousel .cthumbs{margin-left:0;margin-right:0}
  /* RnD hero: the whole square photo, headline and button below it on the same black ground */
  html body .hero{height:auto!important;min-height:0!important;display:flex;flex-direction:column}
  html body .hero>img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;animation:none!important;transform:none!important;opacity:1!important}
  html body .hero::after{display:none!important}
  html body .hero .cap{position:relative!important;bottom:auto!important;padding:28px 0 44px}
}
/* phone: pages.css sets --x-pad on .n27x; match home 326px column */
@media(max-width:767px){html body .n27x,html body .n27x-page{--x-pad:max(20px,calc((100vw - 326px) / 2))}}

/* 13 Oct: partners sit in the page column, centered, no carousel (desktop had a wide left margin and ran off the right edge) */
html body .contributors_section .partners_box .owl-stage-outer{overflow:visible!important}
html body .contributors_section .partners_box .owl-stage{transform:none!important;width:auto!important;transition:none!important}
html body .contributors_section .partners_box .owl-item.cloned,html body .contributors_section .partners_box .owl-nav,html body .contributors_section .partners_box .owl-dots{display:none!important}
html body .contributors_section .partners_box .owl-item{margin:0!important;float:none!important;min-width:0!important}
html body .contributors_section .partners_box .contributor{width:auto!important;min-width:0!important}
@media(min-width:768px){
  html body .contributors_section .partners_box .owl-stage{display:flex!important;flex-wrap:wrap;justify-content:center;row-gap:56px}
  html body .contributors_section .partners_box .owl-item{width:33.333%!important}
}
@media(min-width:768px) and (max-width:1199px){html body .contributors_section .partners_box .owl-item{width:33.333%!important}}
@media(max-width:767px){html body .contributors_section .partners_box .owl-stage{display:grid!important}html body .contributors_section .partners_box .owl-item{width:auto!important}}

/* 13 Oct audit pass */
/* red bar: stripe and arrow only, every width */
html body .info__section .info__section-btn .info_btn_block{display:none!important}
/* TVFX credit sits inside the film, above the fade into the page */
html body .familiar_section .video__block .vb_credit{bottom:24%!important;color:rgba(255,255,255,.85)!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important}
/* one micro size for credits, thumbnail labels and legal: 11px */
html body .vb_credit,html body .ab_credit,html body .img_credit,html body .specs_credit,html body .hero_credit,html body .section_story .story_credit,html body .section_story .story_press,html body .gal .ab_t span,html body .n27f .n27f_legal,html body .n27f .n27f_fine p,html body .x-credit,html body .cap2{font-size:11px!important}
/* RnD phone hero: headline stays on whole words, logo keeps contrast on the bright photo */
@media(max-width:767px){
  html body .hero h1{font-size:min(var(--t-h1,48px),8.2vw)!important}
  html body .hero{position:relative}
  html body .hero::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,0));z-index:1;pointer-events:none}
}

/* 14 Oct: Nelson Hartley quote closes the engine section, set in Forza Light Italic (lighter than the Book body text) */
@font-face{font-family:"ForzaLightItalic";src:url(/fonts/Forza-LightItalic.woff2) format("woff2");font-display:swap}
html body .drivetrain_section .dt_quote{display:block;margin-top:2em}
html body .drivetrain_section .dt_quote_t{display:block;font-family:"ForzaLightItalic",Arial,sans-serif!important;font-style:normal;font-size:1.05em;line-height:1.4;letter-spacing:0;color:var(--c-ink,#000)}
html body .drivetrain_section .dt_quote_by{display:block;margin-top:12px;font-family:"ForzaMedium",Arial,sans-serif!important;font-size:11px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:#5e5e5e}
/* 14 Oct: engine text in two columns starts level (the paragraph gap only applies when the columns stack) */
@media(min-width:1280px){html body section.gal .drivetrain_section_text_box>p+p{margin-top:0!important}}

/* 22 Oct: old logo intro never shows, not even for a frame */
html body #preloader,html body .preloader{display:none!important}

/* 22 Oct: one thumbnail size in every home chapter (6 across, as in Pure Bauhaus); no "Film" label on the thumbnails */
@media(min-width:768px){html body section.gal.gal.gal .ab_thumbs.ab_thumbs:not(.ab_thumbs_m){grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}}
html body .gal .ab_t span{display:none!important}