:root{color:#152923;font-synthesis:none;--ink:#152923;--paper:#f4f3ec;--mist:#dce5df;--acid:#d6ff54;--orange:#ff6a3d;--line:#a8b6ae;background:#e8ece6;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,input,select{font:inherit}button,a{color:inherit}.shell{overflow:hidden}.notice{background:var(--ink);color:#dbe6df;letter-spacing:.17em;place-items:center;height:28px;font-size:9px;display:grid}.shell>header{border-bottom:1px solid var(--line);z-index:5;background:#f4f3ecf2;align-items:center;height:92px;padding:0 4vw;display:flex;position:relative}.logo{letter-spacing:.13em;grid-template-columns:auto auto;align-items:center;gap:0 12px;text-decoration:none;display:grid}.logo b{font-size:16px}.logo small{letter-spacing:.2em;font-size:7px}.logo-mark{border:1px solid var(--ink);border-radius:50%;grid-row:1/3;place-items:center;width:46px;height:46px;display:grid;position:relative}.logo-mark:before,.logo-mark:after,.logo-mark i{content:"";background:currentColor;position:absolute}.logo-mark:before{width:27px;height:1px;transform:rotate(-32deg)}.logo-mark:after{width:1px;height:27px;transform:rotate(-32deg)}.logo-mark i:first-child{border-radius:50%;width:7px;height:7px;transform:translate(-9px,6px)}.logo-mark i:nth-child(2){border-radius:50%;width:5px;height:5px;transform:translate(9px,-6px)}.logo-mark i:nth-child(3){border-radius:50%;width:2px;height:2px}.shell>header nav{gap:34px;margin:auto;display:flex}.shell>header nav a{font-size:12px;text-decoration:none}.shell>header nav a:hover{text-decoration:underline}.selection-button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:8px 8px 8px 15px;font-size:10px}.selection-button span{background:var(--acid);place-items:center;width:29px;height:29px;margin-left:12px;font-weight:700;display:inline-grid}.hero{border-bottom:1px solid var(--line);background:var(--paper);grid-template-columns:52% 48%;min-height:690px;display:grid;position:relative}.hero-copy{z-index:2;padding:105px 5vw 80px 7vw;position:relative}.kicker{letter-spacing:.17em;text-transform:uppercase;font-size:9px}.hero .kicker{gap:23px;display:flex}.hero h1{letter-spacing:-.085em;text-transform:uppercase;margin:56px 0 46px;font-size:clamp(78px,10vw,152px);line-height:.75}.lead{max-width:530px;font-family:Georgia,serif;font-size:17px;line-height:1.65}.primary{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;border:0;justify-content:space-between;align-items:center;gap:36px;margin-top:27px;padding:16px 20px;font-size:10px;text-decoration:none;display:inline-flex}.primary span{font-size:18px}.mount-map{border-left:1px solid var(--line);background:linear-gradient(135deg,#dce5df,#bccdc4);position:relative;overflow:hidden}.mount-map:before{content:"";background-image:linear-gradient(#15292317 1px,#0000 1px),linear-gradient(90deg,#15292317 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0}.route{border:1px dashed #15292361;border-radius:50%;position:absolute}.route-a{width:620px;height:620px;top:42px;left:-50px}.route-b{width:390px;height:390px;top:156px;left:65px}.phone{border:12px solid var(--ink);background:var(--acid);border-radius:28px;width:190px;height:330px;position:absolute;top:115px;left:32%;transform:rotate(11deg);box-shadow:18px 18px #15292329}.phone:before{content:"";background:var(--ink);border-radius:0 0 10px 10px;width:70px;height:10px;position:absolute;top:-1px;left:48px}.phone span{letter-spacing:.2em;font-size:8px;position:absolute;top:38px;left:24px}.phone b{letter-spacing:-.08em;font-size:68px;position:absolute;bottom:28px;left:22px}.clamp{border:14px solid var(--ink);border-top:0;border-radius:0 0 80px 80px;width:240px;height:150px;position:absolute;top:430px;left:25%;transform:rotate(4deg)}.clamp i{background:var(--ink);width:18px;height:80px;position:absolute;top:-45px}.clamp i:first-child{left:-5px}.clamp i:last-child{right:-5px}.node{background:var(--ink);color:#fff;z-index:2;border-radius:50%;place-items:center;width:35px;height:35px;font-size:9px;display:grid;position:absolute}.node i{color:var(--ink);white-space:nowrap;letter-spacing:.15em;font-size:8px;font-style:normal;position:absolute;left:44px}.n1{top:15%;right:14%}.n2{top:48%;right:7%}.n3{bottom:12%;right:18%}.hero-product{border:1px solid var(--ink);z-index:2;background:#fff;width:180px;height:150px;padding:10px;position:absolute;bottom:5%;right:5%;transform:rotate(-3deg)}.hero-product img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.hero-product span{background:var(--orange);letter-spacing:.12em;padding:5px;font-size:7px;position:absolute;bottom:5px;right:5px}.hero-stat{align-items:end;gap:8px;display:flex;position:absolute;bottom:15px;left:2vw}.hero-stat strong{font-size:35px;line-height:1}.hero-stat span{text-transform:uppercase;font-size:8px}.position-index{border-bottom:1px solid var(--line);grid-template-columns:24% 76%;display:grid}.index-label{border-right:1px solid var(--line);padding:24px 4vw}.index-label small{letter-spacing:.16em;font-size:8px}.index-label b{margin-top:9px;font:17px Georgia,serif;display:block}.filter-row{grid-template-columns:repeat(6,1fr);display:grid}.filter-row button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:end;gap:8px;min-height:88px;padding:15px;display:grid}.filter-row button:hover,.filter-row button.active{background:var(--acid)}.filter-row small{font-size:8px}.filter-row span{font-size:11px}.catalogue{background:#f7f6f0;padding:105px 5vw 120px}.section-title{grid-template-columns:1fr auto;align-items:end;margin-bottom:45px;display:grid}.section-title .kicker{grid-column:1}.section-title h2,.method h2,.contact h2,.drawer h2,.legal h2{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(48px,6vw,90px);line-height:.88}.section-title>p:last-child{grid-area:1/2/3;max-width:420px;font:14px/1.7 Georgia,serif}.toolbar{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);align-items:center;height:66px;margin-bottom:32px;display:flex}.toolbar>label:first-child{flex:1;gap:10px;display:flex}.toolbar input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.toolbar .sort{border-left:1px solid var(--line);letter-spacing:.13em;padding-left:22px;font-size:8px}.toolbar select{background:0 0;border:0;margin-left:10px;font-size:11px}.toolbar output{padding-left:25px;font-size:9px}.grid{grid-template-columns:repeat(4,1fr);gap:20px 16px;display:grid}.card{min-width:0}.visual{background:#e6ebe6;border:1px solid #bdc8c1;width:100%;height:330px;padding:26px;position:relative;overflow:hidden}.visual img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:all .35s}.visual:hover img{transform:scale(1.07)rotate(-2deg)}.card-index,.position{z-index:2;letter-spacing:.12em;font-size:8px;position:absolute;top:13px}.card-index{left:13px}.position{text-transform:uppercase;right:13px}.crosshair:before,.crosshair:after{content:"";background:#1529231f;position:absolute}.crosshair:before{width:1px;height:70%;top:15%;left:50%}.crosshair:after{width:70%;height:1px;top:50%;left:15%}.view{z-index:2;background:var(--ink);color:#fff;letter-spacing:.1em;padding:8px 10px;font-size:8px;transition:all .25s;position:absolute;bottom:10px;right:10px;transform:translateY(50px)}.visual:hover .view,.visual:focus .view{transform:none}.card-copy{justify-content:space-between;gap:12px;padding:16px 2px 13px;display:flex}.card-copy small{color:#697970;font-size:7px}.card-copy h3{margin:6px 0;font-size:14px;line-height:1.35}.card-copy strong{white-space:nowrap;font-size:13px}.add{border:0;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;background:0 0;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 3px;font-size:8px;display:flex}.add:hover,.add.active{color:#bd3f19}.add b{font-size:17px}.empty{border:1px dashed var(--line);padding:22px;font-size:12px}.method{background:var(--ink);color:#edf2ed;grid-template-columns:50% 50%;min-height:700px;display:grid}.method-diagram{background:#253b34;border-right:1px solid #667970;position:relative;overflow:hidden}.axis{background:#64766f;position:absolute}.axis.x{width:82%;height:1px;top:50%;left:9%}.axis.y{width:1px;height:82%;top:9%;left:50%}.device{border:8px solid var(--acid);border-radius:28px;width:240px;height:350px;position:absolute;top:21%;left:21%;transform:rotate(-13deg)}.device:after{content:"";background:var(--acid);width:110px;height:8px;position:absolute;bottom:65px;right:-70px;transform:rotate(35deg)}.device b,.joint b{letter-spacing:.15em;font-size:8px;position:absolute}.device b{top:20px;left:20px}.joint{border:8px solid var(--orange);border-radius:50%;width:150px;height:150px;position:absolute;bottom:17%;right:15%}.joint b{bottom:20px;right:-80px}.method-diagram>small{letter-spacing:.13em;font-size:8px;line-height:1.5;position:absolute;bottom:5%;left:7%}.method-copy{padding:95px 8vw}.method-copy h2{color:#fff}.method ol{margin:55px 0 0;padding:0;list-style:none}.method li{border-top:1px solid #586d64;grid-template-columns:55px 1fr;padding:18px 0;display:grid}.method li>b{font-size:9px}.method li span{color:#bfcac4;font:13px/1.5 Georgia,serif}.method li strong{color:#fff;margin-bottom:5px;font-family:Arial,sans-serif;display:block}.contact{background:var(--orange);grid-template-columns:1.4fr 1fr auto;align-items:end;gap:55px;padding:90px 6vw;display:grid}.contact h2{max-width:800px}.contact>p{max-width:500px;font:14px/1.7 Georgia,serif}.contact button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;background:0 0;padding:14px 16px;font-size:9px}.contact button span{margin-left:35px}footer{background:#dfe5df;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:65px 5vw 24px;display:grid}footer>div:not(.footer-brand){flex-direction:column;align-items:flex-start;gap:10px;font-size:10px;display:flex}footer a,footer button{background:0 0;border:0;padding:0;font-size:10px;text-decoration:none}.footer-brand{grid-template-columns:auto 1fr;gap:2px 12px;display:grid}.footer-brand .logo-mark{grid-row:1/3}.footer-brand p{font:11px/1.5 Georgia,serif}.footer-brand>b{letter-spacing:.13em}footer>small{border-top:1px solid var(--line);letter-spacing:.1em;grid-column:1/-1;padding-top:20px;font-size:7px}.scrim{z-index:20;background:#05120ead;border:0;position:fixed;inset:0}.drawer{z-index:21;background:var(--paper);width:min(560px,100%);height:100dvh;transition:all .35s;position:fixed;top:0;right:0;overflow:auto;transform:translate(104%)}.drawer.open{transform:none}.close{z-index:3;border:1px solid var(--ink);background:var(--paper);width:39px;height:39px;font-size:22px;position:absolute;top:20px;right:20px}.drawer-visual{background:var(--mist);place-items:center;height:43%;min-height:320px;display:grid;position:relative}.drawer-visual>span{letter-spacing:.13em;text-transform:uppercase;font-size:9px;position:absolute;top:22px;left:22px}.drawer-visual img{object-fit:contain;mix-blend-mode:multiply;width:78%;height:78%}.drawer-copy{padding:44px}.drawer h2{font-size:46px}.drawer-price{margin:24px 0;font-size:21px;display:block}.drawer-copy>p{font:13px/1.7 Georgia,serif}.drawer dl{margin:28px 0}.drawer dl div{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.drawer dd{margin:0}.caveat{border-left:3px solid var(--orange);color:#5d6f67;padding-left:13px}.wide{width:100%;margin-top:10px}.selection-list .line{border-top:1px solid var(--line);grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.line>img{object-fit:contain;background:#e5eae6;width:68px;height:68px}.line>span{flex-direction:column;gap:6px;min-width:0;display:flex}.line b{font-size:10px}.line small{font-size:9px}.quantity{border:1px solid var(--line);width:max-content;flex-direction:row!important;gap:0!important;display:flex!important}.quantity button{background:0 0;border:0;width:28px;height:27px}.quantity output{place-items:center;min-width:28px;font-size:9px;display:grid}.remove{background:0 0;border:0;font-size:20px}.total{border-top:2px solid var(--ink);justify-content:space-between;margin-top:15px;padding-top:17px;display:flex}.disabled{opacity:.5;cursor:not-allowed}.legal{z-index:22;background:var(--paper);opacity:0;pointer-events:none;width:min(720px,100% - 30px);max-height:80dvh;padding:65px;transition:all .25s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-46%)scale(.97)}.legal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.legal h2{font-size:54px}.legal p{font:14px/1.8 Georgia,serif}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media (width<=1050px){.grid{grid-template-columns:repeat(3,1fr)}.shell>header nav{display:none}.selection-button{margin-left:auto}.hero{grid-template-columns:56% 44%}.position-index{grid-template-columns:1fr}.index-label{border-right:0}.filter-row{display:flex;overflow-x:auto}.filter-row button{min-width:150px}.contact{grid-template-columns:1fr 1fr}.contact button{grid-column:1/-1;width:max-content}footer{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=760px){.notice{font-size:7px}.shell>header{height:72px;padding:0 18px}.logo-mark{width:38px;height:38px}.logo small{display:none}.selection-button{padding:5px;font-size:0}.selection-button:before{content:"SÉLECTION";font-size:8px}.selection-button span{margin-left:8px}.hero{min-height:auto;display:block}.hero-copy{padding:70px 22px 55px}.hero .kicker{gap:12px}.hero h1{margin:42px 0 35px;font-size:76px}.mount-map{border-left:0;border-top:1px solid var(--line);height:520px}.phone{top:85px;left:25%}.clamp{top:395px;left:18%}.hero-product{width:140px;height:120px}.hero-stat{display:none}.index-label{padding:22px}.catalogue{padding:75px 18px}.section-title{display:block}.section-title>p:last-child{margin-top:22px}.toolbar{flex-wrap:wrap;gap:12px;height:auto;min-height:66px;padding:12px 0}.toolbar>label:first-child{border-bottom:1px solid var(--line);flex-basis:100%;padding-bottom:12px}.toolbar .sort{border-left:0;padding-left:0}.toolbar output{margin-left:auto}.grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.visual{height:240px;padding:16px}.card-copy{display:block}.card-copy strong{margin-top:8px;display:block}.method{display:block}.method-diagram{border-bottom:1px solid #667970;border-right:0;height:480px}.device{width:190px;height:300px;top:14%;left:13%}.joint{right:8%}.method-copy{padding:70px 24px}.contact{padding:75px 24px;display:block}.contact>p{margin:28px 0}.contact button{width:100%}footer{grid-template-columns:1fr 1fr;padding:50px 24px 24px}.footer-brand,footer>div:last-of-type{grid-column:1/-1}.drawer-copy{padding:36px 24px}.legal{padding:58px 25px 35px}.legal h2{font-size:42px}}@media (width<=430px){.hero h1{font-size:66px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual{height:195px}.card-copy h3{font-size:12px}.card-copy small{font-size:6px}.add{font-size:7px}.section-title h2{font-size:50px}.phone{left:17%}.clamp{left:8%}.node i{display:none}.method-copy h2{font-size:49px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}