:root{--bg:#090a0b;--paper:#f0eee8;--text:#f4f3ef;--muted:#929598;--line:#26292b;--red:#e13232}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-kerning:normal}a{color:inherit;text-decoration:none}button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.history-nav{height:92px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.1);background:#090a0b}
.history-nav .brand img{width:185px;display:block}.history-nav nav{display:flex;gap:34px;font-size:11px;color:#b6b8ba}.history-nav nav a{transition:color .2s ease}.history-nav nav a:hover,.history-nav nav a[aria-current="page"]{color:#fff}.history-nav nav a[aria-current="page"]{position:relative}.history-nav nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--red)}
.history-nav .nav-cta{font-size:11px;border:1px solid #555;padding:14px 22px;border-radius:999px;transition:border-color .2s ease,color .2s ease}.history-nav .nav-cta:hover{border-color:#aaa;color:#fff}
.history-menu-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:12px;cursor:pointer}.history-menu-toggle span{display:block;height:1px;background:#fff;margin:6px 0;transition:transform .22s ease,opacity .22s ease}

.history-hero{min-height:calc(100vh - 92px);padding:11vh 6vw 7vh;display:grid;grid-template-columns:.58fr 1.42fr;gap:6vw;align-items:end;position:relative;overflow:hidden}
.history-hero:after{content:"1917";position:absolute;right:-.02em;top:-.08em;font-size:clamp(210px,31vw,570px);font-weight:800;line-height:.8;letter-spacing:-.1em;color:#111315;z-index:-1}
.history-hero-label{align-self:end;padding-bottom:12px}.history-hero-label>span{display:block;margin-top:18px;font-size:9px;letter-spacing:.18em;color:#575b5e}
.eyebrow{font-size:10px;letter-spacing:.17em;color:#a5a7aa;margin:0}.eyebrow:before{content:"";display:inline-block;width:18px;border-top:2px solid var(--red);margin-right:10px;vertical-align:middle}
.history-hero h1{font-size:clamp(66px,9.5vw,166px);line-height:.79;letter-spacing:-.075em;margin:0}.history-hero h1 i{font-style:normal;color:var(--red)}
.history-hero-copy{max-width:62ch;margin:35px 0 0;color:#a4a6a8;font-size:17px;line-height:1.68}

.archive-intro{padding:135px 6vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;border-top:1px solid var(--line)}
.archive-intro h2{font-size:clamp(48px,6vw,96px);line-height:.88;letter-spacing:-.06em;margin:22px 0 0}
.archive-intro-copy{max-width:66ch;color:#a4a6a8;font-size:17px;line-height:1.8;padding-top:42px}.archive-intro-copy p{margin:0 0 26px}.archive-intro-copy strong{color:#fff;font-weight:500}
.archive-note{border-left:1px solid var(--red);padding-left:22px!important;color:#717578!important;font-size:13px!important;line-height:1.65!important}.archive-note b{color:#b5b7b9;font-weight:500}

.timeline{padding:0 6vw 150px}
.era{display:grid;grid-template-columns:.34fr .86fr 1.1fr;gap:4vw;padding:82px 0;border-top:1px solid var(--line);align-items:start}
.era-year{font-size:clamp(56px,7vw,112px);font-weight:700;letter-spacing:-.07em;line-height:.8;color:#2b2e30;font-variant-numeric:tabular-nums}.era-year .dot{color:var(--red)}
.era-kicker{font-size:9px!important;letter-spacing:.17em;color:#676b6e!important;margin:2px 0 16px!important}
.era-copy h3{font-size:clamp(30px,3vw,52px);letter-spacing:-.045em;line-height:1;margin:0 0 24px;max-width:13ch}.era-copy p{color:#96999c;line-height:1.75;margin:0;max-width:58ch;font-size:16px}
.archive-photo{min-height:430px;background-size:cover;background-position:center;filter:grayscale(.92) saturate(.18) brightness(.86) contrast(1.06);border:1px solid rgba(255,255,255,.09);transition:filter .3s ease}
@media(hover:hover) and (pointer:fine){.archive-photo:hover{filter:grayscale(.84) saturate(.25) brightness(.94) contrast(1.05)}}
.photo-1{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/optimized/history/history-01.webp')}
.photo-11{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/history/history-11.jpg')}
.photo-3{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/optimized/history/history-03.webp')}
.photo-8{background-image:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.28)),url('assets/history/history-08.jpg')}
.photo-14{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-14.jpg')}
.photo-7{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-07.jpg')}
.photo-4{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-04.jpg')}
.photo-12{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-12.jpg')}
.photo-13{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-13.jpg')}
.photo-profile{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/optimized/migrated/photo-0.webp'),url('assets/history/history-07.jpg')}
.photo-legacy{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/optimized/migrated/photo-1.webp'),url('assets/history/history-13.jpg')}
.archive-pair{display:grid;grid-template-columns:1fr .72fr;gap:16px}.archive-pair .archive-photo:nth-child(2){margin-top:70px;min-height:330px}
.archive-gallery-block{padding:105px 0 115px;border-top:1px solid var(--line)}
.gallery-copy{display:grid;grid-template-columns:.55fr 1fr 1.15fr;gap:4vw;align-items:start;margin-bottom:55px}.gallery-copy .era-kicker{grid-column:1}.gallery-copy h3{grid-column:2;font-size:clamp(36px,4.2vw,68px);line-height:.94;letter-spacing:-.055em;margin:0}.gallery-copy>p:last-child{grid-column:3;color:#96999c;line-height:1.75;margin:0;max-width:58ch}
.archive-gallery{display:grid;grid-template-columns:1.35fr .82fr 1fr .72fr;gap:14px;align-items:start}.archive-gallery .archive-photo{min-height:0;aspect-ratio:4/5}.archive-gallery .archive-photo:nth-child(1){aspect-ratio:5/6}.archive-gallery .archive-photo:nth-child(2){margin-top:70px}.archive-gallery .archive-photo:nth-child(3){aspect-ratio:1/1;margin-top:20px}.archive-gallery .archive-photo:nth-child(4){margin-top:105px}

.family-bridge{padding:145px 6vw 155px;border-top:1px solid var(--line);background:#0b0c0d}
.family-head{display:grid;grid-template-columns:.58fr 1.05fr 1fr;gap:5vw;align-items:end;margin-bottom:70px}.family-head .eyebrow{align-self:start}.family-head h2{font-size:clamp(52px,6.7vw,108px);line-height:.86;letter-spacing:-.065em;margin:0}.family-head>p:last-child{color:#999c9f;line-height:1.75;max-width:55ch;margin:0 0 6px}
.family-wide,.family-photo{background-size:cover;background-position:center;filter:grayscale(1) brightness(.9) contrast(1.05);border:1px solid rgba(255,255,255,.09);transition:filter .3s ease}
@media(hover:hover) and (pointer:fine){.family-wide:hover,.family-photo:hover{filter:grayscale(.9) brightness(.98) contrast(1.04)}}
.father-bikes{width:100%;aspect-ratio:16/6.3;background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/optimized/migrated/photo-2.webp');background-position:center 46%}
.family-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 0}.family-pair figure{margin:0}.family-photo{width:100%;aspect-ratio:4/3}.family-grandfather{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/optimized/migrated/photo-3.webp')}.family-father{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/optimized/migrated/photo-4.webp')}
.family-pair figcaption{font-size:10px;letter-spacing:.08em;color:#6f7376;margin-top:11px}
.family-copy{display:grid;grid-template-columns:.58fr 1.05fr 1fr;gap:5vw;margin-top:62px}.family-copy p{grid-column:3;color:#999c9f;line-height:1.8;margin:0;max-width:58ch}

.history-quote{padding:145px 6vw;background:#0d0e0f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.history-quote p{font-size:clamp(50px,7vw,116px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:1350px}.history-quote i{font-style:normal;color:var(--red)}

.today{padding:145px 6vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:end}.today h2{font-size:clamp(55px,7.6vw,126px);line-height:.84;letter-spacing:-.07em;margin:20px 0 0}.today>div:last-child>p:first-child{color:#9a9da0;line-height:1.75;font-size:17px;max-width:62ch}.today a{display:inline-block;margin-top:24px;color:var(--red);font-size:11px;letter-spacing:.14em;border-bottom:1px solid var(--red);padding-bottom:6px}.source-note{max-width:68ch!important;margin-top:60px!important;padding-top:18px;border-top:1px solid var(--line);font-size:11px!important;line-height:1.65!important;color:#5f6366!important}

.history-footer{padding:75px 5vw 35px;background:var(--paper);color:#08090a}.history-footer-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #aaa;padding-bottom:45px}.history-footer h2{font-size:clamp(52px,7vw,105px);line-height:.84;letter-spacing:-.07em;margin:0}.history-footer-top>a{border-bottom:1px solid #222;padding-bottom:5px}.history-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding:45px 0}.history-footer small{font-size:9px;letter-spacing:.15em}.history-footer p{line-height:1.8;font-size:13px}.history-footer a{transition:opacity .2s ease}.history-footer a:hover{opacity:.55}.history-footer-end{display:flex;justify-content:space-between;border-top:1px solid #bbb;padding-top:25px;font-size:9px;letter-spacing:.12em}

@media(max-width:1100px){
 .era{grid-template-columns:.4fr 1fr}.era>.archive-photo,.era>.archive-pair{grid-column:2;margin-top:12px}.archive-pair .archive-photo:nth-child(2){margin-top:35px}
 .gallery-copy{grid-template-columns:.6fr 1.4fr}.gallery-copy .era-kicker{grid-column:1}.gallery-copy h3{grid-column:2}.gallery-copy>p:last-child{grid-column:2}
 .archive-gallery{grid-template-columns:1fr 1fr}.archive-gallery .archive-photo:nth-child(n){margin-top:0}
 .family-head{grid-template-columns:.6fr 1.4fr}.family-head .eyebrow{grid-column:1}.family-head h2{grid-column:2}.family-head>p:last-child{grid-column:2}.family-copy{grid-template-columns:.6fr 1.4fr}.family-copy p{grid-column:2}
}
@media(max-width:900px){
 .history-nav{height:78px;padding:0 6vw}.history-nav .brand img{width:160px}.history-menu-toggle{display:block;position:relative;z-index:22}.history-nav .nav-cta{display:none}
 .history-nav nav{display:none;position:absolute;left:0;right:0;top:78px;background:#090a0b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 6vw 32px;flex-direction:column;gap:0;font-size:15px}
 .history-nav nav a{padding:14px 0;border-bottom:1px solid #191b1d}.history-nav nav a[aria-current="page"]:after{display:none}.history-nav.mobile-open nav{display:flex}.history-nav.mobile-open .history-menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.history-nav.mobile-open .history-menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .history-hero{grid-template-columns:1fr;min-height:auto;padding:105px 6vw 75px;gap:45px}.history-hero:after{font-size:55vw;top:.2em}.history-hero-label{order:2}.history-hero h1{font-size:clamp(64px,20vw,110px)}
 .archive-intro,.era,.today{grid-template-columns:1fr}.archive-intro{padding-top:90px;padding-bottom:90px}.archive-intro-copy{padding-top:0}.archive-intro h2{font-size:clamp(46px,13vw,72px)}
 .timeline{padding-bottom:90px}.era{padding:60px 0;gap:30px}.era>.archive-photo,.era>.archive-pair{grid-column:1;margin-top:4px}.era-copy h3{max-width:16ch}.archive-photo{min-height:66vw}.archive-pair{margin-top:10px}.archive-pair .archive-photo:nth-child(2){margin-top:24px}
 .archive-gallery-block{padding:70px 0}.gallery-copy{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.gallery-copy .era-kicker,.gallery-copy h3,.gallery-copy>p:last-child{grid-column:1}.archive-gallery{grid-template-columns:1fr 1fr;gap:10px}.archive-gallery .archive-photo:nth-child(n){min-height:0;aspect-ratio:4/5;margin:0}.archive-gallery .archive-photo:nth-child(3){aspect-ratio:1/1}
 .family-bridge{padding:95px 6vw}.family-head{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.family-head .eyebrow,.family-head h2,.family-head>p:last-child{grid-column:1}.father-bikes{aspect-ratio:16/8.5}.family-pair{grid-template-columns:1fr;gap:28px}.family-photo{aspect-ratio:4/3}.family-copy{grid-template-columns:1fr;margin-top:45px}.family-copy p{grid-column:1}
 .history-quote{padding:95px 6vw}.history-quote p{font-size:clamp(45px,13vw,76px)}
 .today{padding:95px 6vw}.today h2{font-size:clamp(58px,18vw,96px)}
 .history-footer-top{display:block}.history-footer-top>a{display:inline-block;margin-top:35px}.history-footer-grid{grid-template-columns:1fr}.history-footer-end{gap:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Compact editorial history: wide cover, concise narrative, optional archive */
.history-cover{margin:0;padding:0 6vw 28px;background:#090a0b}
.history-cover img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;filter:grayscale(.95) brightness(.94) contrast(1.04)}
.history-cover figcaption{font-size:10px;letter-spacing:.14em;color:#797d80;padding-top:14px}
.history-overview{padding:115px 6vw 75px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}
.history-overview h2{font-size:clamp(46px,6vw,94px);line-height:.9;letter-spacing:-.06em;margin:25px 0 0}
.history-overview-copy{padding-top:20px;max-width:65ch}
.history-overview-copy p{font-size:17px;line-height:1.8;color:#a4a6a8;margin:0 0 22px}
.history-overview-copy strong{color:#fff;font-weight:600}
.history-deep-dive{margin:0 6vw 130px;border-top:1px solid #35383a;border-bottom:1px solid #35383a}
.history-deep-dive summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;cursor:pointer;color:#f2f2f0;font-size:12px;font-weight:600;letter-spacing:.14em;transition:color .2s ease}
.history-deep-dive summary::-webkit-details-marker{display:none}
.history-deep-dive summary:hover{color:var(--red)}
.history-expand-icon{font-size:28px;font-weight:300;line-height:1;color:var(--red)}
.history-deep-dive[open] .history-expand-icon{transform:rotate(45deg)}
.history-deep-content{padding:45px 0 80px;border-top:1px solid var(--line)}
.history-chapter{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:75px 0;border-bottom:1px solid var(--line)}
.history-chapter h3{font-size:clamp(34px,4.1vw,66px);letter-spacing:-.05em;line-height:1;margin:25px 0}
.history-chapter p:not(.eyebrow){color:#a0a3a5;font-size:16px;line-height:1.8;max-width:60ch}
.history-chapter .archive-photo{min-height:0;aspect-ratio:4/3}
.history-chapter .history-father-photo{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:grayscale(1) brightness(.96) contrast(1.04)}
.history-archive-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:35px 0 65px}
.history-archive-strip .archive-photo{min-height:0;aspect-ratio:4/3}
.history-archive-note{font-size:11px;line-height:1.7;color:#75797c;max-width:85ch;margin:35px 0 0}
@media(max-width:900px){
 .history-cover{padding:0 0 22px}.history-cover figcaption{padding:12px 6vw 0;font-size:9px}
 .history-overview{padding:75px 6vw 45px;grid-template-columns:1fr;gap:30px}
 .history-overview h2{font-size:clamp(45px,12vw,75px)}
 .history-overview-copy{padding-top:0}.history-overview-copy p{font-size:15px}
 .history-deep-dive{margin:0 6vw 95px}.history-deep-dive summary{font-size:10px;padding:25px 0}
 .history-deep-content{padding:10px 0 45px}.history-chapter{grid-template-columns:1fr;gap:25px;padding:55px 0}
 .history-chapter .archive-photo{aspect-ratio:16/11}.history-archive-strip{gap:8px;padding:25px 0 45px}
 .history-archive-strip .archive-photo{aspect-ratio:3/4}
}

/* Archive letterboxing: center each image and show its full composition without cropping. */
.history-cover{text-align:center}
.history-cover img{margin-inline:auto;object-position:center center}
.history-chapter .archive-photo,
.history-archive-strip .archive-photo,
.family-pair .family-photo{
 background-color:#141516;
 background-position:center center!important;
 background-size:100% 100%,contain!important;
 background-repeat:no-repeat!important;
}
.history-chapter .history-father-photo{
 justify-self:center;
 align-self:center;
 object-position:center center;
 max-height:560px;
}
@media(max-width:900px){
 .history-chapter .archive-photo,
 .history-archive-strip .archive-photo,
 .family-pair .family-photo{
  background-position:center center!important;
  background-size:100% 100%,contain!important;
 }
}

/* Distinct editorial type treatment for the family heritage statement only */
.history-quote p{font-family:"Noto Serif",Georgia,serif;font-weight:500;font-size:clamp(42px,6.15vw,100px);line-height:1.13;letter-spacing:-.052em}
.history-quote i{font-family:inherit;font-style:italic}
@media(max-width:900px){.history-quote p{font-size:clamp(39px,10vw,70px);line-height:1.16;letter-spacing:-.048em}}

/* Editorial press feature — Classic Bike UK, July 2017. */
.history-press{
 position:relative;isolation:isolate;
 display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
 gap:50px 6vw;padding:100px 6vw 110px;
 background:#111315;border-block:1px solid #282b2e;
}
.history-press-heading{align-self:center;position:relative;z-index:2}
.history-press-heading .eyebrow{color:#9a9da0;letter-spacing:.18em;font-size:10px}
.history-press-brand{
 display:inline-flex;gap:13px;align-items:baseline;margin-top:38px;
 font-weight:800;letter-spacing:.04em;font-size:clamp(19px,2.1vw,32px);
 border-top:3px solid #e3e3df;padding-top:10px;color:#f4f3ee;
}
.history-press-brand span{font-size:10px;letter-spacing:.18em;color:#e13232}
.history-press-heading h2{
 font-family:"Noto Serif",Georgia,serif;font-weight:500;
 font-size:clamp(57px,6.7vw,112px);line-height:.95;
 letter-spacing:-.075em;margin:40px 0 30px;color:#f5f3ec;
}
.history-press-heading h2 i{font-weight:500;color:#d7d1c5}
.history-press-heading>p:not(.eyebrow){max-width:55ch;color:#b1b3b3;font-size:16px;line-height:1.85}
.history-press-heading>p strong{color:#f4f4f2;font-weight:600}
.history-press-mainlink{
 display:inline-flex;align-items:center;gap:14px;margin-top:32px;
 padding:0 0 10px;border-bottom:1px solid #b7b8b9;
 color:#f3f3f1;text-decoration:none;font-size:11px;
 font-weight:700;letter-spacing:.11em;transition:color .2s,border-color .2s;
}
.history-press-mainlink:hover{color:#e13232;border-color:#e13232}
.history-press-heading>small{display:block;margin-top:19px;color:#818589;font-size:11px;letter-spacing:.06em}
.history-press-art{position:relative;align-self:center;min-height:550px;display:flex;align-items:center;justify-content:flex-end}
.history-press-image{margin:0;position:relative;border:1px solid #34383a;overflow:hidden;background:#181a1c}
.history-press-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(.55) saturate(.65) brightness(.85)}
.history-press-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 16px 14px;background:linear-gradient(0deg,rgba(0,0,0,.83),transparent);font-size:9px;letter-spacing:.16em;color:#f3f3f0}
.history-press-image-main{width:85%;height:490px;transform:rotate(1deg)}
.history-press-image-detail{position:absolute;bottom:-6px;left:0;width:44%;height:265px;transform:rotate(-2deg);box-shadow:20px 20px 50px rgba(0,0,0,.35)}
.history-press-issue{position:absolute;right:-10px;top:-10px;padding:14px 17px;background:#d5d0c6;color:#161718;font-weight:800;font-size:10px;letter-spacing:.12em;transform:rotate(3deg)}
.history-press-pages{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#333638;border:1px solid #333638;margin-top:30px}
.history-press-pages a{
 display:grid;grid-template-columns:1fr auto;gap:15px 8px;
 background:#111315;padding:24px 18px 22px;
 color:#e5e6e6;text-decoration:none;transition:background .2s;
}
.history-press-pages a:hover{background:#1b1e20}
.history-press-pages a>span:first-child{font-size:9px;letter-spacing:.14em;color:#85898c;grid-column:1/-1}
.history-press-pages a strong{font-size:clamp(23px,2.8vw,40px);line-height:1;font-weight:600;letter-spacing:-.06em}
.history-press-pages a small{grid-column:1;font-size:9px;letter-spacing:.1em;color:#898d90}
.history-press-pages a>span:last-child{grid-column:2;grid-row:2/4;align-self:center;font-size:20px;color:#e13232}
@media(max-width:1050px){
 .history-press{grid-template-columns:1fr 1fr;gap:38px 4vw}
 .history-press-art{min-height:450px}
 .history-press-image-main{height:400px}
 .history-press-image-detail{height:205px}
}
@media(max-width:800px){
 .history-press{grid-template-columns:1fr;padding:75px 6vw 80px;gap:36px}
 .history-press-heading h2{font-size:clamp(55px,11vw,85px);margin:28px 0 22px}
 .history-press-art{min-height:380px;margin:0 5vw 10px}
 .history-press-image-main{height:350px;width:85%}
 .history-press-image-detail{height:190px}
 .history-press-pages{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}
}
@media(max-width:480px){
 .history-press-art{min-height:315px;margin:0 0 10px}
 .history-press-image-main{height:285px}
 .history-press-image-detail{height:150px;width:45%}
 .history-press-pages a{padding:20px 12px}
 .history-press-pages a strong{font-size:27px}
 .history-press-heading>p:not(.eyebrow){font-size:15px}
}

/* July 2017 Classic Bike screenshots: original user-provided magazine spreads, on-site. */
.history-press{display:block;padding:110px 6vw 125px;background:#101214}
.history-press-heading{max-width:1040px;margin:0 auto 70px;text-align:left}
.history-press-heading h2{font-size:clamp(65px,8.5vw,140px);margin:30px 0}
.history-press-heading>p:not(.eyebrow){max-width:67ch}
.history-press-heading .history-press-subtitle{color:#dedbd5!important;font-size:14px!important;margin-top:28px;letter-spacing:.015em}
.history-press-spreads{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;max-width:1200px;margin:0 auto}
.history-press-spread{margin:0;background:#0a0b0c;border:1px solid #343638;padding:14px}
.history-press-spread img{display:block;width:100%;height:auto;aspect-ratio:1066/750;object-fit:contain;background:#111}
.history-press-spread figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 3px 3px;color:#8f9496;font-size:10px;letter-spacing:.14em}
@media(max-width:800px){
 .history-press{padding:75px 4vw 85px}
 .history-press-heading{margin:0 2vw 40px}
 .history-press-spreads{gap:30px}
 .history-press-spread{padding:6px}
 .history-press-spread figcaption{font-size:8px;letter-spacing:.09em;padding:10px 2px 3px}
}
/* Classic Bike — original landscape screenshot proportions, no zoom/crop. */
.history-press-spreads{
 width:calc(100% - 8vw);
 max-width:1066px;
 margin:0 auto;
 gap:48px;
}
.history-press-spread{
 padding:0;
 border:0;
 background:transparent;
}
.history-press-spread img{
 display:block;
 width:100%;
 height:auto;
 max-width:100%;
 max-height:none;
 aspect-ratio:auto;
 object-fit:contain;
 object-position:center;
}
.history-press-spread figcaption{padding:12px 0 0}
@media(max-width:800px){
 .history-press-spreads{width:100%;gap:30px}
 .history-press-spread{padding:0}
 .history-press-spread img{width:100%;height:auto;aspect-ratio:auto}
 .history-press-spread figcaption{padding:10px 0 0}
}

/* User-supplied ORIGINAL screenshots: full browser screenshot visible, no crop, zoom, or filters. */
.history-press-spreads{
 width:min(100% - 8vw, 1200px);
 max-width:1200px;
 margin-inline:auto;
 gap:48px;
}
.history-press-spread{width:100%;margin:0;padding:0;border:0;background:transparent;overflow:visible}
.history-press-spread img{
 display:block;
 width:100%;
 max-width:100%;
 height:auto;
 max-height:none;
 aspect-ratio:16/9;
 object-fit:contain;
 object-position:center;
 transform:none;
 filter:none;
 clip-path:none;
}
@media(max-width:800px){
 .history-press-spreads{width:100%;gap:28px}
 .history-press-spread img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
}

/* Heritage archive: accurate captions and original uncropped photographs. */
.photo-5{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.10)),url('assets/history/history-05.jpg')}
.history-archive-strip figure{min-width:0;margin:0}
.history-archive-strip figcaption{font-size:10px;line-height:1.6;letter-spacing:.04em;color:#8e9294;margin-top:12px}
.family-grandfather{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/optimized/history/history-01.webp')}
.family-father{background-image:linear-gradient(rgba(0,0,0,.02),rgba(0,0,0,.08)),url('assets/history/history-02.jpg')}
.today{align-items:start}
.today h2{font-size:clamp(52px,7.1vw,118px)}
.today-names{font-size:11px;line-height:1.8;letter-spacing:.13em;color:#e8e8e6;margin-top:38px}
.today-names span{color:var(--red);padding:0 7px}
.today-story>p:not(.source-note){color:#a0a3a5;font-size:16px;line-height:1.8;max-width:62ch}
.today-photo{margin:38px 0 12px;background:#141516}
.today-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.today-photo figcaption{padding:13px 0 5px;font-size:9px;letter-spacing:.12em;line-height:1.6;color:#8e9294}
@media(max-width:900px){.today h2{font-size:clamp(52px,14vw,90px)}.today-photo{margin-top:28px}.history-archive-strip figcaption{font-size:9px}}


/* HISTORY REFINEMENT — oriented original archive images, no cropping. */
.archive-image{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#141516;border:1px solid #343638}
.archive-image img{position:absolute;display:block;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none;max-height:none;filter:none;transform-origin:center center}
.history-cover{padding:0 6vw 36px}
.history-cover .archive-image{max-width:1140px;margin:0 auto}
.history-cover figcaption{max-width:1140px;margin:0 auto;text-align:left;padding-top:14px}
.history-chapter .archive-image{min-height:0;align-self:center}
.history-archive-strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.history-archive-strip figure{margin:0}
.history-archive-strip .archive-image{min-height:0}
.archive-extra{margin:0 0 65px}
.archive-extra .archive-image{max-width:520px}
.archive-extra figcaption{font-size:10px;letter-spacing:.09em;color:#8e9294;margin-top:12px}
.family-pair .archive-image{aspect-ratio:4/3}
.family-pair figcaption{font-size:11px;letter-spacing:.03em;line-height:1.55;color:#9a9d9f;margin-top:14px}
.history-japan{padding:110px 6vw 125px;background:#0c0e0f;border-top:1px solid #25282b}
.history-japan-intro{display:grid;grid-template-columns:.6fr 1.15fr 1fr;gap:4vw;align-items:end;margin:0 auto 55px;max-width:1400px}
.history-japan-intro .eyebrow{align-self:start}
.history-japan-intro h2{font-size:clamp(48px,6vw,96px);line-height:.94;letter-spacing:-.065em;margin:0}
.history-japan-intro>p:last-child{font-size:16px;line-height:1.75;color:#a0a3a5;max-width:48ch;margin:0}
.history-japan figure{max-width:1250px;margin:0 auto}
.history-japan figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none}
.history-japan figcaption{font-size:10px;letter-spacing:.14em;color:#8b8f91;padding-top:17px}
.today h2{font-size:clamp(43px,5.2vw,82px);line-height:.97;letter-spacing:-.055em}
.today-names{font-size:11px}
/* Classic Bike: horizontal magazine reader with a subtle 3D page turn. */
.history-press{padding:115px 6vw 125px}
.press-reader{max-width:1240px;margin:0 auto}
.press-reader-toolbar{display:flex;justify-content:space-between;gap:20px;padding:0 0 15px;border-bottom:1px solid #3a3d40;font-size:10px;letter-spacing:.16em;color:#9a9da0}
.press-reader-index{color:#f4f3ef;font-variant-numeric:tabular-nums}
.press-stage{display:grid;grid-template-columns:minmax(0,1fr);perspective:1600px;overflow:hidden;margin-top:26px;isolation:isolate}
.press-slide{grid-column:1;grid-row:1;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(5%) rotateY(-24deg);transform-origin:left center;transition:opacity .48s ease,transform .7s cubic-bezier(.2,.65,.2,1),visibility 0s linear .7s;backface-visibility:hidden}
.press-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) rotateY(0);transition:opacity .52s ease,transform .7s cubic-bezier(.2,.65,.2,1),visibility 0s;z-index:2}
.press-slide.is-exiting-next{visibility:visible;opacity:0;transform:translateX(-5%) rotateY(-28deg);z-index:1}
.press-slide.is-exiting-prev{visibility:visible;opacity:0;transform:translateX(5%) rotateY(28deg);z-index:1}
.press-slide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;filter:none;clip-path:none;transform:none}
.press-slide figcaption{display:flex;justify-content:space-between;gap:16px;padding:15px 0 0;color:#919597;font-size:10px;letter-spacing:.11em}
.press-reader-controls{display:flex;align-items:center;justify-content:center;gap:36px;margin:26px auto 0}
.press-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #525658;background:transparent;color:#eee;font-size:22px;cursor:pointer;transition:background .2s,border-color .2s}
.press-arrow:hover{background:#242628;border-color:#aaa}
.press-reader-dots{display:flex;align-items:center;gap:12px}
.press-dot{height:3px;width:32px;padding:0;border:0;background:#494d50;cursor:pointer;transition:background .25s,width .25s}
.press-dot.is-active{width:52px;background:#e13232}
.press-reader-hint{text-align:center;font-size:9px;letter-spacing:.12em;color:#727679;margin:20px 0 0}
@media(max-width:900px){
 .history-cover{padding:0 5vw 28px}
 .history-archive-strip{grid-template-columns:1fr 1fr;gap:22px}
 .history-japan{padding:75px 5vw 85px}
 .history-japan-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
 .history-japan-intro h2{font-size:clamp(50px,11vw,78px)}
 .history-japan-intro>p:last-child{font-size:15px}
 .history-press{padding:80px 5vw 90px}
 .press-slide figcaption{font-size:9px;letter-spacing:.07em}
 .today h2{font-size:clamp(44px,10vw,80px)}
}
@media(max-width:560px){
 .history-archive-strip{grid-template-columns:1fr}
 .press-reader-toolbar{font-size:9px}
 .press-slide figcaption{font-size:8px}
 .press-reader-controls{gap:20px}
 .press-dot{width:20px}.press-dot.is-active{width:34px}
 .press-reader-hint{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.press-slide{transition:none!important;transform:none!important}}

/* Keep the four archive portraits as one deliberate, aligned gallery. */
@media(min-width:901px){
 .history-archive-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
}
.history-archive-strip .archive-extra{width:100%;max-width:none;margin:0}
.history-archive-strip .archive-extra .archive-image{max-width:none}
.history-archive-strip .archive-extra figcaption{font-size:10px;line-height:1.6;letter-spacing:.04em;color:#8e9294;margin-top:12px}


/* Curated full family archive: chapters, documents and photography with consistent rhythm. */
.history-deep-dive{margin-bottom:110px}
.history-deep-dive summary small{font-size:10px;font-weight:400;color:#727679;letter-spacing:.1em}
.history-deep-content{padding:0 0 80px}
.archive-intro-heading{padding:85px 0 90px;display:grid;grid-template-columns:.5fr 1.2fr .9fr;align-items:end;gap:4vw;border-bottom:1px solid #303336}
.archive-intro-heading .eyebrow{align-self:start}
.archive-intro-heading h2{font-family:"Noto Serif",Georgia,serif;font-size:clamp(42px,5.4vw,85px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:0}
.archive-intro-heading h2 i{color:#ccc5b8}
.archive-intro-heading>p:last-child{color:#9da1a4;font-size:15px;line-height:1.8;margin:0}
.archive-era{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6vw;align-items:center;padding:95px 0 65px;border-top:1px solid #303336}
.archive-intro-heading+.archive-era{border-top:0}
.archive-era-copy{align-self:center}
.archive-era-no{display:block;margin-bottom:55px;font-size:11px;letter-spacing:.14em;color:#73777a}
.archive-era-copy h3{font-size:clamp(38px,4.9vw,77px);font-weight:600;line-height:.98;letter-spacing:-.065em;margin:25px 0 30px}
.archive-era-copy p:not(.eyebrow){color:#9fa2a5;font-size:16px;line-height:1.82;max-width:54ch}
.archive-era-feature{min-width:0}
.archive-figure{margin:0;min-width:0}
.archive-figure .archive-image{width:100%;background:#131516}
.archive-figure .archive-image img{filter:none}
.archive-figure figcaption{padding:14px 0 0;color:#898d90;font-size:10px;line-height:1.6;letter-spacing:.11em}
.archive-figure .archive-still{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.archive-feature-large .archive-image{border:1px solid #323638}
.archive-documents{padding:80px 0 105px;border-top:1px solid #303336}
.archive-group-heading{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:4vw;align-items:end;margin-bottom:48px}
.archive-group-heading .eyebrow{align-self:start}
.archive-group-heading h3{font-family:"Noto Serif",Georgia,serif;font-size:clamp(37px,4.3vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0}
.archive-group-heading h3 i{color:#d1c9bb}
.archive-group-heading>p:last-child{font-size:15px;line-height:1.75;color:#9a9da0;margin:0}
.archive-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.archive-document-grid .archive-figure{padding:15px;background:#121415;border:1px solid #272b2e}
.archive-document-grid .archive-figure figcaption{font-size:9px;letter-spacing:.06em}
.archive-people-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:0 0 105px}
.archive-people-grid .archive-figure:nth-child(1),.archive-people-grid .archive-figure:nth-child(2){grid-column:span 3}
.archive-people-grid .archive-figure:nth-child(3),.archive-people-grid .archive-figure:nth-child(4),.archive-people-grid .archive-figure:nth-child(5){grid-column:span 2}
.archive-people-grid .archive-figure .archive-image{border:1px solid #333638}
.archive-secondary-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px;align-items:center;padding:0 0 100px}
.archive-secondary-photo{min-width:0}
.archive-machines{padding:95px 0 75px;border-top:1px solid #303336}
.archive-machines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.archive-machines-grid .archive-still{border:1px solid #303336}
.history-archive-note{margin:30px 0 0}
.archive-era-copy .eyebrow{color:#acafb1}
/* No flipping, tilting or 3D effects on Classic Bike spreads. */
.press-stage{display:block;perspective:none;overflow:visible;margin-top:26px}
.press-slide,.press-slide.is-exiting-next,.press-slide.is-exiting-prev{display:none;visibility:hidden;opacity:1;transform:none;transition:none;backface-visibility:visible}
.press-slide.is-active{display:block;visibility:visible;opacity:1;transform:none;transition:none}
.press-slide img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;filter:none;clip-path:none}
.press-reader-hint{color:#818588}
@media(max-width:1000px){
 .archive-document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-era{grid-template-columns:1fr 1fr;gap:4vw}
 .archive-intro-heading,.archive-group-heading{grid-template-columns:1fr 1fr;gap:25px}
 .archive-intro-heading>p:last-child,.archive-group-heading>p:last-child{grid-column:2}
}
@media(max-width:750px){
 .history-deep-dive summary small{display:none}
 .archive-intro-heading,.archive-group-heading{grid-template-columns:1fr;gap:24px}
 .archive-intro-heading>p:last-child,.archive-group-heading>p:last-child{grid-column:1}
 .archive-intro-heading{padding:65px 0}
 .archive-era{grid-template-columns:1fr;gap:25px;padding:65px 0 50px}
 .archive-era-no{margin-bottom:35px}
 .archive-era-copy h3{font-size:clamp(42px,10vw,68px)}
 .archive-era-copy p:not(.eyebrow){font-size:15px}
 .archive-documents{padding:65px 0 80px}
 .archive-document-grid{gap:12px}
 .archive-document-grid .archive-figure{padding:8px}
 .archive-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:70px}
 .archive-people-grid .archive-figure:nth-child(n){grid-column:span 1}
 .archive-people-grid .archive-figure:nth-child(3){grid-column:span 2}
 .archive-secondary-row{grid-template-columns:1fr;gap:30px;padding-bottom:65px}
 .archive-machines{padding:70px 0 55px}
 .archive-machines-grid{grid-template-columns:1fr;gap:30px}
 .archive-figure figcaption{font-size:9px}
}