/* DESIGN DNA: TECHNICAL CATALOGUE — stark product index, Belgian industrial modernism, tab rails, ledger rows, drawing grids. No generic card hero. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#111;--paper:#fff;--mist:#f3f3f1;--line:#d8d8d5;--muted:#62625f;--orange:#ff4b0b;--cond:'Barlow Condensed',sans-serif;--sans:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px}.topline{height:38px;background:#0d0d0d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding-left:24px;font-family:var(--cond);font-size:12px;letter-spacing:.05em}.topline nav,.direct{height:100%;display:flex;align-items:center}.topline a,.topline button{color:#fff;text-decoration:none;background:none;border:0;border-right:1px solid #525252;padding:0 16px;height:16px;font:inherit;letter-spacing:inherit}.topline a.active{color:var(--orange)}.topline .devis{height:38px;display:flex;align-items:center;background:var(--orange);border:0;padding:0 22px}.brandline{height:102px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 24px;gap:20px}.brand{width:120px;text-decoration:none;font:800 26px/20px var(--sans);letter-spacing:4px;color:#111}.brand span,.brand b{display:block}.brand b{color:var(--orange);font-size:20px;letter-spacing:7px}.brandline>p{font:600 10px/1.25 var(--cond);border-left:1px solid var(--line);padding-left:18px;width:170px}.spec{margin-left:auto;height:100%;display:flex}.spec span{min-width:145px;padding:27px 18px;border-left:1px solid #ececea;font:500 10px/1.4 var(--cond)}.spec i{font-style:normal;margin-right:8px}.spec b{font-size:11px}.menu{display:none}.product-tabs{height:55px;display:grid;grid-template-columns:repeat(5,1fr) 1.15fr;border-bottom:1px solid var(--line)}.product-tabs a{color:#171717;text-decoration:none;display:flex;align-items:center;gap:24px;padding:0 22px;border-right:1px solid var(--line);font:700 15px var(--cond)}.product-tabs small{color:#aaa;font-size:14px}.product-tabs a.on{border-top:2px solid var(--orange);color:var(--orange)}.product-tabs a.on small{color:#fff;background:var(--orange);align-self:stretch;display:flex;align-items:center;margin-left:-22px;padding:0 18px}.product-tabs .downloads{background:#111;color:#fff;justify-content:center;border:0}main{min-height:65vh}.catalogue-hero{display:grid;grid-template-columns:300px 1fr;min-height:500px;border-bottom:1px solid #111}.catalogue-hero>aside{padding:42px 26px;border-right:1px solid var(--line)}small{font:600 11px var(--cond);letter-spacing:.08em}.catalogue-hero h1,.page-index h1,.contact-head h1{font:800 clamp(55px,7vw,102px)/.82 var(--cond);letter-spacing:-.035em;margin:42px 0 28px}.catalogue-hero p,.page-index p{line-height:1.65;color:#444;max-width:460px}.line-link{display:inline-block;margin-top:30px;padding-bottom:8px;border-bottom:2px solid var(--orange);font:700 12px var(--cond);color:#111;text-decoration:none}.hero-image{position:relative;overflow:hidden;background:#eee}.hero-image>img{width:100%;height:500px;object-fit:cover}.measure{position:absolute;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;background:var(--orange);color:#fff;font:700 28px var(--cond)}.m1{right:13%;bottom:15%}.m2{right:29%;top:13%;background:#111}.hero-label{position:absolute;left:0;bottom:0;background:#fff;padding:18px 28px;display:flex;gap:20px;align-items:center}.hero-label b{font:700 22px var(--cond)}.hero-label small{color:#666}.index-table{overflow:auto}.table-head,.product-row{display:grid;grid-template-columns:120px 110px 1.2fr 90px 120px 130px 85px 55px 50px;min-width:980px;align-items:center;border-bottom:1px solid var(--line)}.table-head{height:42px;padding:0 20px;font:600 10px var(--cond);letter-spacing:.06em;background:#fafafa}.product-row{min-height:82px;padding:0 20px}.product-row:hover{background:#f6f6f4}.product-row img{width:90px;height:58px;object-fit:cover}.product-row b,.product-row span{font:600 12px var(--cond);text-transform:uppercase}.product-row a,.product-row button{border:0;background:none;color:var(--orange);font-size:22px;text-decoration:none;cursor:pointer}.product-row button{border:1px solid #bbb;width:28px;height:28px;line-height:20px;color:#111}.feature-split{display:grid;grid-template-columns:285px 1fr 310px;border-bottom:1px solid #111}.product-meta,.diagram{padding:30px 26px}.product-meta{border-right:1px solid var(--line)}.product-meta small{background:#111;color:#fff;padding:9px}.product-meta h2{font:700 24px var(--cond);display:inline;margin-left:12px}.product-meta h3{font:700 24px/1 var(--cond)}dl div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px 0}dt,dd{font:600 10px var(--cond);margin:0}.feature-split>img{width:100%;height:100%;min-height:430px;object-fit:cover}.diagram{border-left:1px solid var(--line)}.diagram h3{font:700 12px var(--cond);border-bottom:1px solid var(--line);padding-bottom:10px}.draw{height:120px;position:relative;border-bottom:1px solid var(--line)}.draw .rod{position:absolute;left:20px;right:20px;top:50px;height:16px;background:linear-gradient(#ddd,#fff,#888)}.draw i{position:absolute;right:20px;top:30px}.draw em{position:absolute;left:50%;bottom:15px;font:10px var(--sans)}.diagram ul{padding-left:18px;line-height:1.9}.diagram button,.spec-sheet button,.profile-band button{background:var(--orange);color:#fff;border:0;padding:15px 20px;font:700 12px var(--cond);cursor:pointer}.material-index{display:grid;grid-template-columns:repeat(4,1fr)}.material-index article{padding:30px;border-right:1px solid var(--line);min-height:230px}.material-index b{color:var(--orange);font:700 25px var(--cond)}.material-index h2{font:700 32px var(--cond)}.material-index p{line-height:1.6;color:#555}.material-index a{font:700 12px var(--cond);color:#111}.page-index{padding:55px 5vw;border-bottom:1px solid #111;display:grid;grid-template-columns:160px 1fr 1fr;align-items:end}.page-index h1{margin:20px 0 0}.page-index p{padding-bottom:10px}.family-ledger a{display:grid;grid-template-columns:100px 1.5fr 1fr 70px;align-items:center;padding:25px 5vw;border-bottom:1px solid var(--line);color:#111;text-decoration:none}.family-ledger a:hover{background:var(--orange);color:#fff}.family-ledger b{font:600 20px var(--cond)}.family-ledger span{font:700 38px var(--cond)}.family-ledger em{font-style:normal;color:inherit}.family-ledger strong{font-size:30px}.wide-photo{display:grid;grid-template-columns:1.3fr 1fr;background:#111;color:#fff}.wide-photo img{width:100%;height:470px;object-fit:cover}.wide-photo div{padding:60px}.wide-photo h2{font:700 52px/.95 var(--cond)}.wide-photo p{line-height:1.7;color:#bbb}.wide-photo a{color:#fff}.category-layout{display:grid;grid-template-columns:260px 1fr}.category-layout>aside{padding:35px 24px;border-right:1px solid var(--line)}.category-layout aside h1{font:800 60px var(--cond);margin:20px 0}.category-layout aside p{line-height:1.7}.spec-notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111}.spec-notes article{padding:36px;border-right:1px solid var(--line)}.spec-notes b{font:700 42px var(--cond);color:var(--orange)}.spec-notes h2{font:700 25px var(--cond)}.spec-notes p{line-height:1.65}.photo-spec{display:grid;grid-template-columns:1.6fr 1fr}.photo-spec>img{width:100%;height:620px;object-fit:cover}.spec-sheet{padding:50px;border-left:1px solid var(--line)}.spec-sheet h2{font:700 46px var(--cond)}.spec-sheet p{line-height:1.75}.spec-sheet ol{padding:0;list-style:none}.spec-sheet li{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:130px 1fr}.spec-sheet li b{font:700 14px var(--cond)}.text-grid{padding:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid #111}.text-grid h2{font:700 40px var(--cond);margin:0}.text-grid p{line-height:1.8}.profile-band{display:grid;grid-template-columns:1fr 1fr 220px;gap:50px;align-items:center;padding:50px;background:#111;color:#fff}.profile-band h2{font:700 48px/.95 var(--cond)}.profile-band p{line-height:1.7;color:#bbb}.sheet-head{display:grid;grid-template-columns:300px 1fr 280px}.sheet-head>div,.sheet-head>aside{padding:40px}.sheet-head h1{font:800 52px var(--cond)}.sheet-head h2{font:700 26px var(--cond)}.sheet-head button{margin-top:35px;background:var(--orange);border:0;color:#fff;padding:15px;font:700 12px var(--cond)}.sheet-head img{width:100%;height:520px;object-fit:cover}.sheet-head aside{border-left:1px solid var(--line)}.sheet-head aside>span{display:grid;place-items:center;background:var(--orange);color:#fff;width:85px;height:85px;border-radius:50%;font:700 34px var(--cond)}.drawing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #111}.drawing-grid article{padding:35px;border-right:1px solid var(--line);min-height:250px}.drawing-grid h2{font:700 17px var(--cond)}.drawing-grid p,.drawing-grid li{line-height:1.7}.technical-drawing{height:150px;position:relative}.technical-drawing i{position:absolute;left:10%;right:10%;top:60px;height:22px;border:2px solid #111}.technical-drawing b{position:absolute;top:20px;left:10%}.technical-drawing em{position:absolute;bottom:15px;right:10%;font:11px var(--sans)}.sheet-nav{display:flex;justify-content:space-between;padding:25px;background:#111}.sheet-nav a{color:#fff;font:700 13px var(--cond)}.process-photo{display:grid;grid-template-columns:1.2fr 1fr}.process-photo>img{width:100%;height:700px;object-fit:cover}.process-photo ol{list-style:none;padding:0;margin:0}.process-photo li{padding:25px 35px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px 1fr 1.5fr;align-items:center}.process-photo li>b{font:700 35px var(--cond);color:var(--orange)}.process-photo h2{font:700 23px var(--cond)}.process-photo p{line-height:1.6}.quality-strip{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff}.quality-strip img{width:100%;height:380px;object-fit:cover}.quality-strip div{padding:50px}.quality-strip h2{font:700 48px/.95 var(--cond)}.quality-strip p{line-height:1.7;color:#bbb}.guide-grid{display:grid;grid-template-columns:1fr 1fr}.guide-grid>img{width:100%;height:750px;object-fit:cover}.guide-grid ol{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:0}.guide-grid li{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-grid li>b{color:var(--orange);font:700 27px var(--cond)}.guide-grid h2{font:700 20px var(--cond)}.guide-grid p{line-height:1.6}.faq{padding:50px 10%;background:var(--mist)}.faq h2{font:700 42px var(--cond)}details{border-top:1px solid #aaa;padding:18px 0}summary{font:700 18px var(--cond);cursor:pointer}details p{max-width:750px;line-height:1.7}.visual-hero{height:680px;position:relative}.visual-hero img{width:100%;height:100%;object-fit:cover}.visual-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 70%)}.visual-hero>div{position:absolute;z-index:1;left:6%;top:18%;color:#fff;max-width:590px}.visual-hero h1{font:800 72px/.9 var(--cond)}.visual-hero p{font-size:17px;line-height:1.7}.case-ledger{display:grid;grid-template-columns:repeat(3,1fr)}.case-ledger article{padding:35px;border-right:1px solid var(--line)}.case-ledger b{color:var(--orange)}.case-ledger h2{font:700 27px var(--cond)}.case-ledger p{line-height:1.7}.submit-project{display:grid;grid-template-columns:180px 1fr 260px;align-items:center;padding:35px;background:#111;color:#fff}.submit-project h2{font:700 33px var(--cond)}.submit-project a{color:#fff}.contact-head{padding:55px 5vw;display:grid;grid-template-columns:130px 1fr 1fr;border-bottom:1px solid #111}.contact-head h1{margin:20px 0}.contact-head>div{align-self:end}.contact-head p{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:13px 0;margin:0}.contact-head a{color:#111}.contact-workbench{display:grid;grid-template-columns:1.1fr 1fr}.contact-workbench form{padding:45px 8%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-workbench h2{grid-column:1/-1;font:700 38px var(--cond)}label{font:700 11px var(--cond);letter-spacing:.06em}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #777;padding:12px 0;background:transparent;font:14px var(--sans)}textarea,.contact-workbench .consent,.contact-workbench form>button,.form-state{grid-column:1/-1}.consent{display:flex;gap:10px;font:12px/1.5 var(--sans)}.consent input{width:auto}.contact-workbench form>button{padding:16px;background:var(--orange);color:#fff;border:0;font:700 13px var(--cond)}.contact-workbench aside{background:#111;color:#fff;padding-bottom:35px}.contact-workbench aside img{width:100%;height:330px;object-fit:cover}.contact-workbench aside h2,.contact-workbench aside ul,.contact-workbench aside p{margin-left:45px;margin-right:45px}.contact-workbench aside h2{font:700 35px var(--cond)}.contact-workbench aside li,.contact-workbench aside p{line-height:1.8;color:#ccc}.legal{display:grid;grid-template-columns:38% 62%}.legal header{position:sticky;top:0;height:100vh;padding:60px 8%;background:#111;color:#fff}.legal h1{font:800 60px/.9 var(--cond);margin-top:45px}.legal section{padding:55px 9%}.legal section h2{font:700 22px var(--cond);margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.legal section p{line-height:1.8;color:#454545}.notfound{padding:90px 8%;min-height:600px;background:linear-gradient(110deg,#fff 50%,#eee 50%)}.notfound>b{color:var(--orange);font:800 80px var(--cond)}.notfound h1{font:800 85px/.85 var(--cond)}.notfound p{max-width:500px;line-height:1.7}.notfound a{color:#111;font-weight:bold}footer{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px;background:#efefec;border-top:1px solid #111;padding:45px 4%}.foot-brand span{font:800 26px var(--cond)}footer h3{font:700 13px var(--cond)}footer a{display:block;color:#333;margin:9px 0;font-size:12px}footer p{font-size:12px;line-height:1.6}.subfoot{background:#efefec;border-top:1px solid #ccc;padding:14px 4%;font-size:10px}.cookie{position:fixed;z-index:30;left:20px;right:20px;bottom:20px;background:#111;color:#fff;padding:18px 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;box-shadow:0 8px 40px #0005}.cookie.hide{display:none}.cookie p{margin:4px 0;font-size:11px;color:#ccc}.cookie button{padding:11px 15px;border:1px solid #666;background:transparent;color:#fff;font:700 11px var(--cond)}.cookie [data-accept]{background:var(--orange);border-color:var(--orange)}.quote-tab{position:fixed;z-index:20;right:0;bottom:120px;background:var(--orange);color:#fff;border:0;padding:13px 18px;font:700 13px var(--cond)}.quote-tab span{background:#fff;color:#111;border-radius:50%;padding:2px 7px}.quote-drawer{position:fixed;z-index:40;right:-430px;top:0;width:min(420px,100vw);height:100vh;background:#fff;box-shadow:-10px 0 50px #0004;transition:.3s;padding:25px;display:flex;flex-direction:column}.quote-drawer.open{right:0}.quote-drawer header{display:flex;justify-content:space-between;border-bottom:1px solid #111;padding-bottom:15px}.quote-drawer header button{border:0;background:none;font-size:30px}.quote-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.quote-line button{border:0;background:none;color:var(--orange)}.drawer-actions{margin-top:auto;display:flex;gap:8px}.drawer-actions a,.drawer-actions button{flex:1;padding:13px;background:#111;color:#fff;text-align:center;border:0;font:700 11px var(--cond)}.drawer-actions button{background:#ddd;color:#111}
@media(max-width:900px){.topline nav,.direct>a:not(.devis),.spec{display:none}.topline{justify-content:flex-end}.brandline{height:78px}.menu{display:block;margin-left:auto;border:1px solid #111;background:#fff;padding:10px}.topline nav.open{display:flex;position:absolute;z-index:25;top:38px;left:0;right:0;height:auto;background:#111;flex-direction:column;align-items:stretch;padding:15px}.topline nav.open a{padding:14px}.product-tabs{display:flex;overflow:auto;height:52px}.product-tabs a{min-width:145px}.catalogue-hero{grid-template-columns:1fr}.catalogue-hero>aside{border-right:0}.hero-image>img{height:380px}.feature-split,.photo-spec,.process-photo,.guide-grid,.contact-workbench,.quality-strip,.wide-photo{grid-template-columns:1fr}.feature-split>img{min-height:340px}.material-index,.case-ledger{grid-template-columns:1fr 1fr}.page-index,.contact-head{grid-template-columns:1fr}.category-layout{grid-template-columns:1fr}.category-layout>aside{border-right:0}.spec-notes,.drawing-grid{grid-template-columns:1fr}.sheet-head{grid-template-columns:1fr}.sheet-head img{height:400px}.profile-band,.text-grid,.submit-project{grid-template-columns:1fr}.guide-grid>img,.process-photo>img{height:450px}.visual-hero{height:560px}.legal{display:block}.legal header{position:relative;height:auto}.contact-workbench form{padding:35px}footer{grid-template-columns:1fr 1fr 1fr}.cookie{grid-template-columns:1fr 1fr}.cookie>div{grid-column:1/-1}}
@media(max-width:560px){.brandline>p{display:none}.catalogue-hero h1,.page-index h1,.contact-head h1{font-size:58px}.catalogue-hero>aside{padding:30px 20px}.hero-image>img{height:300px}.measure{width:56px;height:56px;font-size:21px}.index-table{overflow:visible}.table-head{display:none}.product-row{min-width:0;min-height:94px;grid-template-columns:90px 1fr 38px;grid-template-rows:1fr 1fr;padding:10px 20px;column-gap:18px}.product-row img{grid-column:1;grid-row:1/3;width:90px;height:60px}.product-row b{grid-column:2;grid-row:1;align-self:end}.product-row span:first-of-type{grid-column:2;grid-row:2;align-self:start}.product-row span:not(:first-of-type),.product-row>a{display:none}.product-row button{grid-column:3;grid-row:1/3;align-self:center}.material-index,.case-ledger{grid-template-columns:1fr}.family-ledger a{grid-template-columns:50px 1fr 45px}.family-ledger em{display:none}.family-ledger span{font-size:28px}.page-index{padding:35px 20px}.photo-spec>img{height:360px}.spec-sheet{padding:30px 20px}.process-photo li{grid-template-columns:45px 1fr}.process-photo li p{grid-column:2}.guide-grid ol{grid-template-columns:1fr}.visual-hero h1{font-size:52px}.contact-workbench form{grid-template-columns:1fr}.contact-workbench form>*{grid-column:1}.legal h1{font-size:48px}.notfound h1{font-size:58px}footer{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.cookie{left:8px;right:8px;bottom:8px}.quote-tab{bottom:95px}}
