:root{--bg:#08090b;--text:#f0f1f2;--muted:#999da2;--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%}.ex-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:112px;display:flex;align-items:center;padding:0 var(--pad)}.ex-header__logo{z-index:2;width:clamp(80px,7.7vw,106px);flex:none}.ex-header__logo img{display:block;width:100%}.ex-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))}.ex-header nav{display:flex;gap:clamp(18px,2.3vw,38px);margin-left:clamp(25px,4vw,68px)}.ex-header nav a,.ex-header__cta{color:#b9bbc0;font-size:10px;font-weight:600;letter-spacing:.08em}.ex-header__cta{margin-left:clamp(24px,3vw,48px);padding:12px 17px;border:1px solid rgba(215,218,222,.22)}.ex-header a:hover{color:var(--gold)}
.ex-hero{position:relative;min-height:max(820px,100svh);overflow:hidden}.ex-hero__media{position:absolute;inset:0}.ex-hero__media img{width:100%;height:100%;object-fit:cover;filter:brightness(.57) saturate(.72);animation:rear-settle 1.7s cubic-bezier(.2,.7,.2,1) both}.ex-hero__media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.97),rgba(6,7,9,.77) 31%,rgba(6,7,9,.05) 65%),linear-gradient(0deg,rgba(6,7,9,.62),transparent 46%)}.ex-hero__media i{position:absolute;inset:-15%;translate:-85%;background:linear-gradient(112deg,transparent 39%,rgba(233,236,238,.13) 48%,rgba(201,163,92,.08) 52%,transparent 61%);animation:ex-pass 1.4s ease-out .3s both}.ex-hero__backdrop,.ex-closing>b{position:absolute;right:-4vw;bottom:2vh;color:rgba(215,218,222,.024);font:600 clamp(130px,23vw,360px)/.8 Manrope;letter-spacing:-.08em}.ex-hero__content{position:relative;z-index:2;width:min(700px,49vw);padding-top:clamp(170px,18vh,225px);margin-left:var(--pad)}.ex-eyebrow,.ex-marker{margin:0;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.ex-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}.ex-hero h1,.ex-heading h2,.character-copy h2,.design-copy h2,.workshop-copy h2,.planning-copy h2,.ex-closing h2{margin:0;font:500 clamp(46px,6.5vw,100px)/.89 Manrope;letter-spacing:-.064em;text-transform:uppercase}.ex-hero h1 span{color:rgba(215,218,222,.67)}.ex-hero__content h2{margin:clamp(27px,4vh,43px) 0 0;font:500 clamp(20px,2vw,29px)/1.18 Manrope}.ex-hero__content>p:last-of-type{max-width:600px;margin:20px 0 0;color:#aaaeb3;font-size:clamp(12px,1vw,15px);line-height:1.72}.ex-actions{display:flex;gap:12px;margin-top:30px}.ex-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}.ex-button--primary{background:linear-gradient(105deg,#d7dade,#b79454);color:#101114;border:0}.ex-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 rear-settle{from{filter:brightness(.38) saturate(.58);transform:scale(1.025)}to{filter:brightness(.57) saturate(.72);transform:scale(1)}}@keyframes ex-pass{to{translate:85%}}
.sound-section,.system-section,.character-section,.planning-section{padding:clamp(110px,13vw,200px) var(--pad)}.ex-heading{max-width:920px;margin-left:clamp(0px,6vw,100px)}.valve-comparison{--reveal:50%;position:relative;aspect-ratio:16/8.7;margin-top:clamp(64px,8vw,120px);overflow:hidden;background:#0b0c0e;touch-action:pan-y}.valve-comparison>img,.valve-comparison__open,.valve-comparison__open img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.valve-comparison>img{filter:brightness(.48) saturate(.58)}.valve-comparison__open{clip-path:inset(0 0 0 var(--reveal))}.valve-comparison__open img{filter:brightness(.68) saturate(.78)}.valve-comparison__open span{position:absolute;inset:0;background:radial-gradient(circle at 76% 74%,rgba(185,105,50,.14),transparent 27%)}.valve-comparison__label{position:absolute;z-index:3;top:25px;padding:7px 10px;background:rgba(6,7,9,.68);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.valve-comparison__label--closed{left:25px}.valve-comparison__label--open{right:25px}.valve-comparison__divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--reveal);width:1px;translate:-50%;background:linear-gradient(transparent,rgba(215,218,222,.8) 22%,var(--gold) 52%,rgba(215,218,222,.7) 80%,transparent)}.valve-comparison__cursor{--x:50%;--y:50%;position:absolute;z-index:5;left:0;top:0;padding:7px 9px;opacity:0;translate:var(--x) var(--y);transform:translate(-50%,-50%);border:1px solid rgba(215,218,222,.27);background:rgba(7,8,10,.78);font:500 11px Manrope;pointer-events:none}.valve-comparison__cursor span{font-size:7px;letter-spacing:.16em;text-transform:uppercase}@media(hover:hover) and (pointer:fine){.motion-ready .valve-comparison{cursor:none}.motion-ready .valve-comparison.is-active .valve-comparison__cursor{opacity:1}}.sound-tools{display:flex;align-items:center;gap:16px;margin-top:24px}.sound-placeholder{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;color:#777b80;border:1px solid rgba(215,218,222,.13);background:transparent;font:600 9px Inter;letter-spacing:.1em;text-transform:uppercase}.sound-tools small{color:#70747a;font-size:10px}.sound-copy{max-width:690px;margin:clamp(45px,6vw,82px) 0 0 auto}.ex-microline{margin:0;color:rgba(201,163,92,.78);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.sound-copy h3{margin:18px 0 0;font:500 clamp(35px,4.6vw,68px)/.98 Manrope;letter-spacing:-.05em}.sound-copy>p:last-child,.character-copy>p,.design-copy>p,.workshop-copy>p:not(.ex-marker):not(.ex-microline),.planning-copy>p,.ex-closing__content>p{max-width:660px;margin:23px 0 0;color:var(--muted);font-size:clamp(13px,1vw,16px);line-height:1.72}
.system-section{background:#0a0b0d;overflow:hidden}.system-section .ex-heading{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(.64) saturate(.65);transform:scale(1.025)}.system-scene>span{position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,transparent 24%,rgba(7,8,10,.72) 78%)}.system-scene>i,.workshop-media i{position:absolute;inset:0;opacity:var(--metal-light,0);translate:var(--metal-x,-90%);background:linear-gradient(110deg,transparent 35%,rgba(240,242,244,.17) 48%,rgba(201,163,92,.06) 53%,transparent 66%)}.system-note{position:absolute;z-index:2;width:min(285px,25%)}.note--anlage{left:3%;top:7%}.note--valve{right:3%;top:8%}.note--tips{left:5%;bottom:7%}.note--integration{right:4%;bottom:6%}.system-note::before,.character-points article::before{content:'';display:block;width:36px;height:18px;border-top:1px solid rgba(201,163,92,.85);border-right:1px solid rgba(215,218,222,.4);transform:skewX(-25deg)}.system-note b,.character-points b{display:block;margin-top:14px;font:600 11px Manrope;letter-spacing:.14em;text-transform:uppercase}.system-note p,.character-points p{margin:9px 0 0;color:rgba(215,218,222,.68);font-size:11px;line-height:1.58}
.character-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,160px)}.character-copy h2,.design-copy h2,.workshop-copy h2,.planning-copy h2{font-size:clamp(42px,5.4vw,78px)}.character-points{display:flex;flex-direction:column;gap:42px;padding-top:20px}.character-points article{padding-bottom:28px;border-bottom:1px solid rgba(215,218,222,.1)}.design-section,.workshop-section{position:relative;min-height:clamp(720px,70vw,1020px);display:flex;align-items:center;overflow:hidden}.design-media,.workshop-media{position:absolute;inset:0}.design-media img,.workshop-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.67);transform:scale(1.025)}.design-media span,.workshop-media span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,9,.94),rgba(6,7,9,.58) 37%,rgba(6,7,9,.05) 67%)}.design-media i{position:absolute;inset:0;opacity:var(--rear-light,0);background:radial-gradient(circle 150px at var(--rear-x,75%) var(--rear-y,72%),rgba(190,111,53,.16),transparent 70%);transition:opacity .35s}.design-copy,.workshop-copy{position:relative;z-index:2;width:min(610px,43vw);margin-left:var(--pad)}.design-labels{position:absolute;right:var(--pad);bottom:46px;display:flex;gap:25px;color:rgba(215,218,222,.55);font-size:8px;letter-spacing:.16em;text-transform:uppercase}.workshop-copy .ex-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}.planning-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(60px,9vw,150px);align-items:end}.planning-copy small{display:block;margin-top:22px;color:#73777c;font-size:10px}.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}
.ex-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))}.ex-closing>b{top:50%;bottom:auto;transform:translateY(-50%)}.ex-closing__content{position:relative;z-index:1;width:min(880px,75vw);margin-left:clamp(0px,7vw,120px)}.related{display:flex;gap:25px;margin-top:42px}.related a{color:#8f9297;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.ex-footer{padding:0 var(--pad) max(30px,env(safe-area-inset-bottom))}.ex-footer>em{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))}.ex-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)}.ex-footer__identity img{width:clamp(132px,12vw,180px)}.ex-footer__identity p{margin:28px 0 0;font:500 clamp(18px,1.7vw,24px) Manrope}.ex-footer__identity small{display:block;max-width:390px;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.7}.ex-footer nav,.ex-footer__contact{display:flex;align-items:flex-start;flex-direction:column;gap:15px}.ex-footer nav p,.ex-footer__contact p{margin:0 0 11px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.ex-footer nav a,.ex-footer__contact a{color:var(--muted);font-size:13px}.ex-footer__contact a{color:var(--text)}.ex-footer__bottom{display:flex;justify-content:space-between;gap:28px;padding-top:24px;border-top:1px solid rgba(215,218,222,.09)}.ex-footer__bottom nav{flex-direction:row;gap:26px}.ex-footer__bottom a{color:#7f8287;font-size:10px}
.ex-reveal{--progress:1}.motion-ready .ex-reveal{opacity:var(--progress);translate:0 calc((1 - var(--progress))*18px)}.motion-ready .ex-reveal .ex-rule{scale:var(--progress) 1}.motion-ready .system-scene>img,.motion-ready .design-media img,.motion-ready .workshop-media img{translate:0 var(--depth,0px);scale:1.025}
@media(max-width:900px){.ex-header{height:90px}.ex-header__logo{width:74px}.ex-header nav{display:none}.ex-header__cta{margin-left:auto}.ex-hero__content{width:min(650px,75vw);padding-top:145px}.valve-comparison{aspect-ratio:4/3}.system-note{width:30%}.character-section,.planning-section{grid-template-columns:1fr}.design-copy,.workshop-copy{width:min(600px,58vw)}.ex-footer__grid{grid-template-columns:1.4fr .7fr}.ex-footer__contact{grid-column:1/-1}}
@media(max-width:560px){.ex-header__cta{display:none}.ex-hero{min-height:920px;display:flex;align-items:flex-end}.ex-hero__media img{height:53%;object-position:62% center}.ex-hero__media span{background:linear-gradient(0deg,#07080a 5%,rgba(7,8,10,.97) 56%,rgba(7,8,10,.04) 84%)}.ex-hero__content{width:auto;margin:0 var(--pad);padding:340px 0 62px}.ex-hero h1{font-size:clamp(43px,12.5vw,66px)}.ex-hero__micro{display:none}.ex-actions{flex-direction:column}.ex-button{width:100%}.sound-section,.system-section,.character-section,.planning-section{padding-top:92px;padding-bottom:92px}.ex-heading{margin-left:0}.ex-heading h2,.character-copy h2,.design-copy h2,.workshop-copy h2,.planning-copy h2,.ex-closing h2{font-size:clamp(35px,10vw,49px)}.valve-comparison{aspect-ratio:1/1}.valve-comparison__label{top:12px}.valve-comparison__label--closed{left:12px}.valve-comparison__label--open{right:12px}.sound-tools{align-items:flex-start;flex-direction:column}.system-scene{display:flex;min-height:0;flex-direction:column;gap:24px;padding-top:285px;overflow:visible}.system-scene>img{height:270px}.system-scene>span,.system-scene>i{height:285px}.system-note,.note--anlage,.note--valve,.note--tips,.note--integration{position:relative;inset:auto;width:100%;padding:0 4px 22px;border-bottom:1px solid rgba(215,218,222,.1)}.character-section{gap:55px}.design-section,.workshop-section{display:flex;min-height:0;flex-direction:column}.design-media,.workshop-media{position:relative;height:410px}.design-media img{object-position:57% center}.design-media span,.workshop-media span{background:linear-gradient(0deg,#07080a,transparent 45%)}.design-copy,.workshop-copy{width:auto;margin:0 var(--pad);padding:54px 0 92px}.design-labels{display:none}.ex-closing__content{width:100%;margin:0}.related{flex-wrap:wrap}.ex-footer__grid{grid-template-columns:1fr;gap:48px}.ex-footer__contact{grid-column:auto}.ex-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}.ex-hero__media img,.motion-ready .system-scene>img,.motion-ready .design-media img,.motion-ready .workshop-media img{transform:none;translate:0;scale:1}.ex-hero__media i,.system-scene>i,.design-media i,.workshop-media i,.valve-comparison__cursor{display:none}.motion-ready .ex-reveal{opacity:1;translate:0}.motion-ready .ex-reveal .ex-rule{scale:1}}

/* Exhaust sound controls */
.sound-tools{display:grid;grid-template-columns:auto auto minmax(240px,1fr);align-items:center;gap:12px 18px}.sound-toggle{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;color:var(--silver);border:1px solid rgba(215,218,222,.24);background:transparent;font:600 9px Inter;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.sound-toggle:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.sound-toggle[aria-pressed="true"]{color:#111216;border-color:transparent;background:linear-gradient(105deg,var(--silver),var(--gold))}.sound-status{color:rgba(201,163,92,.78);font-size:8px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.sound-tools>small{max-width:520px;line-height:1.5}.sound-tools audio{display:none}.valve-comparison__label small{display:block;margin-top:3px;color:rgba(215,218,222,.58);font-size:7px;letter-spacing:.12em}.valve-comparison__label.is-sounding{color:#111216;background:linear-gradient(105deg,var(--silver),var(--gold))}.valve-comparison__label.is-sounding small{color:rgba(17,18,22,.72)}
@media(max-width:560px){.sound-tools{grid-template-columns:auto 1fr;align-items:center}.sound-tools>small{grid-column:1/-1}}