.about-page .header{position:absolute;top:0;left:0;border-bottom:0}
.history-track{height:370svh;position:relative}
.history-sticky{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;background:#f6f5f1}
.history-panel{position:absolute;left:4%;top:26%;width:35%;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .45s,transform .55s;z-index:3}
.history-panel.is-active{opacity:1;transform:none;pointer-events:auto}
.history-kicker{font-size:12px;color:#5d665d;letter-spacing:.8px;margin:0 0 30px;display:flex;align-items:center;gap:9px}
.history-kicker i{width:5px;height:5px;border-radius:50%;background:var(--red)}
.inner-page .history-panel h1,.inner-page .history-panel h2{font-size:clamp(38px,4.4vw,74px);font-weight:300;line-height:1.25;letter-spacing:-.04em;margin:0 0 30px}
.history-panel>p:last-child{font-size:14px;line-height:1.9;color:#62695f;max-width:31em;margin:0}
.history-cable-dock{position:absolute;left:41%;top:13%;width:56%;height:70%;z-index:2}
.history-cable-dock>.cable-stage.history-active{position:absolute;inset:0;width:100%;height:100%;opacity:1;transform:none;pointer-events:none}
.history-tabs{position:absolute;bottom:48px;left:4%;right:4%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;z-index:4}
.history-tabs button{justify-self:center;min-height:46px;padding:11px 22px;background:transparent;border:1px solid #292c2840;border-radius:3px;font-size:13px;line-height:1.5;transition:background .2s,color .2s}
.history-tabs button>span{margin-right:12px;font-size:11px}
.history-tabs button[aria-current]{background:#292c28;color:#fff;border-color:#292c28}
.history-progress{position:absolute;bottom:23px;left:4%;right:4%;height:1px;background:#292c2840}
.history-progress>span{display:block;height:2px;background:var(--red);width:25%;transition:width .15s}
.history-motion-button{position:absolute;right:4%;bottom:130px;z-index:4;background:none;padding:10px 0;font-size:11px;color:#62695f}.history-motion-button>span{margin-left:18px}
.q-brand-image{min-height:550px;height:70svh;max-height:850px;position:relative;isolation:isolate;overflow:hidden;background:white;display:grid;grid-template-columns:44% 56%;align-items:center}
.q-brand-image-title{padding:55px 0 55px 9%;z-index:1}.q-brand-image-title>.eyebrow{font-size:10px;color:#667368}
.q-brand-image-title h2{font-size:clamp(34px,3.7vw,63px);line-height:1.3;margin:30px 0}.q-brand-image-title>p:last-child{font-size:13px;color:#687166}
.q-brand-image>img{width:100%;height:100%;object-fit:contain;padding:30px 4% 30px 0}
.q-brand-line{position:absolute;left:0;right:0;bottom:0;height:5px;display:flex}.q-brand-line>i{width:33.333%}
.q-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;padding:80px 4%;background:#eeece5}
.q-value-grid article>span{font-size:12px;color:#657063}.q-value-grid h3{font-size:30px;font-weight:400;line-height:1.4;margin:28px 0 20px}.q-value-grid p{font-size:14px;line-height:1.95;color:#62695f;margin:0;max-width:29em}
.q-company{display:grid;grid-template-columns:28% minmax(0,1fr);gap:10%;padding:100px 4%;align-items:center}.q-company>.eyebrow,.q-company>div>.eyebrow{font-size:10px;color:#657063}.q-company figure{margin:30px 0 0;background:#dfeced}.q-company figure>img{display:block;width:100%;height:auto;padding:25px 12px 0}.q-company figcaption{font-size:10px;color:#5e6e6c;line-height:1.8;padding:17px 20px;background:#d7e6e7}
.q-company h2{font-size:clamp(36px,4.2vw,67px);line-height:1.3;margin:0 0 30px}.q-company>div>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#62695f;max-width:45em}.q-company .page-button{margin-top:25px}
.q-vision{height:80svh;min-height:600px;max-height:950px;position:relative;isolation:isolate;overflow:hidden;color:#fff;display:grid;align-items:center;text-align:center}
.q-vision>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.q-vision:before{content:'';position:absolute;inset:0;background:#251e195c;z-index:-1}.q-vision>div{padding:60px 5%}.q-vision>.eyebrow,.q-vision>div>.eyebrow{font-size:10px;letter-spacing:2px}.q-vision h2{font-size:clamp(42px,5vw,85px);line-height:1.35;letter-spacing:-.03em;margin:32px 0}.q-vision>small{position:absolute;bottom:25px;right:4%;font-size:10px;color:#eee}
.q-series{padding:90px 4% 100px;background:#edf2f0}.q-section-heading>.eyebrow{font-size:10px;color:#657063}.q-section-heading h2{font-size:clamp(38px,4.7vw,75px);line-height:1.3;margin:27px 0 20px}.q-section-heading>p:last-child{font-size:14px;color:#62695f;line-height:1.9}
.q-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px}.q-series-grid>a{background:#f9faf7;padding:25px;display:grid;grid-template-columns:minmax(0,1fr) 25px;gap:20px;min-width:0}.q-series-number{font-size:11px;color:#6b7268}.q-series-grid img{grid-column:1/-1;grid-row:2;justify-self:center;height:180px;width:150px;object-fit:contain}.q-series-grid h3{font-size:22px;font-weight:400;line-height:1.4;margin:15px 0 10px}.q-series-grid p{font-size:12px;color:#657063;line-height:1.8;margin:0}.q-series-grid b{font-size:24px;font-weight:400;grid-column:2;grid-row:1;justify-self:end}.q-series-grid a:hover{background:#fff}.q-collaboration{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:65px;border-top:1px solid var(--line);padding-top:45px}.q-collaboration h3{font-size:clamp(30px,3.1vw,50px);font-weight:300;line-height:1.35;margin:0}
@media(max-width:1000px){.history-panel{width:39%;left:5%}.inner-page .history-panel h1,.inner-page .history-panel h2{font-size:4.5vw}.history-panel>p:last-child{font-size:13px}.history-cable-dock{left:44%;width:55%}.history-tabs{left:5%;right:5%;gap:12px}.history-tabs button{padding:11px 15px;font-size:12px}.history-tabs button>span{margin-right:7px}.q-brand-image{min-height:470px}.q-value-grid{padding:65px 5%;gap:5%}.q-value-grid h3{font-size:26px}.q-value-grid p{font-size:13px}.q-company{padding:75px 5%;gap:7%;grid-template-columns:30% minmax(0,1fr)}.q-company>div>p:not(.eyebrow){font-size:13px}.q-series{padding:70px 5%}.q-series-grid{gap:15px}.q-series-grid>a{padding:20px}.q-series-grid h3{font-size:19px}}
@media(max-width:650px){.history-track{height:330svh}.history-sticky{height:100svh;min-height:740px}.history-panel{top:135px;left:7%;width:86%;max-width:480px}.history-kicker{font-size:10px;margin-bottom:19px}.inner-page .history-panel h1,.inner-page .history-panel h2{font-size:34px;line-height:1.3;margin-bottom:18px}.history-panel>p:last-child{font-size:12px;line-height:1.9;max-width:none}.history-cable-dock{top:43%;left:8%;width:84%;height:43%}.history-tabs{bottom:40px;left:7%;right:7%;gap:8px}.history-tabs button{padding:9px 4px;font-size:10px;min-height:48px;width:100%}.history-tabs button>span{display:block;font-size:8px;margin:0 0 3px}.history-progress{left:7%;right:7%;bottom:20px}.history-motion-button{bottom:115px;right:7%;font-size:10px}.q-brand-image{display:flex;flex-direction:column;min-height:0;height:auto;max-height:none}.q-brand-image-title{padding:45px 7% 0;width:100%}.q-brand-image-title h2{font-size:35px;margin:24px 0}.q-brand-image-title>.eyebrow{font-size:8px}.q-brand-image-title>p:last-child{font-size:12px}.q-brand-image>img{height:auto;max-height:350px;padding:15px 4% 25px}.q-value-grid{display:block;padding:40px 7%}.q-value-grid article{padding:25px 0;border-top:1px solid var(--line)}.q-value-grid article:first-child{border:0;padding-top:0}.q-value-grid h3{font-size:26px;margin:18px 0 15px}.q-value-grid article>span{font-size:10px}.q-value-grid p{font-size:13px}.q-company{display:block;padding:50px 7%}.q-company figure{max-width:380px;margin:25px 0 35px}.q-company h2{font-size:32px;margin-bottom:25px}.q-company>div>p:not(.eyebrow){font-size:13px}.q-company .page-button{margin-top:20px}.q-vision{height:660px;min-height:0}.q-vision>img{object-position:58% center}.q-vision h2{font-size:35px;line-height:1.4;margin:25px 0}.q-vision>div>.eyebrow{font-size:8px}.q-vision>small{right:7%;font-size:9px}.q-series{padding:50px 7%}.q-section-heading>.eyebrow{font-size:8px}.q-section-heading h2{font-size:37px;margin-top:22px}.q-section-heading>p:last-child{font-size:13px}.q-series-grid{grid-template-columns:1fr;margin-top:30px;gap:15px}.q-series-grid>a{grid-template-columns:100px minmax(0,1fr) 22px;align-items:center;gap:18px;padding:22px 18px;position:relative}.q-series-grid img{grid-column:1;grid-row:1;width:100px;height:120px}.q-series-number{position:absolute;left:18px;top:14px;font-size:9px}.q-series-grid>a>div{grid-column:2;grid-row:1}.q-series-grid h3{font-size:20px;margin:0 0 12px}.q-series-grid p{font-size:11px}.q-series-grid b{grid-column:3;grid-row:1;align-self:start}.q-collaboration{display:block;margin-top:40px;padding-top:30px}.q-collaboration h3{font-size:30px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.history-panel,.history-progress>span{transition:none}}