/* EGATO product page. A single studio / cinema / product-detail rhythm. */
:root{--surface:#080808;--surface-alt:#202020;--white:#111;--ink:#f5f5f3;--ink-soft:#bcbcbc;--line:#3f3f3f;--green-ink:#8ce5a8;--error:#ff9c90;--header-h:72px;--gutter:clamp(24px,5vw,80px);--section-space:clamp(64px,7.5vw,104px)}
body{background:var(--surface);color:var(--ink);font-weight:400}
h1,h2,h3{letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4}
h2{font-size:clamp(1.3rem,2.1vw,1.85rem)}
h3{font-size:1rem;letter-spacing:.06em;line-height:1.5}
p{line-height:1.7}
a{color:inherit}
:focus-visible{outline-color:#a4efbd}
.skip-link{background:#a4efbd;color:#08160c}
.btn{border:0;border-radius:999px;min-height:44px;padding:12px 24px;font-size:.875rem;font-weight:650;line-height:1.25;white-space:normal;gap:12px}
.btn-primary{background:#f5f5f2;color:#111}
.chapter{padding-block:var(--section-space)}
.intro{font-size:1.0625rem;line-height:1.7;color:#d2d2d2}
.note,figcaption{color:#b3b3b3;font-size:.8125rem;line-height:1.6}
.center-copy{max-width:680px;text-align:center;margin-inline:auto;padding-inline:24px}
.center-copy h2{margin:0 0 28px}
.center-copy p{font-size:1.0625rem;line-height:1.8;color:#c9c9c9;margin:0 auto 20px}
.center-copy p:last-child{margin-bottom:0}
.chapter-intro{margin-bottom:48px}
/* Navigation shares the same line, scale and alignment throughout the page. */
.site-header{position:fixed;inset:0 0 auto;background:#080808;color:#fff;border:0;z-index:var(--z-header)}
.header-row{width:100%;padding:0 40px;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
.site-header .brand{grid-column:2;grid-row:1;justify-self:center}
.brand img{display:block;width:112px;height:auto;border-radius:0}
.site-nav{grid-column:1;grid-row:1;justify-self:start}
.site-nav ul{gap:26px}
.site-nav a,.header-specs{color:#eee;font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.header-actions{grid-column:3;grid-row:1;justify-self:end;gap:24px}
.header-specs{display:inline-flex;align-items:center;min-height:44px}
.header-cta{font-size:.75rem;min-height:44px;padding:10px 20px}
.mobile-menu{display:block;position:relative}
.mobile-menu summary{width:32px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.mobile-menu summary span{height:1px;width:20px;background:#eee;display:block}
.mobile-menu summary:after{display:none}
.mobile-menu nav{background:#181818;border:1px solid #444;right:0;width:240px;top:calc(100% + 14px);padding:12px}
.mobile-menu nav a{color:#eee;font-size:.875rem;letter-spacing:.02em}
/* Product stage: authentic photographs, with an explicit view selector. */
.hero{background:#080808}
.product-stage{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100svh;overflow:hidden;background:#080808;padding:104px 0 40px;color:#fff}
.product-stage:before{display:none}
.product-title{position:relative;text-align:center;z-index:2;padding:0 24px}
.product-title h1{font-size:clamp(1.4rem,2.4vw,2.1rem);letter-spacing:.15em;font-weight:500;line-height:1.3;margin:0}
.product-title p{color:#c3c3c3;font-size:.875rem;margin:8px 0 0}
.gallery-stage{position:relative;width:min(100%,1320px);height:clamp(360px,52svh,600px);touch-action:pan-y;isolation:isolate;overflow:hidden}
.bike-slide{position:absolute;inset:0;opacity:0;pointer-events:none;visibility:hidden;transition:opacity 220ms var(--ease-out)}
.bike-slide.is-current{opacity:1;pointer-events:auto;visibility:visible}
.bike-slide img{position:absolute;left:50%;top:-34%;width:auto;max-width:none;height:150%;object-fit:contain;transform:translateX(-50%)}
.bike-slide[data-caption="Front view"] img{height:112%;top:-2%}
.bike-slide[data-caption="Right profile"] img{height:115%;top:-7%}
.gallery-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080808,transparent 10%,transparent 90%,#080808),linear-gradient(0deg,#080808,transparent 12%,transparent 90%,#080808);z-index:1}
.gallery-arrow{position:absolute;top:45%;z-index:2;border:0;width:44px;height:44px;border-radius:50%;background:#242424;color:#eee;font-size:1.8rem;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center}
.gallery-prev{left:24px}.gallery-next{right:24px}
.gallery-views{display:flex;justify-content:center;gap:34px;width:min(90%,750px);border-bottom:1px solid #3c3c3c}
.gallery-views button{background:none;color:#b3b3b3;border:0;border-bottom:2px solid transparent;min-height:48px;padding:12px 5px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em}
.gallery-views button[aria-pressed=true]{color:white;border-bottom-color:#66d689}
.gallery-status{font-size:.6875rem;color:#b3b3b3;display:block;margin-top:12px;line-height:1.5}
.stage-enquiry{margin-top:24px}
.discover{margin-top:22px;display:flex;flex-direction:column;align-items:center;color:#d1d1d1;text-decoration:none;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;min-height:44px;gap:2px}
.discover span{font-size:1.4rem;line-height:1}
[data-gallery-input=keyboard] .bike-slide{transition:none}
/* Films retain their own aspect ratio and expand without changing document flow. */
.scroll-film{position:relative;background:#080808;aspect-ratio:16/9}
[data-film-reveal]{overflow:visible;isolation:isolate}
.film-surface{position:relative;width:100%;height:100%;overflow:hidden;background:#050505;border-radius:12px;transform-origin:center top;transition:none}
.scroll-film>.film-surface>video{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#050505}
.riding-cinema{height:auto;min-height:0;max-height:none;overflow:visible}
.cinema-title{position:absolute;top:7%;left:24px;right:24px;text-align:center;color:white;margin:0;font-size:clamp(1.2rem,2vw,1.7rem);font-weight:650;letter-spacing:.12em;line-height:1.45;pointer-events:none;text-shadow:0 1px 8px #0009;z-index:2}
.riding-cinema .film-surface:after,.start-cinema .film-surface:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0007,transparent 36%,transparent 76%,#0003);z-index:1}
.media-toggle{position:absolute;right:24px;bottom:24px;min-height:44px;padding:10px 15px;border:1px solid #ffffff80;border-radius:999px;background:#101010e8;color:#fff;font:500 .75rem/1.2 var(--font-body);z-index:3;transition:none}
.media-toggle:before{content:"▶";display:inline-block;margin-right:8px;font-size:.6rem}
.media-toggle[data-playing=true]:before{content:"Ⅱ"}
.media-toggle[data-error=true]:before{content:"↻"}
.media-toggle:focus-visible{outline-color:#fff}
/* Essentials, then one product statement and a full-width original photograph. */
.product{background:#202020;padding:64px 0 0}
.spec-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(890px,calc(100% - 48px));margin:0 auto 40px}
.spec-highlights>div{background:#292929;border-radius:12px;padding:24px 20px 20px;text-align:center}
.spec-highlights strong{display:block;font-weight:250;font-size:clamp(2.8rem,4.4vw,4.5rem);line-height:1.1;letter-spacing:-.025em}
.spec-highlights strong span{display:block;font-weight:500;font-size:.6875rem;letter-spacing:.12em;text-transform:none;line-height:2.3;margin-bottom:16px}
.spec-highlights p{border-top:1px solid #494949;padding-top:16px;margin:0;font-size:.875rem;color:#d4d4d4}
.buying-intro{max-width:890px;text-align:center;padding:0 24px 56px}
.buying-intro h3{font-size:.9375rem;margin-bottom:12px}
.buying-intro p{margin:0 auto 10px;font-size:.9375rem;color:#c5c5c5;max-width:52ch}
.buying-intro .text-link{font-size:.875rem}
.product-manifesto{background:#080808;padding:var(--section-space) 0 32px}
.product-panorama{background:#080808;width:100%;overflow:hidden}
.product-panorama img{width:100%;height:min(70vw,800px);object-fit:contain}
/* Race evidence remains one deliberate chapter; portrait footage stays large. */
.track{padding:0;background:#080808}
.start-cinema figcaption,.jump-photo figcaption{text-align:center;margin:0;padding:16px 24px;font-size:.75rem;color:#bcbcbc}
.holeshot-story{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:72px;max-width:1000px;padding-block:var(--section-space)}
.holeshot-story .center-copy{padding:0;text-align:left;max-width:400px}
.holeshot-story h3{font-size:clamp(1.35rem,2vw,1.7rem);margin-bottom:24px}
.holeshot-story .center-copy p{font-size:1rem}
.holeshot-story .center-copy .note{font-size:.8125rem;color:#b3b3b3}
.holeshot-story figure{width:min(100%,640px,calc(80svh - 80px));max-width:none;margin-inline:auto}
.holeshot-story .portrait-film,.holeshot-story .portrait-film>.film-surface>video{aspect-ratio:4/5}
.holeshot-story figcaption{text-align:center;margin:0;padding:8px 0}
.holeshot-story figcaption a{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;color:#d4d4d4;text-underline-offset:4px}
#holeshot{scroll-margin-top:96px}
/* Product chapters share the same horizontal detail gallery. */
.engineering{background:#202020;padding-bottom:0}
.ownership-copy{padding-block:80px}
.app-section{background:#202020;padding-top:24px}
.app-label{display:flex;gap:12px;align-items:center;justify-content:center;font-size:.875rem!important;color:#ddd!important;margin-bottom:24px!important}
.app-label img{width:36px;height:36px;border-radius:8px}
.app-availability{text-align:center;margin:24px auto 0;padding-inline:24px}
.riding-chapter{background:#080808;padding-top:var(--section-space)}
.riding-chapter .chapter-intro{margin-bottom:48px}
.jump-photo img{width:100%;height:auto}
/* The long film belongs to the team story, not a second introduction. */
.team-section{background:#202020;padding-bottom:0}
.team-grid{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.team-grid h2{font-size:1.6rem;line-height:1.5}
.team-grid p{font-size:1rem;color:#c9c9c9}
.team-grid figure{max-width:380px;margin-inline:auto}
.team-grid img{border-radius:12px}
.team-grid figcaption{font-size:.75rem;text-align:center}
.full-film{width:100%;max-width:none;margin-top:80px;border:0;padding:0;background:#080808}
.full-film-heading{max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:36px;margin-bottom:0}
.full-film-heading h3{margin:0;font-size:1rem}.full-film-heading span{color:#bbb;font-size:.8125rem}
.full-film .media-toggle{display:none}
.full-film figcaption{max-width:850px;padding:24px;margin:0 auto;text-align:center;line-height:1.7;font-size:.75rem}
/* One quiet technical and buying-information ending. */
.specs{background:#080808;padding-bottom:64px}
.specs-wrap{max-width:1000px;display:block}
.specs-head{text-align:center;margin:0 auto 48px;max-width:600px}
.specs-head h2{margin-bottom:24px}
.specs-head .intro{font-size:1rem;margin-inline:auto;margin-bottom:12px}
.specs-head .note{font-size:.875rem;margin-inline:auto}
.specs-body{max-width:890px;margin-inline:auto}
.spec-group>summary,.faq-item>summary{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.spec-table{font-size:.9375rem}
.spec-group>summary:after,.faq-item>summary:after{color:#ddd}
.spec-table th{color:#b9b9b9}
.faq-section{background:#080808;padding-top:24px}
.faq{max-width:890px}
.faq h2{text-align:center;margin-bottom:40px}
.faq-item p{font-size:.9375rem}
.contact{background:#202020;border-top:0}
.contact-grid{max-width:1000px;gap:80px}
.contact h2{font-size:2rem;line-height:1.3}
.contact .intro{font-size:1rem}
.form-purpose{font-size:.9375rem}
.lead-form input,.lead-form textarea{background:#292929;border:1px solid #6b6b6b;border-radius:5px;color:white}
.lead-form textarea::placeholder{color:#b8b8b8}
.lead-form label{font-size:.875rem;font-weight:500}
.form-options{border-color:#555}
.form-options summary{font-size:.875rem}
.form-status[data-state=saved]{background:#163121;color:#d9ffe4;border-color:#79b88b}
.form-privacy{color:#bbb}
.privacy{padding:40px 0;background:#080808}
.privacy>.wrap{max-width:1000px}
.privacy h2{font-size:.8125rem;letter-spacing:.05em}
.privacy p{font-size:.8125rem;max-width:95ch}
.site-footer{background:#080808;padding-bottom:30px}
.footer-row{min-height:120px;max-width:1000px}.footer-row .brand img{width:112px;height:auto}
.footer-row>div a{font-size:.75rem;text-decoration:none}
.buy-dock{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:var(--z-pill);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 16px 14px 22px;border-radius:12px;background:#292929f5;color:#fff;width:360px;max-width:calc(100vw - 32px)}
.buy-dock strong{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.06em;line-height:1.5}
.buy-dock span{display:block;font-size:.6875rem;color:#ccc;line-height:1.5;white-space:nowrap}
.buy-dock .btn{padding:12px 18px;font-size:.8125rem}
body.review-mode .buy-dock{display:none}
body.review-mode .site-header{position:sticky}
body.review-mode .product-stage{padding-top:36px}
body.review-mode .review-toolbar{position:relative}
body.review-mode .draft-panel{color:#45320f}
body.review-mode .draft-panel a{color:#17663e}
body.review-mode .review-space{margin-bottom:36px}
@media(hover:hover) and (pointer:fine){.btn-primary:hover{background:#dce8df;color:#111}.gallery-arrow:hover{background:#3e3e3e}.gallery-views button:hover{color:white}.media-toggle:hover{background:#333}.gallery-arrow{transition:transform 140ms var(--ease-out)}.gallery-arrow:active:not(:focus-visible){transform:scale(.97);transition-duration:100ms}}
@media(max-width:1100px){.header-row{padding-inline:24px}.site-nav ul{gap:18px}.header-specs{display:none}.holeshot-story{gap:48px}.team-grid{gap:48px}}
@media(max-width:859px){:root{--header-h:64px}.site-nav{display:none}.header-row{grid-template-columns:1fr auto 1fr;min-height:64px;padding:0 24px}.site-header .brand{grid-column:1;justify-self:start}.brand img{width:100px}.header-actions{gap:20px}.gallery-stage{height:clamp(340px,57vw,470px);min-height:0}.holeshot-story{grid-template-columns:1fr;gap:24px}.holeshot-story .center-copy{max-width:540px;text-align:center}.holeshot-story figure{width:min(100%,640px,calc(80svh - 80px))}.contact-grid{gap:40px}.team-grid{gap:36px}.team-grid h2{font-size:1.3rem}}
@media(max-width:599px){
 .header-row{padding-inline:20px;gap:12px}.brand img{width:94px}.header-actions{gap:16px}.header-cta{padding:10px 16px}.mobile-menu summary{width:24px}
 .product-stage{padding:96px 0 32px;min-height:100svh;justify-content:center}.product-title h1{font-size:1.45rem}.product-title p{font-size:.8125rem;margin-top:10px}
 .gallery-stage{height:310px;width:100%;margin-top:12px}.bike-slide img{width:150%;max-width:600px;height:auto;top:-20%}.bike-slide[data-caption="Left profile"] img{width:140%;max-width:550px;left:47%;top:-13%}.bike-slide[data-caption="Front view"] img{width:125%;max-width:500px;height:auto;top:0}.bike-slide[data-caption="Right profile"] img{width:130%;max-width:520px;height:auto;top:-1%}
 .gallery-stage:after{background:linear-gradient(0deg,#080808,transparent 12%,transparent 91%,#080808)}.gallery-arrow{width:44px;height:44px;top:auto;bottom:4px;font-size:1.5rem}.gallery-prev{left:20px}.gallery-next{right:20px}
 .gallery-views{gap:0;width:calc(100% - 40px);justify-content:space-between;margin-top:8px}.gallery-views button{font-size:.6875rem;padding:10px 3px;letter-spacing:.025em}.gallery-status{margin-top:10px;font-size:.6875rem}.stage-enquiry{font-size:.8125rem;margin-top:24px}.discover{margin-top:16px;font-size:.625rem}
 .film-surface{border-radius:8px}.cinema-title{top:20px;font-size:1rem;line-height:1.4}.media-toggle{right:12px;bottom:12px;font-size:.6875rem;padding:10px 12px}
 .product{padding-top:40px}.spec-highlights{width:calc(100% - 32px);gap:8px;margin-bottom:32px}.spec-highlights>div{padding:18px 10px 14px;border-radius:9px}.spec-highlights strong{font-size:2.6rem}.spec-highlights strong span{font-size:.625rem;margin-bottom:8px}.spec-highlights p{font-size:.75rem;line-height:1.5;padding-top:12px}
 .buying-intro{padding:0 0 40px}.buying-intro p{font-size:.875rem}.center-copy h2{font-size:1.3rem;margin-bottom:24px}.center-copy p{font-size:.9375rem;line-height:1.8}.product-manifesto{padding:64px 0 12px}.product-panorama img{height:80vw;max-height:480px}
 .start-cinema .cinema-title{font-size:.9375rem}.start-cinema figcaption,.jump-photo figcaption{font-size:.75rem;padding:12px 20px}.holeshot-story{width:100%;padding-block:48px;gap:24px}.holeshot-story .center-copy{padding-inline:24px}.holeshot-story figure{width:min(100%,calc(80svh - 80px));max-width:100%}.holeshot-story h3{font-size:1.3rem}.holeshot-story .center-copy p{font-size:.9375rem}
 .chapter-intro{margin-bottom:32px}.ownership-copy{padding-block:64px}.app-section{padding-top:0}.app-availability{font-size:.8125rem}.riding-chapter .chapter-intro{margin-bottom:32px}
 .team-grid{grid-template-columns:1fr;gap:32px}.team-grid>div{text-align:center;order:-1}.team-grid h2{font-size:1.4rem}.team-grid p{font-size:.9375rem}.team-grid figure{max-width:320px}.full-film{margin-top:48px}.full-film-heading{padding-block:24px}.full-film-heading h3{font-size:.875rem}.full-film-heading span{font-size:.75rem}.full-film figcaption{font-size:.75rem;padding:20px 24px}
 .specs{padding-bottom:48px}.specs-head{margin-bottom:32px}.specs-head h2{font-size:1.3rem}.spec-table{font-size:.875rem}.spec-table th{width:35%}.spec-group>summary{font-size:.8125rem}.faq-section{padding-top:0}.faq h2{font-size:1.3rem;margin-bottom:30px}.faq-item>summary{font-size:.8125rem}
 .contact-grid{grid-template-columns:1fr;gap:32px;width:calc(100% - 48px)}.contact h2{font-size:1.75rem}.contact-copy{text-align:center}.contact-copy p{margin-inline:auto}.contact-alt{margin-top:18px}.form-options summary{font-size:.875rem}
 .footer-row{gap:12px}.footer-row .brand img{width:100px}.footer-row>div{gap:18px}.buy-dock{bottom:max(16px,env(safe-area-inset-bottom));padding:12px 14px 12px 18px;width:340px;gap:18px}.buy-dock .btn{font-size:.75rem;padding:12px 16px}.buy-dock strong{font-size:.75rem}.buy-dock span{font-size:.625rem}
}
@media(max-width:359px){.header-row{padding-inline:16px}.header-actions{gap:12px}.brand img{width:84px}.gallery-stage{height:290px}.gallery-views{width:calc(100% - 28px)}.gallery-views button{font-size:.625rem;letter-spacing:0}.spec-highlights strong{font-size:2.25rem}.spec-highlights p{font-size:.6875rem}.buy-dock{padding-inline:12px;gap:14px}.buy-dock .btn{font-size:.6875rem;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.bike-slide,.gallery-arrow,.media-toggle,.btn{transition:none}.gallery-arrow:active{transform:none}[data-film-reveal]>.film-surface{transform:none!important;transition:none}}