:root{--bg:#08090b;--panel:#0d0f12;--text:#f0f1f2;--muted:#9a9da2;--silver:#d7dade;--gold:#c9a35c;--warm:#b97846;--pad:clamp(22px,5.5vw,96px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.brake-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:112px;display:flex;align-items:center;padding:0 var(--pad)}.brake-header__logo{z-index:2;width:clamp(80px,7.7vw,106px);flex:none}.brake-header__logo img{display:block;width:100%}.brake-header__trace{height:1px;flex:1;margin-left:-8px;background:linear-gradient(90deg,rgba(215,218,222,.55),rgba(201,163,92,.42),rgba(215,218,222,.1))}.brake-nav{display:flex;gap:clamp(18px,2.3vw,38px);margin-left:clamp(25px,4vw,68px)}.brake-nav a,.brake-header__cta{color:#b9bbc0;font-size:10px;font-weight:600;letter-spacing:.08em}.brake-header__cta{margin-left:clamp(24px,3vw,48px);padding:12px 17px;border:1px solid rgba(215,218,222,.22)}.brake-nav a:hover,.brake-header__cta:hover{color:var(--gold)}
.brake-hero{position:relative;min-height:max(820px,100svh);overflow:hidden}.brake-hero__media{position:absolute;inset:0}.brake-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.58) saturate(.74);animation:hero-settle 1.7s cubic-bezier(.2,.7,.2,1) both}.brake-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.96) 0%,rgba(6,7,9,.8) 31%,rgba(6,7,9,.12) 65%,rgba(6,7,9,.18)),linear-gradient(0deg,rgba(6,7,9,.65),transparent 45%)}.brake-hero__light{position:absolute;inset:-20%;background:linear-gradient(112deg,transparent 39%,rgba(231,234,236,.12) 48%,rgba(201,163,92,.07) 52%,transparent 61%);translate:-80% 0;animation:hero-light 1.35s ease-out .25s both}.brake-hero__backdrop{position:absolute;right:-4vw;bottom:3vh;color:rgba(215,218,222,.025);font:600 clamp(110px,19vw,310px)/.8 Manrope,Arial,sans-serif;letter-spacing:-.08em}.brake-hero__content{position:relative;z-index:2;width:min(700px,48vw);padding-top:clamp(175px,18vh,230px);margin-left:var(--pad)}.brake-eyebrow,.brake-marker{margin:0;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.brake-rule{display:block;width:min(190px,28vw);height:1px;margin:18px 0 26px;background:linear-gradient(90deg,var(--silver),var(--gold),transparent);transform-origin:left}.brake-hero h1,.brake-intro h2,.system-intro h2,.thermal-copy h2,.effect-copy h2,.system-link h2,.workshop-copy h2,.planning-copy h2,.brake-closing h2{margin:0;font:500 clamp(48px,6.8vw,104px)/.88 Manrope,Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase}.brake-hero h1 span{color:rgba(215,218,222,.68)}.brake-hero__statement{margin:clamp(28px,4vh,44px) 0 0;font:500 clamp(20px,2vw,29px)/1.18 Manrope,Arial,sans-serif}.brake-hero__copy{max-width:600px;margin:20px 0 0;color:#aaaeb3;font-size:clamp(12px,1vw,15px);line-height:1.72}.brake-actions{display:flex;gap:12px;margin-top:30px}.brake-button{display:inline-flex;justify-content:center;align-items:center;min-height:45px;padding:0 19px;border:1px solid rgba(215,218,222,.25);font-size:10px;font-weight:600;letter-spacing:.05em}.brake-button--primary{background:linear-gradient(105deg,#d7dade,#b79454);color:#101114;border:0}.brake-button:hover{border-color:var(--gold)}.brake-hero__micro{position:absolute;z-index:2;right:var(--pad);bottom:42px;display:flex;gap:24px;color:rgba(215,218,222,.5);font-size:8px;letter-spacing:.17em;text-transform:uppercase}@keyframes hero-settle{from{filter:brightness(.38) saturate(.6);transform:scale(1.025)}to{filter:brightness(.58) saturate(.74);transform:scale(1)}}@keyframes hero-light{to{translate:80% 0}}
.hardware-section,.system-section,.thermal-section,.effect-section,.planning-section{padding:clamp(110px,13vw,200px) var(--pad)}.brake-intro,.system-intro{max-width:920px}.brake-intro{margin-left:7vw}.brake-comparison{--reveal:50%;position:relative;aspect-ratio:16/8.7;margin-top:clamp(64px,8vw,120px);overflow:hidden;background:#0b0c0e;touch-action:pan-y}.brake-comparison>img,.brake-comparison__after,.brake-comparison__after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brake-comparison__after{clip-path:inset(0 0 0 var(--reveal))}.brake-comparison__label{position:absolute;z-index:3;top:24px;padding:7px 10px;background:rgba(6,7,9,.66);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.brake-comparison__label--before{left:24px}.brake-comparison__label--after{right:24px}.brake-comparison__divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--reveal);width:1px;translate:-50% 0;background:linear-gradient(transparent,rgba(215,218,222,.8) 22%,var(--gold) 52%,rgba(215,218,222,.7) 80%,transparent)}.brake-comparison__cursor{--x:50%;--y:50%;position:absolute;z-index:5;left:0;top:0;display:flex;gap:7px;align-items:center;padding:6px 9px;opacity:0;translate:var(--x) var(--y);transform:translate(-50%,-50%);border:1px solid rgba(215,218,222,.26);background:rgba(7,8,10,.78);pointer-events:none}.brake-comparison__cursor span{font:600 7px Manrope;letter-spacing:.16em;text-transform:uppercase}.brake-comparison__cursor b{color:var(--gold)}.hardware-copy{max-width:690px;margin:clamp(48px,6vw,86px) 0 0 auto}.brake-microline{margin:0;color:rgba(201,163,92,.78);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.hardware-copy h3{margin:18px 0 0;font:500 clamp(35px,4.6vw,68px)/.98 Manrope;letter-spacing:-.05em}.hardware-copy>p:last-child,.thermal-copy>p:last-child,.effect-copy>p:last-child,.system-link>p:last-child,.workshop-copy>p:not(.brake-marker):not(.brake-microline),.planning-copy>p:last-child,.brake-closing__content>p{max-width:660px;margin:23px 0 0;color:var(--muted);font-size:clamp(13px,1vw,16px);line-height:1.72}@media(hover:hover) and (pointer:fine){.motion-ready .brake-comparison{cursor:none}.motion-ready .brake-comparison.is-active .brake-comparison__cursor{opacity:1}}
.system-section{background:#0a0b0d;overflow:hidden}.system-intro{margin-left:auto}.system-scene{position:relative;min-height:clamp(720px,66vw,990px);margin-top:clamp(65px,8vw,115px);overflow:hidden}.system-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.66) saturate(.68);transform:scale(1.025)}.system-scene__shade{position:absolute;inset:0;background:radial-gradient(circle at 55% 48%,transparent 22%,rgba(7,8,10,.7) 76%)}.system-scene__sweep{position:absolute;inset:0;opacity:var(--metal-light,0);translate:var(--metal-x,-90%) 0;background:linear-gradient(110deg,transparent 34%,rgba(241,243,244,.16) 48%,rgba(201,163,92,.05) 54%,transparent 67%)}.system-note{position:absolute;z-index:2;width:min(280px,24%)}.system-note--disc{left:3%;top:8%}.system-note--caliper{right:3%;top:9%}.system-note--pad{left:5%;bottom:7%}.system-note--fluid{right:4%;bottom:6%}.system-note i,.effect-points i{display:block;width:38px;height:22px;border-top:1px solid rgba(201,163,92,.85);border-right:1px solid rgba(215,218,222,.42);transform:skewX(-25deg)}.system-note h3,.effect-points h3{margin:14px 0 0;font:600 11px/1.2 Manrope;letter-spacing:.14em;text-transform:uppercase}.system-note p,.effect-points p{margin:9px 0 0;color:rgba(215,218,222,.68);font-size:11px;line-height:1.58}
.thermal-section{display:grid;grid-template-columns:minmax(310px,.75fr) minmax(0,1.25fr);gap:clamp(60px,8vw,130px);align-items:center}.thermal-copy h2,.effect-copy h2,.system-link h2,.planning-copy h2{font-size:clamp(42px,5.4vw,78px)}.thermal-visual{--warm-x:55%;--warm-y:50%;position:relative;aspect-ratio:1.05;overflow:hidden}.thermal-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.6)}.thermal-visual__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,10,.9),transparent 52%),radial-gradient(circle at center,transparent 30%,rgba(7,8,10,.55))}.thermal-visual__warm{position:absolute;inset:0;opacity:var(--warm-opacity,0);background:radial-gradient(circle 140px at var(--warm-x) var(--warm-y),rgba(190,111,53,.18),rgba(201,163,92,.06) 38%,transparent 72%);transition:opacity .35s}.thermal-points{position:absolute;left:6%;right:6%;bottom:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.thermal-points article{border-top:1px solid rgba(215,218,222,.18);padding-top:13px}.thermal-points b{display:block;color:var(--gold);font:600 9px Manrope;letter-spacing:.14em;text-transform:uppercase}.thermal-points span{display:block;margin-top:7px;color:#b0b3b7;font-size:10px;line-height:1.45}
.effect-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,160px)}.effect-points{display:flex;flex-direction:column;gap:45px;padding-top:20px}.effect-points article{padding-bottom:30px;border-bottom:1px solid rgba(215,218,222,.1)}.effect-points p{max-width:430px}.system-link{max-width:850px;margin:0 auto;padding:clamp(80px,10vw,150px) var(--pad);text-align:center}.system-link .brake-microline{margin-bottom:24px}.system-link>p:last-child{margin-left:auto;margin-right:auto}
.workshop-section{position:relative;min-height:clamp(720px,68vw,980px);overflow:hidden}.workshop-section__media{position:absolute;inset:0}.workshop-section__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.63) saturate(.68);transform:scale(1.025)}.workshop-section__media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.96),rgba(6,7,9,.73) 32%,rgba(6,7,9,.08) 64%),linear-gradient(0deg,rgba(6,7,9,.48),transparent 40%)}.workshop-section__media i{position:absolute;inset:0;opacity:var(--work-light,0);translate:var(--work-x,-80%) 0;background:linear-gradient(110deg,transparent 38%,rgba(235,238,240,.11) 49%,rgba(201,163,92,.05) 54%,transparent 66%)}.workshop-copy{position:relative;width:min(600px,42vw);margin-left:var(--pad);padding-top:clamp(130px,15vw,220px)}.workshop-copy h2{font-size:clamp(42px,5.6vw,82px)}.workshop-copy .brake-microline{margin-top:24px}.workshop-copy>a{display:inline-block;margin-top:29px;padding-bottom:8px;border-bottom:1px solid rgba(215,218,222,.28);font-size:11px;font-weight:600}.workshop-copy>a:hover{color:var(--gold)}.planning-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(60px,9vw,150px);align-items:end}.planning-labels{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(215,218,222,.16)}.planning-labels span{padding:20px 8px;color:rgba(215,218,222,.55);border-bottom:1px solid rgba(215,218,222,.1);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.planning-labels span:nth-child(even){text-align:right}
.brake-closing{position:relative;min-height:clamp(680px,77svh,900px);display:flex;align-items:center;overflow:hidden;padding:clamp(120px,14vw,210px) var(--pad);background:linear-gradient(180deg,#0a0b0d,var(--bg))}.brake-closing__backdrop{position:absolute;right:-5vw;top:50%;color:rgba(215,218,222,.025);font:600 clamp(140px,23vw,390px)/.7 Manrope;letter-spacing:-.09em;transform:translateY(-50%)}.brake-closing__content{position:relative;z-index:1;width:min(880px,75vw);margin-left:clamp(0px,7vw,120px)}.related-services{display:flex;gap:25px;margin-top:42px}.related-services a{color:#8f9297;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.related-services a:hover{color:var(--gold)}.brake-footer{padding:0 var(--pad) max(30px,env(safe-area-inset-bottom));background:#08090b}.brake-footer__rule{display:block;height:1px;background:linear-gradient(90deg,rgba(215,218,222,.16),rgba(215,218,222,.62) 18%,rgba(201,163,92,.5) 60%,rgba(215,218,222,.08))}.brake-footer__grid{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(220px,.8fr);gap:clamp(46px,8vw,130px);padding:clamp(64px,8vw,118px) 0 clamp(56px,7vw,96px)}.brake-footer__identity img{display:block;width:clamp(132px,12vw,180px)}.brake-footer__identity p{margin:28px 0 0;font:500 clamp(18px,1.7vw,24px)/1.3 Manrope}.brake-footer__identity small{display:block;max-width:390px;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.7}.brake-footer nav,.brake-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.brake-footer nav p,.brake-footer__contact p{margin:0 0 11px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.brake-footer nav a,.brake-footer__contact a{color:var(--muted);font-size:13px}.brake-footer__contact a{color:var(--text)}.brake-footer a:hover{color:var(--gold)}.brake-footer__bottom{display:flex;justify-content:space-between;gap:28px;padding-top:24px;border-top:1px solid rgba(215,218,222,.09)}.brake-footer__bottom nav{flex-direction:row;gap:26px}.brake-footer__bottom a{color:#7f8287;font-size:10px;letter-spacing:.08em}
.brake-reveal{--progress:1}.motion-ready .brake-reveal{opacity:var(--progress);translate:0 calc((1 - var(--progress))*18px)}.motion-ready .brake-reveal .brake-rule{scale:var(--progress) 1}.motion-ready .system-scene>img,.motion-ready .workshop-section__media img{translate:0 var(--depth,0px);scale:1.025}
@media(max-width:900px){.brake-header{height:90px}.brake-header__logo{width:74px}.brake-nav{display:none}.brake-header__cta{margin-left:auto}.brake-hero__content{width:min(650px,75vw);padding-top:150px}.brake-comparison{aspect-ratio:4/3}.system-note{width:30%}.thermal-section,.effect-section,.planning-section{grid-template-columns:1fr}.thermal-visual{aspect-ratio:4/3}.workshop-copy{width:min(600px,58vw)}.brake-footer__grid{grid-template-columns:1.4fr .7fr}.brake-footer__contact{grid-column:1/-1}}
@media(max-width:560px){.brake-header__cta{display:none}.brake-hero{min-height:900px;display:flex;align-items:flex-end}.brake-hero__media img{height:52%;object-position:63% center}.brake-hero__shade{background:linear-gradient(0deg,#07080a 5%,rgba(7,8,10,.97) 55%,rgba(7,8,10,.05) 83%)}.brake-hero__content{width:auto;margin:0 var(--pad);padding:330px 0 62px}.brake-hero h1{font-size:clamp(45px,13vw,68px)}.brake-hero__micro{display:none}.brake-actions{align-items:stretch;flex-direction:column}.brake-button{width:100%}.hardware-section,.system-section,.thermal-section,.effect-section,.planning-section{padding-top:92px;padding-bottom:92px}.brake-intro,.system-intro{margin-left:0}.brake-intro h2,.system-intro h2,.thermal-copy h2,.effect-copy h2,.system-link h2,.workshop-copy h2,.planning-copy h2,.brake-closing h2{font-size:clamp(35px,10vw,49px)}.brake-comparison{aspect-ratio:1/1}.brake-comparison__label{top:12px}.brake-comparison__label--before{left:12px}.brake-comparison__label--after{right:12px}.system-scene{display:flex;min-height:0;flex-direction:column;gap:24px;padding-top:285px;overflow:visible}.system-scene>img{height:270px;object-position:center}.system-scene__shade,.system-scene__sweep{height:285px}.system-note,.system-note--disc,.system-note--caliper,.system-note--pad,.system-note--fluid{position:relative;inset:auto;width:100%;padding:0 4px 22px;border-bottom:1px solid rgba(215,218,222,.1)}.thermal-section{gap:52px}.thermal-visual{aspect-ratio:3/4}.thermal-points{grid-template-columns:1fr;gap:12px}.effect-section{gap:55px}.workshop-section{display:flex;min-height:0;flex-direction:column}.workshop-section__media{position:relative;height:410px}.workshop-section__media img{object-position:64% center}.workshop-section__media span{background:linear-gradient(0deg,#07080a,transparent 45%)}.workshop-copy{width:auto;margin:0 var(--pad);padding:54px 0 92px}.brake-closing__content{width:100%;margin-left:0}.related-services{flex-wrap:wrap}.brake-footer__grid{grid-template-columns:1fr;gap:48px}.brake-footer__contact{grid-column:auto}.brake-footer__bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.brake-hero__media img,.motion-ready .system-scene>img,.motion-ready .workshop-section__media img{transform:none;translate:0 0;scale:1}.brake-hero__light,.system-scene__sweep,.thermal-visual__warm,.workshop-section__media i,.brake-comparison__cursor{display:none}.motion-ready .brake-reveal{opacity:1;translate:0 0}.motion-ready .brake-reveal .brake-rule{scale:1 1}}