.guide-page .site-header{position:relative;background:#171b18}
.guide-hero{position:relative;isolation:isolate;overflow:hidden;background:#171b18;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:95px 6vw 75px;align-items:center}
.guide-hero::before{content:'';position:absolute;z-index:-1;right:-60px;top:-95px;width:550px;height:550px;border-radius:50%;background:var(--japan-red)}
.guide-hero h1{font-size:clamp(70px,8.3vw,128px);line-height:.86}
.guide-hero h1 em{color:var(--acid)}
.guide-lead{font-size:18px;line-height:1.75;max-width:660px}
.guide-hero .guide-lead{color:#ffffffb3;margin:30px 0}
.guide-hero figure{position:relative;margin:0;transform:rotate(2deg)}
.guide-hero figure>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;box-shadow:10px 10px 0 var(--retro-mint)}
.guide-hero figcaption{font-size:10px;line-height:1.7;color:#ffffffb3;margin-top:22px}
.guide-hero-seal{position:absolute;bottom:45px;left:-22px;border-radius:50%;width:95px;height:95px;background:var(--lime);color:var(--ink);font-size:18px;font-weight:900;letter-spacing:.08em;display:grid;place-content:center;text-align:center;transform:rotate(-11deg)}
.guide-chapters{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 25px;background:white;border-bottom:1px solid var(--line);padding:25px 6vw;font-size:11px;font-weight:800}
.guide-chapters a:hover,.guide-source:hover{color:var(--japan-red)}
.guide-section-head{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:4vw;align-items:end;margin-bottom:60px}
.guide-section-head>p:last-child{font-size:14px;line-height:1.8;margin:0;color:#60645b}
.guide-section-head h2{font-size:clamp(44px,5.6vw,80px)}
.guide-section-head .eyebrow{line-height:1.8;max-width:230px}
.guide-dimensions{background:#fff}
.dimension-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}
.kei-blueprint{background:#1c211e;color:#fff;padding:10px 20px}
.kei-blueprint svg{display:block;width:100%;height:auto}
.kei-blueprint>p{color:#ffffff80;font-size:9px;letter-spacing:.08em;margin:0 0 18px;text-align:center}
.dimension-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.dimension-facts>div{padding:30px 25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.dimension-facts dt{font-size:10px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:#666b60}
.dimension-facts dd{margin:22px 0 0;font-size:clamp(42px,5vw,70px);letter-spacing:-.06em;font-weight:900;line-height:1}
.dimension-facts dd span{font-size:23px;color:var(--japan-red);letter-spacing:-.02em;margin-left:7px}
.guide-note{font-size:11px;line-height:1.9;color:#696d63;margin:25px 0 0;max-width:1050px}
.guide-source{font-size:10px;font-weight:700;display:inline-block;border-bottom:1px solid #68706050;padding-bottom:2px;margin:8px 14px 0 0;line-height:1.5}
.guide-note a{text-decoration:underline;text-underline-offset:3px}
.guide-history{background:#e7eee6}
.kei-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}
.kei-timeline li{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid #14151235;padding:30px 0}
.timeline-year{font-size:26px;letter-spacing:-.04em;font-weight:900;color:#285e5c;line-height:1.1}
.kei-timeline h3{margin:0 0 15px;font-size:22px;letter-spacing:-.035em}
.kei-timeline p{font-size:13px;line-height:1.8;color:#4d594f;margin:0}
.kei-timeline li:last-child{grid-column:1/-1;max-width:800px}
.guide-popular{background:#fff}
.sales-podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.sales-podium article{background:#f3f4ec;padding:32px 28px;border-top:4px solid var(--retro-mint)}
.sales-podium article:nth-child(2){border-top-color:var(--retro-blue)}
.sales-podium article:nth-child(3){border-top-color:var(--retro-pink)}
.sales-rank{font-size:11px;color:var(--japan-red);font-weight:900}
.sales-podium h3{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:25px 0 35px}
.sales-podium strong{font-size:clamp(35px,3.5vw,54px);letter-spacing:-.055em;line-height:1}
.sales-podium p{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#656b5f}
.sales-bar{height:7px;background:#14151210;margin:25px 0}
.sales-bar::before{content:'';display:block;height:100%;width:var(--bar);background:var(--japan-red)}
.sales-podium a,.sales-type{font-size:11px;font-weight:700}
.working-note{display:flex;gap:32px;margin-top:45px;padding-top:32px;border-top:1px solid var(--line);align-items:center}
.working-note>span{font-size:44px;color:var(--japan-red);font-weight:800;white-space:nowrap}
.working-note h3{font-size:23px;letter-spacing:-.03em;margin:0 0 12px}
.working-note p{font-size:14px;line-height:1.8;max-width:850px;margin:0;color:#60645b}
.working-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.guide-classics{background:#171b18;color:#fff}
.guide-classics .guide-section-head>p:last-child{color:#ffffffa6}
.classics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.classic-card{min-width:0;background:#242a25;border-bottom:4px solid var(--retro-blue)}
.classic-card:nth-child(2){border-bottom-color:var(--retro-pink)}
.classic-card:nth-child(3){border-bottom-color:var(--retro-mint)}
.classic-photo{position:relative}
.classic-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.classic-photo>span{position:absolute;left:18px;bottom:-20px;background:var(--japan-red);color:#fff;width:45px;height:45px;font-size:24px;font-weight:900;display:grid;place-content:center}
.classic-copy{padding:40px 25px 30px}
.guide-kicker{font-size:9px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--retro-mint)!important;font-weight:800;line-height:1.7}
.classic-copy h3{font-size:29px;letter-spacing:-.045em;line-height:1.05;margin:20px 0}
.classic-copy>p{font-size:13px;line-height:1.8;color:#ffffffa6}
.classic-copy .guide-source{color:#d5ddcd;border-bottom-color:#ffffff30}
.guide-classics>.guide-note{color:#ffffff90;margin-bottom:30px}
.guide-ingenuity{background:#fff}
.feature-stories{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.feature-photo-story>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.feature-photo-story>div{padding:30px 0}
.feature-number{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8d2733}
.feature-photo-story h3,.development-grid h3{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:20px 0}
.feature-photo-story p,.development-grid p{font-size:14px;line-height:1.8;color:#60645b;max-width:620px}
.development-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}
.development-grid article{border-top:3px solid var(--japan-red);padding-top:25px}
.development-grid h3{font-size:28px}
.development-grid p{font-size:13px}
.guide-jersey{background:#f7efeb;display:grid;grid-template-columns:1fr 1fr;gap:50px 8vw}
.guide-jersey .guide-lead{font-size:16px;color:#60645b;margin-top:30px}
.jersey-speed{display:flex;align-items:center;gap:20px;margin-top:35px}
.jersey-speed>strong{width:112px;height:112px;flex:0 0 112px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:7px solid var(--japan-red);border-radius:50%;font-size:51px;letter-spacing:-.055em;line-height:.85;background:#fff}
.jersey-speed strong span{font-size:12px;letter-spacing:0;margin-top:5px}
.jersey-speed p{font-size:11px;line-height:1.8;color:#60645b;max-width:260px}
.jersey-reasons article{display:flex;gap:20px;border-top:1px solid var(--line);padding:25px 0}
.jersey-reasons article>span{font-size:11px;color:var(--japan-red);font-weight:900;padding-top:5px}
.jersey-reasons h3{font-size:22px;letter-spacing:-.025em;margin:0 0 12px}
.jersey-reasons p{font-size:13px;color:#60645b;line-height:1.8;margin:0}
.guide-fit-note{grid-column:1/-1;background:#fff;padding:35px;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:30px;border-top:4px solid var(--japan-red)}
.guide-fit-note h3{font-size:27px;letter-spacing:-.04em;line-height:1.1;margin:0}
.guide-fit-note p{font-size:12px;line-height:1.8;color:#60645b;margin:0}
.guide-end{background:#171b18;color:#fff}
.guide-end>p:not(.eyebrow){line-height:1.8;color:#ffffffa6;max-width:700px}
.guide-end>div{display:flex;align-items:center;gap:30px;margin:30px 0}
.guide-end-link{font-size:13px;font-weight:800;border-bottom:1px solid #ffffff50;padding:10px 0}
.guide-end .guide-note{font-size:10px}
.kei-guide-teaser{display:grid;grid-template-columns:1fr 1fr;gap:40px 6vw;background:#e8eee5;border-top:1px solid var(--line)}
.kei-guide-teaser h2{font-size:clamp(50px,6vw,86px)}
.kei-guide-teaser>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#526051;max-width:540px;margin:25px 0}
.guide-teaser-image{position:relative;align-self:center;display:block}
.guide-teaser-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:9px 9px 0 var(--retro-teal)}
.guide-teaser-image span{font-size:9px;letter-spacing:.12em;font-weight:800;background:var(--japan-red);color:#fff;position:absolute;bottom:18px;left:-15px;padding:15px 18px}
.teaser-facts{grid-column:1/-1;display:flex;align-items:center;gap:60px;padding-top:30px;border-top:1px solid #14151225}
.teaser-facts span{font-size:11px;color:#526051;display:flex;gap:15px;align-items:center}
.teaser-facts strong{font-size:32px;color:var(--ink);letter-spacing:-.04em}
.teaser-facts>a{font-size:12px;font-weight:800;margin-left:auto}
@media(max-width:1100px){.guide-section-head{grid-template-columns:1fr 1.4fr}.guide-section-head>p:last-child{grid-column:2}.guide-hero{gap:5vw}.guide-hero h1{font-size:82px}.kei-timeline{gap:0 30px}.kei-timeline li{grid-template-columns:90px 1fr}.timeline-year{font-size:23px}.guide-fit-note{grid-template-columns:1fr 1.4fr}.guide-fit-note .button{grid-column:1/-1;justify-self:start}.teaser-facts{gap:25px}.teaser-facts span{display:block}.teaser-facts strong{display:block;margin-bottom:8px}.dimension-facts>div{padding:25px 18px}.dimension-facts dt{font-size:9px}.classic-copy{padding:35px 20px 25px}.classic-copy h3{font-size:25px}}
@media(max-width:800px){.guide-hero{grid-template-columns:1fr;padding-top:65px}.guide-hero h1{font-size:92px}.guide-hero figure{max-width:600px;margin:20px 10px}.guide-chapters{justify-content:flex-start}.dimension-layout{grid-template-columns:1fr}.kei-timeline{grid-template-columns:1fr}.kei-timeline li{grid-template-columns:110px 1fr}.classics-grid{grid-template-columns:1fr}.classic-card{display:grid;grid-template-columns:1fr 1fr}.classic-photo img{height:100%;object-fit:cover}.classic-photo>span{top:16px;bottom:auto}.classic-copy{padding:25px}.development-grid{grid-template-columns:1fr}.guide-jersey{grid-template-columns:1fr}.guide-fit-note{grid-template-columns:1fr}.sales-podium article{padding:25px 20px}.sales-podium h3{font-size:28px}.teaser-facts span{max-width:160px}}
@media(max-width:680px){.guide-hero{padding:55px 22px 50px}.guide-hero h1{font-size:76px}.guide-hero .eyebrow{font-size:9px;letter-spacing:.12em}.guide-lead{font-size:16px}.guide-hero-seal{width:75px;height:75px;font-size:15px;left:-10px;bottom:45px}.guide-hero::before{width:350px;height:350px;top:auto;bottom:65px}.guide-chapters{padding:22px;gap:18px 22px;font-size:10px}.guide-section-head{display:block;margin-bottom:35px}.guide-section-head .eyebrow{max-width:none}.guide-section-head h2{font-size:49px}.guide-section-head>p:last-child{margin-top:25px;font-size:14px}.dimension-layout{gap:25px}.kei-blueprint{padding:5px 10px}.dimension-facts>div{padding:25px 20px}.dimension-facts dd{font-size:48px}.dimension-facts dt{font-size:9px}.dimension-facts dd span{font-size:19px}.guide-note{font-size:10px}.kei-timeline li{grid-template-columns:85px 1fr;gap:18px;padding:25px 0}.timeline-year{font-size:23px}.kei-timeline h3{font-size:22px}.sales-podium{grid-template-columns:1fr;gap:15px}.sales-podium article{padding:25px;position:relative}.sales-podium h3{font-size:30px;margin:18px 0 25px}.sales-podium strong{font-size:44px}.sales-rank{position:absolute;right:25px;top:28px}.sales-bar{margin:22px 0}.working-note{align-items:flex-start;gap:20px}.working-note>span{font-size:26px;writing-mode:vertical-rl}.working-note h3{font-size:22px}.working-note p{font-size:13px}.classic-card{display:block}.classic-photo img{height:auto}.classic-copy{padding:25px}.classic-copy h3{font-size:29px}.feature-stories{grid-template-columns:1fr;gap:20px}.feature-photo-story h3{font-size:32px}.development-grid{gap:30px}.guide-fit-note{padding:25px;gap:20px}.guide-jersey{gap:35px}.jersey-speed>strong{width:95px;height:95px;flex-basis:95px;font-size:45px;border-width:6px}.jersey-speed{gap:18px}.guide-end>div{align-items:flex-start;flex-direction:column;gap:15px}.kei-guide-teaser{grid-template-columns:1fr;gap:35px}.kei-guide-teaser h2{font-size:54px}.guide-teaser-image{margin:0 9px 0 10px}.guide-teaser-image span{font-size:8px;left:-10px;bottom:15px;padding:12px}.teaser-facts{flex-wrap:wrap;gap:25px 30px;align-items:flex-start}.teaser-facts span{font-size:10px;max-width:140px}.teaser-facts strong{font-size:30px}.teaser-facts>a{margin-left:0;flex-basis:100%}}
