*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#202426;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e8e7;background:#fff;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:18px;letter-spacing:1px;font-weight:800}.brand b{font-weight:400}.mark{position:relative;font-size:38px;line-height:1;color:#00b9df;font-weight:900}.mark span{position:absolute;font-size:20px;left:9px;top:-5px}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:#007c9c}.nav-cta{border:1px solid #252828;padding:14px 20px;font-size:14px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px;padding-left:8%;overflow:hidden}.hero-copy{padding:82px 30px 45px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.7;display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;background:#00b9df}h1{font-size:clamp(65px,7.7vw,116px);font-weight:500;letter-spacing:-6px;line-height:.98;margin:32px 0}h1 em{color:#0083a4;font-style:normal}.hero-copy>p{max-width:370px;color:#737777;line-height:1.8;font-size:17px;margin:28px 0}.button{display:inline-block;background:#00b9df;color:white;padding:19px 29px;font-size:14px;font-weight:700;border:1px solid transparent}.button:hover{background:#007c9c}.hero-note{border-left:1px solid #d9dbd9;padding-left:20px;margin-top:57px;font-size:13px;line-height:1.7;color:#7a7d7c;position:relative}.hero-note>span{display:block;color:#343737;font-weight:700;margin-bottom:8px}.hero-visual{position:relative;background:#f6f7f6;display:flex;flex-direction:column;justify-content:center;padding:28px 7% 15px 4%}.hero-visual>img{width:100%;height:595px;object-fit:contain;mix-blend-mode:multiply}.vertical-label{position:absolute;right:25px;top:70px;writing-mode:vertical-rl;letter-spacing:2px;font-size:10px;color:#8b8e8c}.image-caption{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9dcda;padding:17px 0;gap:15px;font-size:12px}.image-caption>div{display:flex;gap:16px;align-items:center}.image-caption button{background:none;border:0;font-size:21px}.material-strip{padding:27px 8%;display:flex;justify-content:space-between;gap:25px;background:#202426;color:#bfc4c2;font-size:13px}.material-strip span:first-child{color:#fff;font-size:11px;letter-spacing:1.5px}section.collection{padding:95px 8%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-size:clamp(35px,4vw,55px);letter-spacing:-2px;line-height:1.12;font-weight:500;margin:20px 0}.section-top>p{max-width:330px;font-size:16px;line-height:1.8;color:#727775}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.filters button{border:1px solid #dfe1df;background:white;border-radius:30px;padding:11px 19px;font-size:14px}.filters button.active{background:#202426;border-color:#202426;color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{text-align:left;border:0;padding:0;background:none;color:inherit}.product[hidden]{display:none}.product-image{background:#f5f6f5;position:relative;overflow:hidden}.product-image img{width:100%;height:315px;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.product:hover img{transform:scale(1.05)}.product-image>span{position:absolute;top:17px;left:17px;color:#747975;font-size:12px}.product-name{display:flex;align-items:center;justify-content:space-between;gap:7px}.product h3{font-weight:500;font-size:18px;margin:20px 0 10px}.product-name>span{font-size:11px;color:#007c9c}.product p{font-size:13px;color:#717773;line-height:1.6;margin:0}.approach{background:#202426;color:white;padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach .eyebrow{color:#64d9ef}.approach p{font-size:16px;line-height:1.85;color:#b6bfba;max-width:465px}.approach-list article{display:flex;gap:25px;border-bottom:1px solid #4a504c;padding:25px 0}.approach-list article:first-child{padding-top:0}.approach-list article>span{font-size:13px;color:#64d9ef;padding-top:5px}.approach-list h3{margin:0;font-weight:500;font-size:21px}.approach-list p{font-size:14px;margin:10px 0 0}.details{display:grid;grid-template-columns:1fr 1fr;margin:90px 8%;gap:90px;align-items:center}.detail-photo{background:#f5f6f5}.detail-photo img{width:100%;height:560px;object-fit:contain;mix-blend-mode:multiply}.detail-copy p{line-height:1.8;color:#727975;font-size:16px;max-width:360px;margin:25px 0}.detail-tags{display:flex;flex-wrap:wrap;gap:15px;margin-top:40px;padding-top:20px;border-top:1px solid #ddd;font-size:12px;color:#6b726e}.closing{margin:0 8% 75px;background:#00b9df;color:white;padding:55px;position:relative}.closing h2{font-size:60px}.closing .button{position:absolute;right:55px;bottom:60px}.light{background:white;color:#292e2a}.light:hover{background:#e3f7fc}footer{border-top:1px solid #e4e5e3;padding:30px 8%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;color:#6c726e}footer .brand{font-size:14px;color:#202426}dialog{border:0;max-width:700px;width:90%;padding:35px;text-align:center;max-height:90vh;overflow:auto}dialog::backdrop{background:#17201cd9}dialog img{width:100%;height:60vh;object-fit:contain}dialog h2{font-size:28px}dialog p{color:#707770;font-size:14px}.close{position:absolute;right:15px;top:10px;background:white;border:0;font-size:32px}a:focus-visible,button:focus-visible{outline:3px solid #00b9df;outline-offset:5px}@media(min-width:1600px){main{max-width:1700px;margin:auto}}@media(max-width:1050px){h1{letter-spacing:-4px}.hero{min-height:610px;padding-left:6%}.hero-copy{padding-top:55px}.hero-visual>img{height:510px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image img{height:360px}.approach,.details{gap:40px}.nav-cta{display:none}.closing h2{font-size:48px}}@media(max-width:650px){header{height:78px;padding:0 6%}.brand{font-size:14px}.menu{display:block;border:1px solid #ddd;background:white;padding:9px 12px;font-size:13px}nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:3;background:white;padding:25px;box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column;padding:0}.hero-copy{padding:45px 7% 35px}h1{font-size:76px;margin:26px 0;letter-spacing:-4px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-copy>p{font-size:16px}.hero-note{margin-top:28px}.hero-visual{padding:20px 7%}.hero-visual>img{height:450px}.vertical-label{right:14px}.material-strip{flex-wrap:wrap;padding:25px 7%;font-size:12px;gap:18px}.material-strip span:first-child{width:100%}section.collection{padding:55px 7%}.section-top{display:block}.section-top>p{max-width:100%}.filters{gap:8px}.filters button{font-size:12px;padding:10px 14px}.product-grid{gap:25px 12px}.product-image img{height:240px}.product-name{display:block}.product-name>span{display:none}.product h3{font-size:16px}.product p{font-size:12px}.approach{padding:55px 7%;grid-template-columns:1fr;gap:25px}.details{grid-template-columns:1fr;margin:55px 7%;gap:25px}.detail-photo img{height:420px}.closing{margin:0 7% 45px;padding:30px}.closing h2{font-size:42px}.closing .button{position:static;margin-top:15px}footer{flex-wrap:wrap;padding:25px 7%}footer>span{display:none}dialog{padding:25px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(16px);height:86px}.hero{min-height:740px;grid-template-columns:1.1fr 1fr}.hero-copy{padding-top:90px}.hero h1{font-size:clamp(58px,6.3vw,98px);letter-spacing:-4.5px;line-height:1.07}.hero h1 em{display:inline-block}.hero-visual{background:linear-gradient(135deg,#f7f8f7,#e8ebe8)}.hero-visual>img{height:610px;filter:drop-shadow(0 15px 12px #1a211a15)}.hero-copy>p{max-width:430px}.text-link{display:inline-block;margin-left:20px;font-size:13px;border-bottom:1px solid #a0a7a1;padding-bottom:5px}.hero-note{margin-top:40px}.product-grid{gap:24px}.product-image{border:1px solid #e9ece8;background:linear-gradient(145deg,#f8f9f7,#eef1ed)}.product-image img{height:350px}.product-name>span{font-size:12px}.product{transition:transform .25s}.product:hover{transform:translateY(-5px)}.perspectives{padding:80px 8%;background:#f1f5f7}.perspective-stage{margin-top:35px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;border-top:1px solid #d5dcd3}.perspective-copy{padding:40px 30px 40px 0}.large-number{font-size:100px;color:#d7ddd4;font-weight:700;letter-spacing:-7px}.perspective-copy h3{font-size:30px;font-weight:500;letter-spacing:-1px}.perspective-copy p{color:#69736b;line-height:1.8;max-width:320px}.perspective-stage img{height:600px;width:100%;object-fit:contain;mix-blend-mode:multiply}.angle-controls{display:flex;gap:10px;margin-top:30px}.angle-controls button{padding:13px 18px;border:1px solid #c8d0c5;background:none;font-size:14px}.angle-controls button.active{background:#202426;color:white;border-color:#202426}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:0 8% 90px}.faq details{border-bottom:1px solid #d8ded6;padding:23px 0}.faq summary{font-size:18px;cursor:pointer;line-height:1.5}.faq p{font-size:16px;color:#69736b;line-height:1.8}.closing{background:linear-gradient(120deg,#009dc7,#00c5e5)}.closing h2{max-width:70%}.button,.nav-cta{transition:background .2s,box-shadow .2s}.button:hover{box-shadow:0 8px 20px #00374525}.image-caption{font-size:14px}dialog{border-radius:4px}dialog::backdrop{backdrop-filter:blur(8px)}@media(max-width:1050px){.hero h1{font-size:65px}.hero{min-height:670px}.hero-visual>img{height:540px}.text-link{display:block;margin:20px 0 0;width:max-content}.perspective-stage img{height:500px}.closing h2{font-size:42px}}@media(max-width:650px){header{height:78px}.hero h1{font-size:clamp(43px,10.4vw,68px);letter-spacing:-2.5px}.hero-copy{padding-top:45px}.hero-visual>img{height:440px}.hero-note{margin-top:25px}.product-image img{height:245px}.perspectives{padding:50px 7%}.perspective-stage{grid-template-columns:1fr}.perspective-copy{padding:20px 0 0}.large-number{font-size:70px}.perspective-copy h3{font-size:26px;margin:10px 0}.perspective-stage img{height:420px}.faq{grid-template-columns:1fr;gap:12px;padding:0 7% 55px}.faq summary{font-size:16px}.closing h2{max-width:100%;font-size:38px}.image-caption{font-size:12px}.nav-cta{display:none}}
.services{padding:90px 8%;background:#f7f8f6;border-top:1px solid #e5e9e2}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}.service-card{background:white;border:1px solid #e0e5dc;border-top:3px solid #00b9df;padding:29px 24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #2024260a}.service-number{font-size:14px;color:#007c9c;letter-spacing:1px}.service-card h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:25px 0 16px}.service-card p{font-size:16px;line-height:1.75;color:#626d64;margin:0 0 24px}.service-card ul{padding:20px 0 0;list-style:none;border-top:1px solid #e7ebe4;margin:auto 0 25px}.service-card li{font-size:14px;line-height:1.65;position:relative;padding-left:16px;margin:10px 0;color:#424d45}.service-card li:before{content:'';width:5px;height:5px;background:#00b9df;position:absolute;top:9px;left:0}.service-label{font-size:12px;line-height:1.6;letter-spacing:1px;color:#737e75}header nav{gap:24px}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.services{padding:55px 7%}.service-grid{grid-template-columns:1fr;gap:18px;margin-top:25px}.service-card{padding:25px}.service-card h3{margin-top:18px}}
.company-logo{display:block;width:220px;height:auto;max-height:64px;object-fit:contain}footer .company-logo{width:180px}.contact{margin:0 8% 80px;padding:55px 0;border-top:1px solid #dce2d8;display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact-intro>p{font-size:16px;line-height:1.8;max-width:420px;color:#657067}.contact-brand{display:block;color:#007c9c;letter-spacing:2px;font-size:12px;margin-top:35px}.contact-block h3{font-weight:500;font-size:20px;margin:0 0 15px}.contact-block a{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e0e5dc;padding:14px 0;font-size:23px;transition:color .2s}.contact-block a:hover{color:#007c9c}.contact-block a span{font-size:13px;color:#68736a}.email-block{margin-top:35px}.email-block a{font-size:16px;overflow-wrap:anywhere}.contact-options{padding-top:10px}@media(max-width:1100px){.company-logo{width:185px}header nav{gap:18px}.contact{gap:35px}}@media(max-width:650px){.company-logo{width:175px;max-height:52px}.contact{grid-template-columns:1fr;margin:0 7% 45px;padding:35px 0;gap:20px}.contact-block a{font-size:22px}.email-block a{font-size:15px}.contact-brand{margin-top:20px}.closing .button{max-width:100%}footer .company-logo{width:155px}}
.contact-redesign{display:block;margin:0;padding:85px 8% 90px;background:#f3f6f8;border-top:1px solid #e0e5dc}.contact-heading{max-width:750px;margin-bottom:45px}.contact-heading h2{font-size:clamp(38px,4.8vw,68px);line-height:1.1;margin:20px 0 25px}.contact-heading h2 em{font-style:normal;color:#0083a4}.contact-heading>p{font-size:17px;line-height:1.8;color:#677269;max-width:520px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.phone-panel,.email-panel{padding:35px;min-width:0}.phone-panel{background:#171b1d;color:#fff}.email-panel{background:white;border:1px solid #dfe5da}.panel-heading{display:flex;align-items:center;gap:18px}.contact-symbol{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #d7ded3;color:#0083a4;font-size:28px;flex-shrink:0}.phone-panel .contact-symbol{border-color:#505951;color:#64d9ef}.contact-kicker{font-size:12px;letter-spacing:1.6px;line-height:1.7;color:#758171}.phone-panel .contact-kicker{color:#b4c0b6}.panel-heading h3{margin:4px 0 0;font-size:29px;font-weight:500;letter-spacing:-.7px}.panel-description{font-size:16px;line-height:1.75;margin:24px 0;color:#69756b}.phone-panel .panel-description{color:#bac6be}.phone-rows a{display:flex;align-items:center;gap:14px;padding:23px 0;border-bottom:1px solid #485449}.phone-index{font-size:12px;color:#a4b4a8}.phone-rows strong{font-size:clamp(23px,2.6vw,36px);font-weight:500;letter-spacing:-.5px}.call-label{margin-left:auto;font-size:13px;padding:9px 12px;background:#00b9df;color:#fff}.phone-rows a:hover .call-label{background:#fff;color:#171b1d}.phone-footnote{margin-top:30px;color:#aebbaf;font-size:13px;line-height:1.7}.email-row{display:flex;align-items:center;gap:12px;border-top:1px solid #e1e7dc;padding:23px 0}.email-row>span:first-child{min-width:0}.email-row small{display:block;font-size:12px;letter-spacing:1px;color:#7b887b;margin-bottom:9px}.email-row strong{font-size:16px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.email-action{margin-left:auto;color:#007c9c;font-size:13px}.email-row:hover strong{color:#007c9c}.contact-preparation{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-top:30px;padding:30px 35px;border:1px solid #dce3d6}.contact-preparation h3{font-size:23px;font-weight:500;margin:10px 0;letter-spacing:-.6px}.contact-preparation ol{padding:0;margin:0;list-style:none}.contact-preparation li{display:flex;gap:18px;align-items:center;font-size:14px;padding:8px 0;line-height:1.6}.contact-preparation li span{color:#007c9c;font-size:12px}.contact-redesign+.closing{margin-top:75px}@media(max-width:1000px){.contact-layout{grid-template-columns:1fr}.phone-rows strong{font-size:32px}.contact-preparation{grid-template-columns:1fr;gap:12px}}@media(max-width:650px){.contact-redesign{margin:0;padding:55px 7%}.contact-heading h2{font-size:42px;letter-spacing:-1.8px}.contact-heading>p{font-size:16px}.phone-panel,.email-panel{padding:24px}.panel-heading h3{font-size:26px}.contact-kicker{font-size:11px;letter-spacing:1px}.phone-rows{margin-top:10px}.phone-rows a{gap:10px}.phone-rows strong{font-size:26px}.call-label{padding:8px;font-size:12px}.email-row{align-items:flex-start;flex-direction:column;gap:8px}.email-action{margin-left:0}.email-row strong{font-size:15px}.contact-preparation{padding:24px}.contact-preparation li{font-size:14px}.contact-redesign+.closing{margin-top:45px}}

/* Palette harmonisée avec le logo Universal. */
.button{color:#09252d}.button:hover{background:#009ec4;color:#fff}.light{color:#172126}.closing{background:linear-gradient(120deg,#009dc7,#00c5e5);color:#09252d}.call-label{color:#09252d}.phone-panel .contact-symbol{color:#64d9ef}.contact-heading h2 em{color:#0083a4}
.videos{padding:80px 8%;background:#202426;color:#fff}.videos .eyebrow{color:#64d9ef}.videos .section-top>p{color:#bbc7cc}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}.video-card{min-width:0}.video-card video{display:block;width:100%;aspect-ratio:440/710;background:#fff;object-fit:contain}.video-caption{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #455056}.video-caption>span{color:#64d9ef;font-size:13px}.video-caption h3{font-size:20px;font-weight:500;margin:0}@media(max-width:650px){.videos{padding:55px 7%}.video-grid{grid-template-columns:1fr;gap:30px}.video-card video{max-height:600px}.video-caption h3{font-size:19px}}
@media(max-width:650px){html{scroll-padding-top:85px}body{overflow-x:clip}header{height:74px;padding:0 20px;gap:15px;background:#fffffff5}.company-logo{width:163px;max-height:48px}.menu{font-size:14px;border-color:#c8dce4;padding:10px 15px;color:#173944;border-radius:6px;min-height:44px}.menu[aria-expanded=true]{background:#e5f8fc;border-color:#00b9df}nav{top:74px;padding:12px 20px 22px;gap:0!important;border-bottom:1px solid #dce9ee;box-shadow:0 16px 30px #102b3515}nav a{font-size:17px;padding:15px 4px;border-bottom:1px solid #edf1f3}.hero{min-height:0}.hero-copy{padding:38px 24px 30px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero h1{font-size:clamp(39px,10.5vw,63px);line-height:1.12;letter-spacing:-2px;margin:24px 0}.hero-copy>p{font-size:16px;line-height:1.75;margin:20px 0 25px}.button{min-height:50px;padding:16px 23px;font-size:15px;border-radius:4px}.hero-copy>.button{display:block;text-align:center;width:100%}.text-link{font-size:14px;margin:18px auto 0;display:table}.hero-note{font-size:13px;line-height:1.65;margin-top:25px;padding-left:14px}.hero-note>span{display:none}.hero-visual{padding:16px 24px 0}.hero-visual>img{height:385px;max-width:100%;filter:drop-shadow(0 10px 8px #142d3410)}.vertical-label{font-size:9px;top:35px;right:10px}.image-caption{font-size:13px;min-height:66px;gap:8px}.image-caption>div{gap:10px}.image-caption button{height:44px;width:36px;font-size:24px}.material-strip{padding:23px 24px;display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;font-size:12px}.material-strip span:first-child{grid-column:1/-1;font-size:10px;letter-spacing:1.4px;padding-bottom:4px}section.collection,.services,.videos,.perspectives{padding:50px 24px}.section-top h2,.approach h2,.detail-copy h2,.faq h2{font-size:36px;line-height:1.15;letter-spacing:-1.6px}.section-top>p{font-size:16px;line-height:1.7;margin:18px 0 0}.filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 3px 12px;margin:24px -3px 18px;gap:8px;scrollbar-width:thin}.filters button{flex-shrink:0;padding:12px 16px;min-height:44px;font-size:13px}.product-grid{gap:26px 14px}.product-image{border-radius:6px}.product-image img{height:220px}.product-image>span{top:12px;left:12px}.product h3{font-size:16px;line-height:1.3;margin:14px 0 7px}.product p{font-size:13px;line-height:1.6}.video-grid{gap:24px;margin-top:25px}.video-card{padding:12px;background:#2b3236;border:1px solid #434e53;border-radius:8px}.video-card video{max-height:490px;border-radius:4px;aspect-ratio:440/710;width:100%}.video-caption{padding:17px 2px 5px;border:0}.video-caption h3{font-size:18px}.service-grid{gap:14px}.service-card{padding:24px;border-radius:6px}.service-card h3{font-size:27px;margin:16px 0}.service-card p{line-height:1.75}.service-card li{font-size:15px}.service-card ul{margin-bottom:15px}.approach{padding:50px 24px;gap:26px}.approach-list article{gap:18px;padding:22px 0}.approach-list h3{font-size:20px}.approach-list p{font-size:15px}.perspective-copy{padding:18px 0 0}.large-number{font-size:58px;letter-spacing:-3px}.perspective-copy p{font-size:16px}.angle-controls{margin-top:20px}.angle-controls button{flex:1;min-height:46px;font-size:14px;border-radius:4px}.perspective-stage img{height:380px}.details{margin:50px 24px;gap:24px}.detail-photo{border-radius:6px}.detail-photo img{height:370px}.detail-copy p{font-size:16px;line-height:1.75}.detail-tags{font-size:13px;gap:12px;margin-top:25px}.faq{padding:0 24px 50px;gap:10px}.faq details{padding:20px 0}.faq summary{font-size:17px;line-height:1.5}.faq p{font-size:15px}.contact-redesign{padding:50px 24px;margin:0}.contact-heading{margin-bottom:28px}.contact-heading h2{font-size:38px;letter-spacing:-1.7px;line-height:1.14}.contact-layout{gap:16px}.phone-panel,.email-panel{padding:24px 20px;border-radius:7px}.panel-heading{gap:13px}.contact-symbol{width:44px;height:44px;font-size:25px}.contact-kicker{font-size:10px;letter-spacing:1px}.panel-heading h3{font-size:26px}.panel-description{font-size:15px;line-height:1.75;margin:20px 0}.phone-rows a{min-height:80px;gap:10px}.phone-rows strong{font-size:27px;font-variant-numeric:tabular-nums;white-space:nowrap}.phone-index{font-size:11px}.call-label{font-size:12px;padding:11px 10px;border-radius:4px}.phone-footnote{font-size:13px;margin-top:24px}.email-row{padding:20px 0;gap:12px}.email-row strong{font-size:15px;line-height:1.7}.email-action{font-size:14px;background:#e7f8fc;color:#006c88;padding:9px 15px;border-radius:4px}.contact-preparation{padding:24px 20px;margin-top:20px;border-radius:6px}.contact-preparation h3{font-size:23px;line-height:1.3}.contact-preparation li{font-size:15px;align-items:flex-start;gap:13px}.closing,.contact-redesign+.closing{margin:35px 24px;padding:28px 24px;border-radius:7px}.closing h2{font-size:35px;line-height:1.15;letter-spacing:-1.5px}.closing .button{display:block;text-align:center;font-size:14px;padding:16px 14px}footer{padding:25px 24px;gap:20px}footer .company-logo{width:145px}footer>a:last-child{font-size:13px}dialog{width:calc(100% - 28px);padding:50px 16px 22px;border-radius:10px}dialog img{height:52vh}dialog h2{font-size:25px;line-height:1.3}.close{width:44px;height:44px;top:6px;right:7px}}
@media(max-width:370px){header{padding:0 16px}.company-logo{width:150px}.hero-copy{padding-left:20px;padding-right:20px}.hero h1{font-size:38px}.phone-rows strong{font-size:23px}.call-label{padding:10px 8px}.phone-panel,.email-panel{padding:22px 16px}.contact-redesign,section.collection,.services,.videos,.perspectives{padding-left:20px;padding-right:20px}.product-image img{height:195px}.contact-heading h2{font-size:34px}}
.design-guide{padding:85px 8%;background:#f1f6f8;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.guide-intro>p{font-size:16px;line-height:1.8;color:#64747c;max-width:410px}.guide-choices{display:grid;gap:12px;margin-top:28px}.guide-choices button{text-align:left;background:white;border:1px solid #dbe5e9;padding:20px 24px;font-size:18px;color:#25353d;position:relative;transition:border-color .2s,background .2s}.guide-choices button span{display:block;font-size:14px;font-weight:400;color:#657781;margin-top:8px;line-height:1.5}.guide-choices button.selected{border-color:#00add2;background:#e6f8fc;box-shadow:inset 4px 0 #00add2}.guide-intro>.guide-note{font-size:13px;line-height:1.7;margin-top:24px}.guide-result{background:#fff;padding:25px}.guide-image{background:#f7f9fa}.guide-image img{height:430px;width:100%;object-fit:contain;mix-blend-mode:multiply}.guide-result-copy{padding:25px 10px 5px}.guide-result-copy h3{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:12px 0}.guide-result-copy p{font-size:16px;line-height:1.75;color:#64747c;min-height:56px;margin-bottom:24px}.guide-result-copy .eyebrow{font-size:11px;color:#007c9c}.section-top>p{line-height:1.75}.collection{background:white}.product-grid{gap:30px}.product-name{flex-wrap:wrap}.product-name>span{color:#007c9c}.approach{background:#202426}.approach-list article{border-color:#414c52}.videos{padding-top:75px;padding-bottom:75px}.video-grid{max-width:1050px;margin-left:auto;margin-right:auto}.video-card video{max-height:510px}.faq{padding-top:80px}.closing{margin-bottom:50px}.service-card{border-top:2px solid #00b9df;box-shadow:none}.contact-redesign{background:#f3f7f9}.button,.nav-cta{border-radius:4px}header nav{gap:20px}.guide-choices button:focus-visible{outline:3px solid #00b9df;outline-offset:3px}@media(max-width:1050px){.design-guide{gap:35px}.guide-image img{height:350px}header nav{gap:16px;font-size:13px}.nav-cta{display:none}}@media(max-width:650px){.design-guide{padding:50px 24px;grid-template-columns:1fr;gap:25px}.guide-intro h2{font-size:36px;letter-spacing:-1.6px}.guide-choices button{font-size:17px;padding:18px 20px;border-radius:5px}.guide-choices button span{font-size:14px}.guide-result{padding:16px;border-radius:7px}.guide-image img{height:330px}.guide-result-copy{padding:22px 5px 8px}.guide-result-copy h3{font-size:25px}.guide-result-copy .button{display:block;text-align:center}.faq{padding-top:50px}.video-card video{max-height:440px}.product-grid{gap:24px 14px}.product-name>span{display:none}}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:38px}.product-image img{height:360px}.product[data-image] .product-image img{mix-blend-mode:normal}.filters{gap:10px}.product h3{line-height:1.35}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-image img{height:320px}}@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-image img{height:230px}.product h3{font-size:15px}.filters{scroll-snap-type:x proximity}.filters button{scroll-snap-align:start}}@media(max-width:370px){.product-image img{height:195px}}
#viewer{width:min(1100px,96vw);max-width:1100px;max-height:96dvh;padding:55px 25px 25px}#viewer .viewer-image-wrap{height:72dvh;overflow:auto;background:#f6f8f9}#viewer #viewer-image{display:block;width:100%;height:100%;object-fit:contain}#viewer h2{font-size:25px;margin:20px 0 12px}#viewer-original{display:inline-block;color:#007c9c;text-decoration:underline;font-size:15px;padding:10px}#viewer .close{z-index:2;position:absolute;top:8px;right:12px;width:44px;height:44px}#viewer::backdrop{background:#09151de6;backdrop-filter:blur(5px)}@media(max-width:650px){#viewer{width:96vw;padding:55px 12px 18px}#viewer .viewer-image-wrap{height:65dvh}#viewer h2{font-size:22px}#viewer-original{font-size:14px}}
#viewer{width:min(1180px,96vw);padding:55px 35px 30px;font-family:Arial,Helvetica,sans-serif;color:#202d34}#viewer .viewer-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}#viewer .viewer-copy{text-align:left;padding:15px 0}#viewer h2{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-1.4px;margin:18px 0 25px;font-weight:500}#viewer-description{font-size:17px;line-height:1.85;color:#5b6a73;margin:0 0 28px}#viewer .viewer-copy h3{font-size:15px;font-weight:600;margin:0 0 15px}#viewer-features{list-style:none;padding:0;margin:0 0 25px}#viewer-features li{font-size:15px;line-height:1.65;padding:10px 0 10px 18px;border-bottom:1px solid #e5ebef;position:relative}#viewer-features li:before{content:'';width:5px;height:5px;background:#00b9df;position:absolute;left:0;top:20px}#viewer .viewer-note{font-size:13px;line-height:1.75;color:#75838b;margin-bottom:25px}#viewer .viewer-image-wrap{height:73dvh;background:#f4f7f9;border-radius:5px}#viewer-original{font-size:13px;color:#5d747f;margin-top:8px}#viewer .eyebrow{font-size:11px;letter-spacing:1.5px;color:#007c9c}@media(max-width:750px){#viewer{padding:55px 22px 24px;max-height:94dvh}#viewer .viewer-layout{grid-template-columns:1fr;gap:25px}#viewer .viewer-copy{padding:0}#viewer h2{font-size:32px;margin:15px 0 20px}#viewer-description{font-size:16px;line-height:1.8}#viewer .viewer-image-wrap{height:60dvh}#viewer .viewer-contact{display:block;text-align:center}#viewer-features li{font-size:14px}}
.video-grid{gap:24px}.video-card{background:#f4f8fa;border:1px solid #d7e5eb;border-radius:8px;overflow:hidden;padding:0}.video-card video{width:100%;aspect-ratio:4/5;max-height:none;background:#f4f8fa;object-fit:contain;border-radius:0}.video-caption{padding:22px;color:#202d34;border:0;gap:14px}.video-caption>span{color:#007c9c}.video-caption h3{font-size:18px;line-height:1.4}.videos .section-top>p{max-width:370px}@media(max-width:650px){.video-grid{gap:24px}.video-card{padding:0}.video-card video{max-height:480px;aspect-ratio:4/5}.video-caption{padding:18px}.video-caption h3{font-size:18px}}
/* Katalogu: kabinat, dyert, sistemet, komponentët dhe materialet. */
.catalog-section{padding:90px 8%}.catalog-section .filters{margin:35px 0 30px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;row-gap:38px}.catalog-section .filters+.catalog-grid{margin-top:0}.catalog-grid .product-image{background:linear-gradient(145deg,#fbfcfb,#eef1ef)}.catalog-grid .product-image img{height:320px;padding:18px;mix-blend-mode:multiply}.catalog-grid .product-image>span{background:#fff;padding:4px 8px;border-radius:3px;color:#007c9c;font-weight:700;letter-spacing:.5px}.cabins .product-image img{padding:0;height:360px}
.doors,.components{background:#f7f8f6;border-top:1px solid #e5e9e2}.systems-grid .product-image img{height:440px}.components-grid .product-image img{height:260px}
.spec-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:45px 0 0;border:1px solid #dfe5da;background:#fff}.spec-strip>div{padding:22px 24px;border-left:1px solid #e5eae2}.spec-strip>div:first-child{border-left:0}.spec-strip dt{font-size:12px;letter-spacing:1px;color:#6f7b72;text-transform:uppercase}.spec-strip dd{margin:8px 0 0;font-size:24px;letter-spacing:-.5px;color:#202426}
.showroom{display:grid;grid-template-columns:1fr 1.15fr 1fr;background:#171b1d;color:#fff;align-items:stretch}.showroom img{width:100%;height:100%;min-height:460px;max-height:620px;object-fit:cover;display:block}.showroom-copy{padding:60px 50px;display:flex;flex-direction:column;justify-content:center}.showroom-copy .eyebrow{color:#64d9ef}.showroom-copy h2{font-size:clamp(30px,3vw,44px)}.showroom-copy p{color:#bac6be;line-height:1.8;font-size:16px;margin:0 0 28px}.showroom-copy .button{align-self:flex-start}
.datasheet{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px;padding-top:55px;border-top:1px solid #dfe5da}.datasheet h3{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-1.2px;margin:15px 0}.datasheet-intro>p{font-size:16px;line-height:1.8;color:#64747c;max-width:440px}.datasheet-intro dl{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:30px 0 0}.datasheet-intro dl>div{padding:16px 0;border-bottom:1px solid #e3e8e0}.datasheet-intro dt{font-size:12px;letter-spacing:1px;color:#6f7b72;text-transform:uppercase}.datasheet-intro dd{margin:6px 0 0;font-size:19px}.datasheet-table table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.datasheet-table caption{text-align:left;font-size:12px;letter-spacing:1.5px;font-weight:700;padding-bottom:14px;text-transform:uppercase}.datasheet-table th{text-align:left;font-size:12px;letter-spacing:1px;color:#6f7b72;font-weight:600;padding:12px 16px;background:#f3f6f8}.datasheet-table td{padding:11px 16px;border-bottom:1px solid #e7ebe4}.datasheet-table td+td,.datasheet-table th+th{text-align:right}.datasheet-table tbody tr:hover{background:#f0fafd}.datasheet-table .guide-note{font-size:13px;color:#75838b;line-height:1.7}
.material-tabs button{min-height:44px}.material-stage{display:grid;grid-template-columns:.75fr 1.5fr;gap:50px;align-items:center}.material-copy h3{font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-1px;margin:14px 0}.material-copy p{font-size:16px;line-height:1.8;color:#64747c;margin:0 0 28px}.material-copy .eyebrow{font-size:11px;color:#007c9c}.material-image{background:#f4f7f9;padding:24px;border-radius:5px}.material-image img{display:block;width:100%;height:600px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:1280px) and (min-width:651px){header{position:sticky}.menu{display:block;border:1px solid #c8dce4;background:white;padding:10px 15px;border-radius:6px;font-size:14px}header nav{display:none;position:absolute;top:86px;left:0;right:0;z-index:3;background:white;padding:12px 5% 22px;box-shadow:0 15px 20px #0001}header nav.open{display:flex;flex-direction:column;gap:0}header nav a{font-size:16px;padding:14px 4px;border-bottom:1px solid #edf1f3}}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-strip>div:nth-child(3){border-left:0}.spec-strip>div:nth-child(n+3){border-top:1px solid #e5eae2}.showroom{grid-template-columns:1fr 1fr}.showroom img:last-child{display:none}.datasheet,.material-stage{grid-template-columns:1fr;gap:35px}.material-image img{height:520px}}
@media(max-width:650px){.catalog-section{padding:50px 24px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;margin-top:25px}.catalog-grid .product-image img,.components-grid .product-image img{height:200px;padding:10px}.cabins .product-image img{height:250px;padding:0}.systems-grid .product-image img{height:320px}.catalog-section .filters{margin:24px -3px 18px}.spec-strip dd{font-size:19px}.spec-strip>div{padding:16px}.showroom{grid-template-columns:1fr}.showroom img{min-height:0;height:340px}.showroom-copy{padding:40px 24px}.showroom-copy .button{align-self:stretch;text-align:center}.datasheet{margin-top:45px;padding-top:35px}.datasheet-intro dl{grid-template-columns:1fr}.datasheet-table td,.datasheet-table th{padding:10px 12px}.material-image{padding:10px}.material-image img{height:360px}}
@media(max-width:1100px){.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
