.k97-page{--k97-accent:#a52c3e;scroll-padding-top:140px}.k97-nav{display:flex;position:sticky;top:84px;z-index:9;align-items:center;justify-content:space-between;margin:0;padding:18px 7%;background:#fff;border-bottom:1px solid #eceef1;font-size:13px}.k97-nav>b{font-size:21px}.k97-nav>div{display:flex;gap:28px}.k97-nav>a{color:var(--k97-accent)}.k97-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:25px 7% 65px;align-items:center}.k97-copy h1{font-size:106px;font-weight:600;letter-spacing:-6px}.k97-copy h2{font-size:43px;margin-top:22px;line-height:1.15}.k97-copy .eyebrow,.k97-feature .eyebrow,.k97-battery .eyebrow,.k97-colors .eyebrow,.k97-poster-section .eyebrow{color:var(--k97-accent);font-size:11px}.k97-lead{font-size:17px;line-height:1.8;color:#6b7079;max-width:460px;margin:25px 0}.k97-page .button{background:var(--k97-accent)}.k97-page .gallery-stage{border:0}.k97-page .gallery-thumbs{justify-content:center}.k97-highlights{display:grid;grid-template-columns:repeat(4,1fr);margin:0 7%;padding:35px 0;border-top:1px solid #e0e2e5;border-bottom:1px solid #e0e2e5;gap:25px}.k97-highlights strong{font-size:24px;font-weight:500;display:block}.k97-highlights div>span{font-size:12px;line-height:1.7;display:block;color:#717782;margin-top:10px}.k97-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:85px 7%;gap:65px;background:#fff}.k97-feature img{width:100%;height:470px;object-fit:contain}.k97-feature h2,.k97-battery h2,.k97-colors h2,.k97-poster-section h2{font-size:44px;line-height:1.15}.k97-feature p:not(.eyebrow),.k97-battery>div>p:not(.eyebrow),.k97-colors>p:not(.eyebrow),.k97-poster-section p:not(.eyebrow){color:#737780;font-size:16px;line-height:1.85}.k97-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.k97-feature-pair b{display:block;font-size:23px}.k97-feature-pair span{display:block;font-size:12px;line-height:1.7;color:#737780;margin-top:10px}.k97-battery{background:#f4f5f7;padding:70px 7%}.k97-battery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}.k97-battery-grid strong{font-size:77px;letter-spacing:-3px;font-weight:500}.k97-battery-grid small{font-size:24px;letter-spacing:0}.k97-battery-grid span{display:block;font-size:13px;color:#626875;line-height:1.8}.k97-fine,.k97-feature .k97-fine{font-size:12px!important;line-height:1.8;color:#777d86;max-width:1000px}.k97-colors{text-align:center;padding:55px 7%;border-top:1px solid #eee;background:#fff}.k97-colors img{width:100%;height:auto;max-height:550px;object-fit:contain}.k97-poster-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 7%;align-items:center;border-top:1px solid #eee}.k97-poster-section img{display:block;width:100%;height:auto;max-width:580px;border:1px solid #eee}.k97-page .outline-link{display:inline-block;border-bottom:1px solid #aaa;padding:12px 0;font-size:14px}.k97-page section[id]{scroll-margin-top:160px}@media(max-width:900px){.k97-hero{gap:25px}.k97-copy h1{font-size:83px}.k97-copy h2{font-size:35px}.k97-feature{gap:30px}.k97-feature h2{font-size:35px}.k97-highlights strong{font-size:20px}}@media(max-width:760px){.k97-nav{position:sticky;top:68px;padding:14px 6%;gap:16px;font-size:11px;flex-direction:row}.k97-nav>div{gap:16px;overflow-x:auto;white-space:nowrap}.k97-nav>a{white-space:nowrap}.k97-hero{grid-template-columns:1fr;padding:20px 7% 40px}.k97-copy h1{font-size:80px}.k97-copy h2{font-size:36px}.k97-lead{font-size:15px}.k97-highlights{grid-template-columns:repeat(2,1fr);gap:26px}.k97-feature,.k97-poster-section{grid-template-columns:1fr;padding:50px 7%;gap:25px}.k97-feature img{height:330px}.k97-feature:not(.k97-reverse) img{order:2}.k97-feature h2,.k97-battery h2,.k97-colors h2,.k97-poster-section h2{font-size:34px}.k97-battery{padding:50px 7%}.k97-battery-grid{gap:12px}.k97-battery-grid strong{font-size:43px;letter-spacing:-2px}.k97-battery-grid small{font-size:16px}.k97-battery-grid span{font-size:11px}.k97-colors{padding:45px 7%}.k97-nav>b{font-size:17px}}
/* Keep the hero grid within narrow phone screens. */
@media(max-width:760px){.k97-hero{grid-template-columns:minmax(0,1fr)}.k97-hero>*{min-width:0}.k97-copy h2{overflow-wrap:anywhere}}