:root{--red:#b8232c}.top{background:#b8232c;color:white;font-weight:600;letter-spacing:.08em}header{border-bottom:2px solid #b8232c1a;box-shadow:0 4px 25px #95223a06}.button{background:linear-gradient(115deg,#c92b31,#9d1822);border-color:#b8232c;box-shadow:0 7px 24px #b8232c2c;font-weight:700}.button:hover{box-shadow:0 10px 32px #b8232c45;transform:translateY(-3px)}.hero{background:radial-gradient(ellipse at 85% 45%,#ffe1e72b,transparent 60%)}h1{font-weight:800}h1 em{background:linear-gradient(105deg,#b8232c,#911a23);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-art img{filter:drop-shadow(0 20px 25px #bb1b3c1a)}.orbit{background:radial-gradient(circle,#fff0e9,#f7e3df 55%,#f5e9e5 80%);border:1px solid #b8232c1f}.orbit:after{border-color:#b8232c29}.orbit:before{content:'';position:absolute;inset:-19px;border-radius:50%;border:2px solid transparent;border-top-color:#b8232c;border-right-color:#b8232c22;animation:impact-orbit 15s linear infinite}.tag1{border-left:3px solid #b8232c;font-weight:600}.tag2{box-shadow:0 10px 30px #d1183433;border-color:#b8232c40}.ribbon{background:linear-gradient(105deg,#b8232c,#bc002a);color:#fff;box-shadow:0 8px 25px #b8232c21}.ribbon span{color:#f2cf78}.ribbon div{min-width:1200px;animation:impact-marquee 24s linear infinite}.eyebrow .dot{box-shadow:0 0 0 5px #b8232c12}.roof-scene{border:1px solid #b8232c20;background:radial-gradient(ellipse,#fff0e5,#f4eee7)}.toggle button.active{background:#b8232c}.method{background:linear-gradient(130deg,#202d29,#26312f)}.method h2 em{color:#e3bb65}.step.active{border-left:3px solid #e3bb65;padding-left:16px;background:linear-gradient(90deg,#b8232c16,transparent)}.step.active i,.step>span,.process .play{color:#e3bb65}.process-art{background:radial-gradient(ellipse,#493c32,#30413b)}.process-badge{background:#b8232c;color:white}.service{transition:transform .3s,background .3s,box-shadow .3s}.service:hover{transform:translateY(-5px);background:#fff8eb;box-shadow:0 12px 25px #98203a13;z-index:2}.service-arrow{color:#b8232c}.service h3{font-weight:700}.zones{background:linear-gradient(125deg,#f6eee9,#f6f2e8)}.contact{background:radial-gradient(ellipse at 8% 90%,#f6cbd5aa,transparent 65%),#f5eeeb}.contact .eyebrow{color:#d80736}.floating{background:#b8232c;border-color:#ff6a8d;box-shadow:0 4px 25px #b8232c44}.outline{background:transparent;color:#23332f;box-shadow:none}.outline:hover{background:#b8232c;color:#fff;border-color:#b8232c}@keyframes impact-orbit{to{transform:rotate(360deg)}}@keyframes impact-marquee{0%,100%{transform:translateX(1%)}50%{transform:translateX(-12%)}}
.comparison-section{padding-top:0}.comparison{position:relative;height:480px;overflow:hidden;border-radius:8px;background:#fff4ec;border:1px solid #ead4ce;isolation:isolate}.comparison-layer{position:absolute;inset:0}.comparison-layer>img{position:absolute;width:650px;max-width:85%;height:100%;object-fit:contain;left:50%;transform:translateX(-50%)}.comparison-after{background:radial-gradient(ellipse at 70% 40%,#fff6df,#fae7dd)}.comparison-before{clip-path:inset(0 50% 0 0);background:radial-gradient(ellipse,#c9d0bc,#e1e0d3)}.comparison-before>img{filter:brightness(.69) saturate(.35)}.compare-label{position:absolute;top:25px;font-size:10px;font-weight:700;letter-spacing:.15em;background:white;padding:9px 14px;border-radius:3px;box-shadow:0 4px 20px #0001}.compare-label.left{left:25px}.compare-label.right{right:25px;color:#d80736}.compare-note{position:absolute;bottom:60px;right:30px;font-size:12px;color:#784a42;text-align:right}.compare-moss{position:absolute;width:48px;height:28px;background:#526541;border-radius:40%;box-shadow:12px 8px 0 #3d4d31,-8px -2px 0 #738458}.cm1{left:34%;top:35%}.cm2{left:44%;top:47%;width:35px}.cm3{left:57%;top:39%}.cm4{left:39%;top:59%;width:30px}.compare-divider{position:absolute;left:50%;height:100%;width:2px;background:#fff;box-shadow:0 0 15px #0003;pointer-events:none}.compare-divider span{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;background:#b8232c;color:white;border:3px solid white;border-radius:50%;font-size:27px;line-height:46px;text-align:center;box-shadow:0 5px 25px #0003}#compareRange{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:ew-resize;margin:0;padding:0;z-index:5}#compareRange:focus-visible{opacity:.14;outline:4px solid #b8232c}.compare-help{position:absolute;bottom:20px;width:100%;text-align:center;font-size:9px;letter-spacing:.18em;color:#59453c;pointer-events:none}.comparison-caption{font-size:10px;text-align:center;margin-top:14px}.sectionhead h2{font-weight:650}.service-icon{background:#b8232c0b;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:12px;margin-bottom:20px}.hero-art{transition:transform .5s}.hero-art:hover{transform:scale(1.035)}.demo-copy .eyebrow{color:#d80736}.method h2{max-width:720px}.hotspot:hover{transform:scale(1.22)}@media(max-width:650px){.comparison{height:340px}.comparison-layer>img{max-width:110%;width:440px}.compare-note{display:none}.compare-label{top:16px;font-size:8px;padding:7px 9px}.compare-label.left{left:14px}.compare-label.right{right:14px}.compare-moss{width:30px;height:18px}.comparison-section{padding-top:0}.compare-divider span{width:44px;height:44px;line-height:36px;font-size:22px}}
.hero-art img{animation:none}.orbit:before{display:none}.ribbon div{animation:none}.hero-art:hover{transform:none}.canton-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.canton{padding:18px 20px;background:#ffffff90;border:1px solid #e0d9d4;border-radius:4px}.canton>span{color:#b8232c;font-size:11px;font-weight:700;letter-spacing:.1em}.canton h3{font-size:20px;margin-top:5px;letter-spacing:-.03em}.canton p{font-size:10px;margin-top:5px}.roof-callout{position:absolute;background:#fff;padding:6px 10px;border-radius:15px;box-shadow:0 5px 15px #0001;font-size:9px;font-weight:600;pointer-events:none;z-index:2}.roof-callout:after{content:'';position:absolute;width:1px;height:35px;background:#b8232c;top:100%;left:50%}.rc1{left:10%;top:25%}.rc2{left:55%;top:22%}.rc3{left:60%;top:77%}.rc3:after{top:auto;bottom:100%;height:24px}.roof-scene .h1{left:27%;top:46%}.roof-scene .h2{left:62%;top:45%}.roof-scene .h3{left:70%;top:69%}.service{padding-top:200px}.service-photo{position:absolute;top:0;left:0;right:0;height:175px;background-size:cover;background-position:center;display:block;transition:filter .4s}.service-photo>span{position:absolute;bottom:7px;right:7px;font-size:8px;background:#ffffffdf;border-radius:3px;padding:2px 5px;color:#39413a}.service .service-icon{display:none}.service:hover .service-photo{filter:saturate(1.15)}.demo-copy{transition:opacity .25s,transform .25s}.demo-copy.changing{opacity:.2;transform:translateY(8px)}@media(max-width:650px){.service{padding-top:145px}.service-photo{height:125px}.service-photo>span{font-size:6px;right:4px;bottom:4px}.canton{padding:15px}.canton h3{font-size:18px}.roof-callout{font-size:7px;padding:5px 7px}.rc1{top:30%}.rc2{top:27%}}
.photo0{background-image:url('assets/service-0.webp')}.photo1{background-image:url('assets/service-1.webp')}.photo2{background-image:url('assets/service-2.webp')}.photo3{background-image:url('assets/service-3.webp')}.photo4{background-image:url('assets/service-4.webp')}.photo5{background-image:url('assets/service-5.webp')}
.modal-photo{height:190px;background-size:cover;background-position:center;margin-bottom:25px;border-radius:5px}dialog{max-height:90vh;overflow-y:auto}
.zones-layout{gap:55px}.region-map-panel{min-width:0}.romandie-map{display:block;width:100%;height:auto;max-height:340px}.map-legend{font-size:10px;margin:8px 0;text-align:center}.map-legend span{display:inline-block;width:9px;height:9px;background:#f9b6c5;margin-right:5px}.map-source{font-size:8px;text-align:center;margin-bottom:20px}.canton-grid{gap:9px}.canton{padding:12px 15px;position:relative}.canton img{float:right;object-fit:contain}.canton h3{font-size:17px}.map-canton{transition:filter .2s;cursor:default}.map-canton:hover,.map-canton:focus{filter:drop-shadow(0 2px 4px #c50a37aa)}@media(max-width:650px){.zones-layout{gap:25px}.romandie-map{max-height:300px}}