@font-face{font-family:Marcellus;src:url(/assets/fonts/Marcellus-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/assets/fonts/HankenGrotesk-400.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--navy:#172643;--navy-2:#22345a;--ink:#0d1320;--paper:#f3efe7;--stone:#e3dccd;--white:#fff;--zinc:#6b7688;--line:#17264329;--line-w:#fff3;--display:"Marcellus","Times New Roman",serif;--text:"Hanken Grotesk",system-ui,sans-serif;--pad:clamp(20px,4.5vw,72px);--max:1440px;--pitch:34deg;--ease:cubic-bezier(.7,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--navy);font:400 17px/1.6 var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--navy-2)}.t-dark a:hover{color:#fff}p{text-wrap:pretty;margin:0 0 1em}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.02}:focus-visible{outline-offset:3px;outline:2px solid}.skip{z-index:200;background:var(--navy);color:#fff;border-radius:2px;padding:12px 18px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.wrap{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.kicker{font:600 12px/1.2 var(--text);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.kicker:before{content:"";background:currentColor;flex:none;width:28px;height:1px}.t-dark{background:var(--navy);color:#fff}.t-ink{background:var(--ink);color:#fff}.btn{--h:56px;min-height:var(--h);font:600 15px/1.1 var(--text);letter-spacing:.02em;isolation:isolate;cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:0;align-items:center;gap:14px;padding:0 26px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;clip-path:polygon(50% 100%,50% 100%,50% 100%);transition:clip-path .5s var(--ease);background:currentColor;position:absolute;inset:0}.btn:hover:before,.btn:focus-visible:before{clip-path:polygon(50% -60%,160% 100%,-60% 100%)}.btn span{transition:color .3s}.btn:hover span,.btn:focus-visible span{color:var(--paper)}.t-dark .btn:hover span,.t-dark .btn:focus-visible span,.t-ink .btn:hover span{color:var(--navy)}.btn .arr{border-top:1px solid;flex:none;width:18px;height:10px;margin-top:9px;position:relative}.btn .arr:after{content:"";border-top:1px solid;border-right:1px solid;width:8px;height:8px;position:absolute;top:-5px;right:0;transform:rotate(45deg)}.btn:hover .arr,.btn:focus-visible .arr,.btn:hover .arr:after{border-color:var(--paper)}.t-dark .btn:hover .arr,.t-dark .btn:hover .arr:after{border-color:var(--navy)}.btn--solid{background:var(--navy);color:#fff;border-color:var(--navy)}.btn--solid:before{background:var(--paper)}.btn--solid:hover span{color:var(--navy)!important}.btn--solid:hover .arr,.btn--solid:hover .arr:after{border-color:var(--navy)!important}.t-dark .btn--solid{color:var(--navy);background:#fff;border-color:#fff}.t-dark .btn--solid:before{background:var(--navy)}.t-dark .btn--solid:hover span{color:#fff!important}.t-dark .btn--solid:hover .arr,.t-dark .btn--solid:hover .arr:after{border-color:#fff!important}.tel{font-family:var(--display);white-space:nowrap;font-size:clamp(28px,4vw,52px);line-height:1;text-decoration:none}.tel:hover{text-decoration:underline}.hd{z-index:60;padding:18px var(--pad);transition:transform .5s var(--ease),background .4s,padding .4s;color:var(--navy);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.hd.is-scrolled{-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line);background:#f3efe7eb;padding-top:10px;padding-bottom:10px}.hd.is-hidden{transform:translateY(-110%)}.hd-logo{flex:none;width:clamp(120px,12vw,160px);display:block}.hd-logo img{width:100%}.hd-logo .l-w{display:none}.hd-r{align-items:center;gap:clamp(10px,2vw,28px);display:flex}.hd-tel{font:600 15px/1 var(--text);align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.hd-tel i{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1726431f}.hd-cta{--h:44px;min-height:44px;padding:0 18px;font-size:14px}.page-dark .hd:not(.is-scrolled){color:#fff}.page-dark .hd:not(.is-scrolled) .l-n{display:none}.page-dark .hd:not(.is-scrolled) .l-w{display:block}.page-dark .hd:not(.is-scrolled) .hd-tel i{box-shadow:0 0 0 4px #ffffff2e}.burger{width:56px;height:56px;color:inherit;cursor:pointer;background:0 0;border:1px solid;place-items:center;padding:0;display:grid;position:relative}.burger svg{width:30px;height:22px;overflow:visible}.burger path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;transition:d .5s var(--ease),transform .5s var(--ease)}.burger .b2{transition:opacity .3s,transform .5s var(--ease);transform-origin:50%}.burger:hover .b1{d:path("M1 13 L15 3 L29 13")}.burger[aria-expanded=true] .b1{d:path("M5 3 L25 20")}.burger[aria-expanded=true] .b2{opacity:0;transform:scaleX(0)}.burger[aria-expanded=true] .b3{d:path("M5 20 L25 3")}.burger-lbl{font:600 10px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;margin-top:6px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=760px){.hd-tel span,.hd-cta{display:none}.hd-tel{border:1px solid;justify-content:center;width:44px}.hd-tel i{width:10px;height:10px}.burger-lbl{display:none}.burger{width:48px;height:48px}}.menu{z-index:80;background:var(--navy);color:#fff;visibility:hidden;clip-path:polygon(50% 0,50% 0,50% 0);transition:clip-path .8s var(--ease),visibility 0s .8s;overscroll-behavior:contain;position:fixed;inset:0;overflow:auto}.menu.is-open{visibility:visible;clip-path:polygon(50% -120%,260% 160%,-160% 160%);transition:clip-path .9s var(--ease),visibility 0s}.menu-in{min-height:100%;padding:18px var(--pad) 28px;grid-template-rows:auto 1fr auto;display:grid}.menu-top{justify-content:space-between;align-items:center;min-height:56px;display:flex}.menu-top img{width:150px}.menu-close{color:#fff;min-height:56px;font:600 13px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff80;align-items:center;gap:12px;padding:0 20px;display:flex}.menu-close i{letter-spacing:0;font-size:20px;font-style:normal}.menu-house{place-items:center;padding:4vh 0;display:grid;position:relative}.menu-roof{pointer-events:none;opacity:.9;width:min(1100px,94vw);position:absolute;top:4vh;left:50%;transform:translate(-50%)}.menu-roof path{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:2400;stroke-dashoffset:2400px;transition:stroke-dashoffset 1.4s var(--ease) .25s}.menu.is-open .menu-roof path{stroke-dashoffset:0}.menu-list{counter-reset:c;justify-items:center;gap:0;width:100%;margin:0;padding:clamp(80px,14vh,150px) 0 0;list-style:none;display:grid}.menu-list li{width:calc(var(--w) * 1%);border-bottom:1px solid var(--line-w);opacity:0;max-width:1000px;transition:opacity .5s,transform .7s var(--ease-out);transform:translateY(24px)}.menu.is-open .menu-list li{opacity:1;transition-delay:calc(.35s + var(--i) * 70ms);transform:none}.menu-list a{font-family:var(--display);grid-template-columns:48px 1fr auto;align-items:center;gap:16px;min-height:44px;padding:clamp(10px,1.6vh,18px) 8px;font-size:clamp(24px,3.6vw,52px);line-height:1.05;text-decoration:none;display:grid;position:relative}.menu-list a small{font:600 12px/1 var(--text);letter-spacing:.14em;opacity:.7}.menu-list a em{font:600 11px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff80;padding:6px 8px;font-style:normal}.menu-list a:after{content:"";transform-origin:bottom;transition:transform .45s var(--ease);z-index:-1;background:#fff;position:absolute;inset:0;transform:scaleY(0)}.menu-list a{z-index:0}.menu-list a:hover,.menu-list a:focus-visible{color:var(--navy)}.menu-list a:hover:after,.menu-list a:focus-visible:after{transform:scaleY(1)}.menu-list a:hover em,.menu-list a:focus-visible em{border-color:var(--navy)}.menu-list a[aria-current=page] small:after{content:" ●"}.menu-peek{aspect-ratio:4/3;width:min(22vw,300px);right:var(--pad);pointer-events:none;opacity:0;transition:opacity .35s,transform .5s var(--ease-out);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);position:fixed;bottom:120px;transform:translateY(20px)rotate(-3deg)}.menu-peek.on{opacity:1;transform:none}.menu-peek img{object-fit:cover;width:100%;height:100%}.menu-foot{border-top:1px solid var(--line-w);opacity:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 36px;padding-top:20px;font-size:15px;transition:opacity .5s .6s;display:flex}.menu.is-open .menu-foot{opacity:1}.menu-foot a{text-decoration:none}.menu-foot a:hover{color:#fff;text-decoration:underline}.menu-foot .tel{font-size:clamp(26px,3vw,40px)}@media (width<=900px){.menu-peek{display:none}.menu-list li{width:100%}}.ladder{z-index:40;color:#fff;mix-blend-mode:difference;pointer-events:none;border-left:1px solid;border-right:1px solid;gap:7px;padding:10px 6px;display:grid;position:fixed;top:50%;right:clamp(8px,1.4vw,22px);transform:translateY(-50%)}.ladder i{opacity:.35;background:currentColor;width:14px;height:1px;transition:opacity .3s,transform .3s;display:block}.ladder i.on{opacity:1;transform:scaleX(1.5)}.ladder b{writing-mode:vertical-rl;font:600 10px/1 var(--text);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;position:absolute;top:0;right:calc(100% + 10px);transform:rotate(180deg)}@media (width<=1180px){.ladder{display:none}}.pt{z-index:150;background:var(--navy);pointer-events:none;clip-path:polygon(50% 0,50% 0,50% 0);place-items:center;display:grid;position:fixed;inset:0}.pt img{opacity:0;width:120px;transition:opacity .3s}.pt.cover{clip-path:polygon(50% -120%,260% 160%,-160% 160%);transition:clip-path .65s var(--ease)}.pt.cover img{opacity:1}.pt.lift{clip-path:polygon(50% -120%,260% 160%,-160% 160%)}.pt.lift.go{clip-path:polygon(-60% -10%,160% -10%,50% -10%);transition:clip-path .8s var(--ease) .1s}.js .rv{opacity:0;transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out);transform:translateY(34px)}.js .rv.in{opacity:1;transform:none}.js .rv-mask{clip-path:inset(100% 0 0);transition:clip-path 1.2s var(--ease)}.js .rv-mask.in{clip-path:inset(0)}.ridge{width:100%;height:auto;display:block;overflow:visible}.ridge path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.js .ridge.draw path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2s var(--ease)}.js .ridge.draw.in path{stroke-dashoffset:0}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid;position:relative}.story{padding:0 0 0 var(--pad)}.step{flex-direction:column;justify-content:center;max-width:680px;min-height:100vh;padding:120px clamp(16px,3vw,48px) 80px 0;display:flex}.step--first{min-height:100vh}.step h1{letter-spacing:-.02em;font-size:clamp(46px,7.4vw,118px);line-height:.94}.step h1 .sm{letter-spacing:0;max-width:18em;margin-top:.5em;font-size:.34em;line-height:1.15;display:block}.step h2{margin:14px 0 22px;font-size:clamp(34px,4.4vw,64px)}.step .lead{max-width:34em;margin-top:28px;font-size:clamp(18px,1.4vw,21px)}.step-n{font-family:var(--display);letter-spacing:.1em;align-items:baseline;gap:14px;font-size:15px;display:flex}.step-n b{-webkit-text-stroke:1px var(--navy);color:#0000;font-size:clamp(64px,8vw,120px);font-weight:400;line-height:.8}.step-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.step .link{align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.stage{background:linear-gradient(180deg,var(--stone) 0%,var(--paper) 70%);height:100vh;position:sticky;top:0;overflow:hidden}.stage-sky{background:radial-gradient(120% 70% at 70% 10%,#ffffffe6,#0000 60%);position:absolute;inset:0}.stage-cap{font:600 11px/1.3 var(--text);letter-spacing:.18em;text-transform:uppercase;z-index:3;justify-content:space-between;gap:12px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.stage-cap span:last-child{text-align:right}.stage-steps{gap:6px;display:flex}.stage-steps i{background:var(--navy);opacity:.2;width:26px;height:3px;transition:opacity .4s}.stage-steps i.on{opacity:1}.scene{--W:300px;--D:400px;--H:150px;--R:101px;--L:181px;--ry:-32deg;--rx:-16deg;--s:1;--walls:1;--truss:1;--roofL:1;--roofR:1;--zinc:1;--moss:0;perspective:2200px;perspective-origin:50% 30%;position:absolute;inset:0}@media (width<=1200px){.scene{--s:.8}}.house{width:0;height:0;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(var(--rx)) rotateY(var(--ry));position:absolute;top:56%;left:50%}.house *{transform-style:preserve-3d}.f{backface-visibility:visible;position:absolute;top:0;left:0}.wall{opacity:var(--walls);background:repeating-linear-gradient(0deg,#0000 0 21px,#17264312 21px 22px),repeating-linear-gradient(90deg,#0000 0 43px,#1726430d 43px 44px),linear-gradient(#efe6d3,#e2d6bd);transition:opacity .4s}.w-front,.w-back{width:var(--W);height:calc(var(--H) + var(--R));clip-path:polygon(0 var(--R),50% 0,100% var(--R),100% 100%,0 100%)}.w-front{transform:translate(calc(var(--W) / -2),calc((var(--H) / 2 + var(--R)) * -1)) translateZ(calc(var(--D) / 2))}.w-back{transform:translate(calc(var(--W) / -2),calc((var(--H) / 2 + var(--R)) * -1)) translateZ(calc(var(--D) / -2)) rotateY(180deg);filter:brightness(.82)}.w-side{width:var(--D);height:var(--H)}.w-right{transform:translate(calc(var(--D) / -2),calc(var(--H) / -2)) rotateY(90deg) translateZ(calc(var(--W) / 2));filter:brightness(.9)}.w-left{transform:translate(calc(var(--D) / -2),calc(var(--H) / -2)) rotateY(-90deg) translateZ(calc(var(--W) / 2));filter:brightness(.78)}.truss{transform:translate3d(0,calc(var(--H) / -2),var(--z)) scaleY(var(--truss));transform-origin:0 0;opacity:calc(var(--truss) * 1.5);position:absolute;top:0;left:0}.bar{transform-origin:0;background:linear-gradient(#d9b77a,#b8914f);height:7px;position:absolute;top:0;left:0}.bar.tie{width:var(--W);transform:translate(calc(var(--W) / -2),-3px)}.bar.rl,.bar.rr{width:var(--L);transform:translate(0,calc(var(--R) * -1)) rotate(var(--pitch))}.bar.rl{transform:translate(0,calc(var(--R) * -1)) rotate(calc(180deg - var(--pitch)))}.bar.kp{width:var(--R);transform:translate(0)rotate(-90deg)}.bar.st1{width:calc(var(--R) * .9);transform:translateY(-2px)rotate(-148deg)}.bar.st2{width:calc(var(--R) * .9);transform:translateY(-2px)rotate(-32deg)}.roof{width:calc(var(--L) + 26px);height:calc(var(--D) + 36px);margin-top:calc((var(--D) + 36px) / -2);transform-origin:0;background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 15px),repeating-linear-gradient(0deg,#0000 0 21px,#00000059 21px 23px),repeating-linear-gradient(90deg,#2c3b58 0 26px,#24324d 26px 52px);position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #0003}.roof:after{content:"";opacity:var(--moss);background-color:#0000;background-image:radial-gradient(18px 10px at 20% 30%,#6f7d3a 60%,#0000 62%),radial-gradient(26px 12px at 64% 58%,#7a8a42 60%,#0000 62%),radial-gradient(14px 9px at 40% 80%,#6a7735 60%,#0000 62%),radial-gradient(22px 12px at 80% 18%,#7a8a42 60%,#0000 62%),radial-gradient(20px 10px at 12% 70%,#76853f 60%,#0000 62%),radial-gradient(16px 10px at 52% 12%,#6f7d3a 60%,#0000 62%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:120px 90px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;transition:opacity .3s;position:absolute;inset:0}.roof-r{transform:translate3d(0,calc((var(--H) / 2 + var(--R) + 2px) * -1),calc((1 - var(--roofR)) * -60px)) rotateZ(var(--pitch)) rotateX(90deg) translateZ(calc((1 - var(--roofR)) * 260px));opacity:var(--roofR)}.roof-l{transform:translate3d(0,calc((var(--H) / 2 + var(--R) + 2px) * -1),calc((1 - var(--roofL)) * 60px)) rotateZ(calc(180deg - var(--pitch))) rotateX(90deg) translateZ(calc((1 - var(--roofL)) * -260px));opacity:var(--roofL);filter:brightness(.8)}.zn{opacity:min(1,calc(var(--zinc) * 4));background:linear-gradient(#f6f8fb 0%,#b9c1cc 45%,#7c8594 100%)}.gutter{width:calc(var(--D) + 44px);height:14px;margin-left:calc((var(--D) + 44px) / -2);border-radius:0 0 10px 10px;margin-top:-7px;position:absolute;top:0;left:0;box-shadow:inset 0 3px #ffffffb3}.g-r{transform:translate3d(calc(var(--W) / 2 + 24px),calc(var(--H) / -2 + 19px - (1 - var(--zinc)) * 70px),0) rotateY(90deg) scaleX(var(--zinc))}.g-l{transform:translate3d(calc(var(--W) / -2 - 24px),calc(var(--H) / -2 + 19px - (1 - var(--zinc)) * 70px),0) rotateY(90deg) scaleX(var(--zinc))}.ridgecap{width:calc(var(--D) + 40px);height:16px;margin-left:calc((var(--D) + 40px) / -2);transform:translate3d(0,calc((var(--H) / 2 + var(--R) + 4px) * -1 - (1 - var(--zinc)) * 90px),0) rotateY(90deg) rotateX(90deg) scaleX(var(--zinc));border-radius:8px;margin-top:-8px;position:absolute;top:0;left:0}.down{width:10px;height:calc(var(--H) / 2 + 56px);transform-origin:50% 0;transform:translate3d(calc(var(--dx) * (var(--W) / 2 + 24px)),calc(var(--H) / -2 + 20px),calc(var(--dz) * (var(--D) / 2 + 4px))) scaleY(var(--zinc));background:linear-gradient(90deg,#8c95a3,#eef1f5 45%,#7c8594);border-radius:5px;margin-left:-5px;position:absolute;top:0;left:0}.shadow{width:calc(var(--W) * 2);height:calc(var(--D) * 1.6);margin-left:calc(var(--W) * -1);margin-top:calc(var(--D) * -.8);transform:translateY(calc(var(--H) / 2 + 1px)) rotateX(90deg);background:radial-gradient(closest-side,#17264347,#0000);position:absolute;top:0;left:0}.house .f{transition:transform .9s var(--ease-out),opacity .6s}.stage-ridge{width:min(70%,560px);color:var(--navy);opacity:calc(1 - var(--roofR,1));position:absolute;top:14%;left:50%;transform:translate(-50%)}.mat{padding:clamp(80px,12vw,180px) 0;position:relative}.mat-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,80px);display:grid}.mat-head h2{font-size:clamp(38px,5.4vw,84px)}.mat-tabs{border-top:1px solid var(--line);flex-wrap:wrap;gap:0;margin:clamp(40px,6vw,80px) 0 0;display:flex}.mat-tab{border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:88px;color:inherit;font:400 clamp(24px,2.6vw,38px)/1 var(--display);text-align:left;cursor:pointer;background:0 0;flex:200px;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex;position:relative}.mat-tab:last-child{border-right:0}.mat-tab small{font:600 12px/1 var(--text);letter-spacing:.14em}.mat-tab[aria-selected=true]{background:var(--navy);color:#fff}.mat-panels{display:grid}.mat-panel{grid-template-columns:minmax(0,5fr) minmax(0,4fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:clamp(28px,4vw,56px);display:grid}.mat-panel[hidden]{display:none}.swatch{aspect-ratio:16/10;clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%);position:relative;overflow:hidden}.swatch img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out)}.swatch:hover img{transform:scale(1.04)}.sw-tex{mix-blend-mode:multiply;opacity:0;height:34%;position:absolute;bottom:0;left:0;right:0}.mat-panel h3{margin-bottom:18px;font-size:clamp(28px,3vw,44px)}.mat-panel figcaption,.cap{color:var(--zinc);margin-top:10px;font-size:14px}.t-dark .cap,.t-dark figcaption{color:#ffffffb8}.ba{aspect-ratio:4/3;touch-action:pan-y;user-select:none;background:#ccc;position:relative;overflow:hidden}.ba img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ba .ba-top{clip-path:inset(0 calc(100% - var(--x,50%)) 0 0);position:absolute;inset:0}.ba .ba-line{top:0;bottom:0;left:var(--x,50%);pointer-events:none;background:#fff;width:1px;position:absolute}.ba .ba-knob{top:50%;left:var(--x,50%);width:64px;height:64px;color:var(--navy);clip-path:polygon(50% 0,100% 38%,100% 100%,0 100%,0 38%);pointer-events:none;font:600 11px/1 var(--text);letter-spacing:.1em;background:#fff;place-items:center;margin:-32px 0 0 -32px;padding-top:12px;display:grid;position:absolute}.ba input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba input:focus-visible~.ba-knob{outline:2px solid var(--navy);outline-offset:4px}.ba .tag{background:var(--navy);color:#fff;font:600 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;pointer-events:none;padding:9px 12px;position:absolute;top:16px}.ba .tag.l{left:16px}.ba .tag.r{color:var(--navy);background:#fff;right:16px}.proof{padding:clamp(80px,12vw,180px) 0}.proof-grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:clamp(24px,5vw,80px);display:grid}.proof h2{margin:16px 0 24px;font-size:clamp(38px,4.6vw,76px)}.zone{padding:clamp(80px,12vw,180px) 0;position:relative;overflow:hidden}.zone-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}.zone-num{font-family:var(--display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1.5px #fff;font-size:clamp(200px,34vw,520px);line-height:.72;position:relative}.zone-num span{font:600 13px/1.3 var(--text);letter-spacing:.18em;text-transform:uppercase;color:#fff;-webkit-text-stroke:0;position:absolute;bottom:.14em;left:.1em}.zone h2{margin:16px 0 24px;font-size:clamp(36px,4.6vw,70px)}.addr{border-top:1px solid var(--line-w);gap:4px;margin-top:28px;padding-top:24px;font-style:normal;display:grid}.faq{padding:clamp(80px,10vw,150px) 0}.faq-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);display:grid}.faq h2{margin-top:16px;font-size:clamp(36px,4.4vw,64px)}.qa{border-top:1px solid var(--line)}.qa:last-child{border-bottom:1px solid var(--line)}.t-dark .qa{border-color:var(--line-w)}.qa summary{cursor:pointer;font:400 clamp(21px,2vw,28px)/1.2 var(--display);grid-template-columns:1fr 44px;align-items:center;gap:16px;min-height:44px;padding:24px 0;list-style:none;display:grid}.qa summary::-webkit-details-marker{display:none}.qa summary i{border:1px solid;width:44px;height:44px;display:block;position:relative}.qa summary i:before,.qa summary i:after{content:"";width:14px;height:1px;transition:transform .4s var(--ease);background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qa summary i:after{transform:translate(-50%,-50%)rotate(90deg)}.qa[open] summary i:after{transform:translate(-50%,-50%)rotate(0)}.qa .ans{max-width:44em;padding:0 60px 26px 0}.final{text-align:center;padding:clamp(90px,14vw,200px) 0 clamp(60px,8vw,120px);position:relative;overflow:hidden}.final .ridge{max-width:980px;margin:0 auto -2px}.final h2{max-width:12em;margin:clamp(20px,3vw,40px) auto 0;font-size:clamp(44px,7.6vw,130px);line-height:.92}.final p{max-width:36em;margin:26px auto 0}.final .step-actions{justify-content:center}.s-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;min-height:100vh;padding-top:110px;display:grid;position:relative;overflow:hidden}.s-hero-txt{padding:0 clamp(16px,3vw,56px) clamp(48px,7vw,110px) var(--pad);z-index:2;position:relative}.s-hero h1{letter-spacing:-.02em;margin:18px 0 28px;font-size:clamp(46px,6.8vw,108px);line-height:.94}.s-hero .lead{max-width:32em;font-size:clamp(18px,1.4vw,21px)}.s-hero-img{align-self:stretch;min-height:60vh;position:relative}.s-hero-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pitch-clip{clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.crumbs{flex-wrap:wrap;gap:10px;font-size:14px;display:flex}.crumbs a{opacity:.8;text-decoration:none}.crumbs a:hover{opacity:1;text-decoration:underline}.chapters{padding:clamp(80px,11vw,170px) 0}.chap{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(20px,4vw,64px);padding:clamp(40px,5vw,72px) 0;display:grid}.t-dark .chap{border-color:var(--line-w)}.chap-n{font-family:var(--display);color:#0000;-webkit-text-stroke:1px currentColor;font-size:clamp(48px,5vw,76px);line-height:.8}.chap h2{font-size:clamp(30px,3.4vw,52px)}.chap p{font-size:clamp(17px,1.2vw,19px)}.chap figure{margin:24px 0 0}.strip{padding:clamp(60px,9vw,140px) 0;overflow:hidden}.strip-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,4vw,56px);display:flex}.strip-head h2{max-width:14em;font-size:clamp(34px,4.4vw,64px)}.strip-track{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(260px,32%);grid-auto-flow:column;gap:clamp(12px,1.6vw,24px);padding-bottom:18px;display:grid;overflow-x:auto}.strip-track figure{scroll-snap-align:start;margin:0}.strip-track img{aspect-ratio:4/3;object-fit:cover;width:100%}.strip-track .n{font:600 12px/1 var(--text);letter-spacing:.16em;margin-top:12px;display:block}.svc-next{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.t-dark .svc-next{border-color:var(--line-w)}.svc-next a{padding:clamp(28px,4vw,56px) var(--pad);border-right:1px solid var(--line);isolation:isolate;gap:14px;min-height:44px;text-decoration:none;display:grid;position:relative;overflow:hidden}.t-dark .svc-next a{border-color:var(--line-w)}.svc-next a:last-child{border-right:0}.svc-next a b{font:400 clamp(28px,3vw,46px)/1 var(--display)}.svc-next a:before{content:"";background:var(--navy);z-index:-1;clip-path:polygon(50% 100%,50% 100%,50% 100%);transition:clip-path .6s var(--ease);position:absolute;inset:0}.svc-next a:hover{color:#fff}.svc-next a:hover:before{clip-path:polygon(50% -80%,180% 100%,-80% 100%)}.t-dark .svc-next a:before{background:#fff}.t-dark .svc-next a:hover{color:var(--navy)}.flip{height:320vh;position:relative}.flip-stick{height:100vh;padding:90px var(--pad) 40px;max-width:var(--max);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(20px,4vw,64px);margin:0 auto;display:grid;position:sticky;top:0}.flip-frame{aspect-ratio:4/3;background:#0a0f1a;position:relative;overflow:hidden}.flip-frame img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.flip-frame img.on,.no-js .flip-frame img:first-child,.flip-frame img:first-child{opacity:1}.flip-bar{background:#fff3;height:2px;margin-top:14px;position:relative}.flip-bar i{width:calc(var(--fp,0) * 100%);background:#fff;position:absolute;top:0;bottom:0;left:0}.flip h2{margin:16px 0 22px;font-size:clamp(34px,4.2vw,62px)}.types{border-top:1px solid var(--line-w);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;display:grid}.type{padding:clamp(28px,4vw,60px) clamp(16px,3vw,48px) clamp(28px,4vw,60px) 0}.type+.type{border-left:1px solid var(--line-w);padding-left:clamp(16px,3vw,48px)}.type h3{margin:20px 0 14px;font-size:clamp(28px,3vw,46px)}.truss-ico{aspect-ratio:2.6;width:min(260px,70%);position:relative}.truss-ico i{transform-origin:0;background:#fff;height:2px;position:absolute;bottom:0;left:0}.moss{aspect-ratio:4/3;cursor:crosshair;touch-action:none;background:#2a3550;position:relative;overflow:hidden}.moss img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.moss canvas{width:100%;height:100%;position:absolute;inset:0}.moss-hint{color:var(--navy);font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:#fff;padding:10px 12px;transition:opacity .4s;position:absolute;bottom:16px;left:16px}.moss-reset{background:var(--navy);color:#fff;min-height:44px;font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;padding:0 14px;position:absolute;top:12px;right:12px}.devis{padding:130px 0 clamp(60px,8vw,120px)}.devis-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,90px);display:grid}.devis h1{margin:18px 0 24px;font-size:clamp(46px,6vw,96px);line-height:.94}.devis-aside{position:sticky;top:110px}.contact-card{background:var(--navy);color:#fff;clip-path:polygon(0 36px,50% 0,100% 36px,100% 100%,0 100%);margin-top:32px;padding:64px 28px 28px}.contact-card dl{gap:16px;margin:0;display:grid}.contact-card dt{font:600 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-bottom:6px}.contact-card dd{margin:0}.contact-card a{text-decoration:none}.contact-card a:hover{text-decoration:underline}.form{border:1px solid var(--line);background:#fff;padding:clamp(22px,4vw,56px)}.form h2{margin-bottom:10px;font-size:clamp(28px,3vw,44px)}.fs{border:0;margin:0 0 34px;padding:0}.fs legend{font:600 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;padding:0;display:flex}.fs legend b{font:400 22px/1 var(--display);letter-spacing:0}.choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;display:grid}.choice{position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span{border:1px solid var(--line);min-height:120px;font:400 22px/1.05 var(--display);clip-path:polygon(0 18px,50% 0,100% 18px,100% 100%,0 100%);background:var(--paper);flex-direction:column;justify-content:flex-end;gap:8px;padding:34px 16px 16px;transition:background .3s,color .3s;display:flex}.choice span small{font:400 13px/1.35 var(--text)}.choice input:checked+span{background:var(--navy);color:#fff}.choice input:focus-visible+span{outline:2px solid var(--navy);outline-offset:3px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}.field label{font-size:15px;font-weight:600}.field label small{color:var(--zinc);font-weight:400}.field input,.field textarea,.field select{font:400 17px/1.4 var(--text);color:var(--navy);background:var(--paper);border:0;border-bottom:1.5px solid var(--navy);border-radius:0;width:100%;min-height:52px;padding:14px}.field textarea{resize:vertical;min-height:160px}.field input:focus,.field textarea:focus{outline:2px solid var(--navy);outline-offset:0;background:#fff}.field .err{color:#9b1c1c;font-size:14px;display:none}.field.bad input,.field.bad textarea{background:#fbf0ef;border-bottom-color:#9b1c1c}.field.bad .err{display:block}.hint{color:var(--zinc);font-size:14px}.consent{grid-template-columns:24px 1fr;align-items:start;gap:14px;margin:10px 0 24px;font-size:15px;display:grid}.consent input{width:22px;height:22px;accent-color:var(--navy);margin:2px 0 0}.consent.bad{color:#9b1c1c}.form-status{min-height:1.6em;margin-top:18px;font-size:15px}.form-status.err{color:#9b1c1c}.form [type=submit][aria-busy=true]{opacity:.7;pointer-events:none}.form [type=submit][aria-busy=true] .arr{animation:1s infinite slide}@keyframes slide{50%{transform:translate(6px)}}.legal{padding:140px 0 clamp(60px,8vw,120px)}.legal-grid{grid-template-columns:minmax(0,3fr) minmax(0,8fr);align-items:start;gap:clamp(28px,5vw,90px);display:grid}.legal h1{max-width:12em;margin:18px 0 20px;font-size:clamp(42px,5.6vw,88px);line-height:.96}.toc{border-top:1px solid var(--line);padding-top:18px;position:sticky;top:110px}.toc ol{counter-reset:t;gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{counter-increment:t;align-items:center;gap:12px;min-height:44px;font-size:15px;text-decoration:none;display:flex}.toc a:before{content:counter(t,decimal-leading-zero);font:600 11px/1 var(--text);letter-spacing:.1em;opacity:.6}.toc a:hover{text-decoration:underline}.lsec{border-top:1px solid var(--line);padding:36px 0;scroll-margin-top:100px}.lsec h2{margin-bottom:22px;font-size:clamp(26px,2.6vw,38px)}.lsec h3{font:600 13px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;margin:26px 0 12px}.dl{grid-template-columns:minmax(140px,220px) 1fr;gap:10px 28px;margin:0;display:grid}.dl dt{font-size:15px;font-weight:600}.dl dd{overflow-wrap:anywhere;margin:0}.util{align-content:center;min-height:100vh;padding:140px 0 80px;display:grid;position:relative;overflow:hidden}.util h1{max-width:11em;margin:20px 0 26px;font-size:clamp(44px,7vw,112px);line-height:.94}.util .lead{max-width:34em;font-size:clamp(18px,1.4vw,21px)}.tiles{grid-template-columns:repeat(12,1fr);gap:4px;width:min(560px,90%);margin:0 0 40px;display:grid;transform:skewY(-4deg)}.tiles i{aspect-ratio:1/1.3;background:var(--navy);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);display:block}.t-dark .tiles i{background:#fff}.tiles i.gone{outline-offset:-3px;background:0 0;outline:1px dashed}.js .tiles i.gone{animation:drop 2.4s var(--ease) infinite}@keyframes drop{0%,30%{opacity:1;background:var(--navy);transform:none}60%{opacity:0;transform:translateY(40px)rotate(24deg)}to{opacity:0}}.ft{background:var(--ink);color:#fff;padding:clamp(60px,8vw,110px) 0 28px;position:relative}.ft-top{grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:clamp(24px,4vw,60px);display:grid}.ft-logo{width:190px;margin-bottom:22px}.ft h2{font:600 11px/1 var(--text);letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-bottom:16px}.ft ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ft a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.ft a:hover{text-decoration:underline}.ft address{font-style:normal}.ft-bot{border-top:1px solid var(--line-w);flex-wrap:wrap;justify-content:space-between;gap:12px 28px;margin-top:clamp(40px,6vw,80px);padding-top:22px;font-size:14px;display:flex}.ft-bot ul{flex-wrap:wrap;gap:4px 22px;display:flex}.linkbtn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:none}.linkbtn:hover{text-decoration:underline}.ft-big{font-family:var(--display);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1px #ffffff59;white-space:nowrap;user-select:none;margin-top:clamp(40px,6vw,80px);font-size:clamp(60px,15vw,250px);line-height:.8;overflow:hidden}.ck{left:var(--pad);z-index:120;max-width:min(460px,calc(100vw - 2 * var(--pad)));color:var(--navy);border:1px solid var(--navy);transition:transform .6s var(--ease),opacity .4s;background:#fff;padding:22px 22px 20px;position:fixed;bottom:20px;transform:translateY(0);box-shadow:0 20px 50px -20px #0d132073}.ck[hidden]{display:none}.ck.out{opacity:0;transform:translateY(140%)}.ck-h{font:400 22px/1.1 var(--display);align-items:center;gap:12px;margin:0 0 10px;display:flex}.ck-h img{width:34px}.ck p{margin:0 0 16px;font-size:15px}.ck-row{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.ck-row .btn{--h:44px;min-height:44px;padding:0 20px;font-size:14px}.ck-row a{align-items:center;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}@media (width<=1024px){.mat-panel,.proof-grid,.zone-grid,.faq-grid,.devis-grid,.legal-grid{grid-template-columns:minmax(0,1fr)}.devis-aside,.toc{position:static}.chap{grid-template-columns:minmax(0,1fr)}.chap-n{font-size:44px}.ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}.flip-stick{grid-template-columns:minmax(0,1fr);align-content:center}}@media (width<=860px){.home-hero{grid-template-columns:minmax(0,1fr)}.stage{z-index:2;grid-row:1;height:42vh;min-height:280px;top:0}.stage-cap{bottom:12px}.scene{--s:.62}.story{padding:0 var(--pad)}.step{min-height:auto;padding:56px 0 64px}.step--first{padding-top:48px}.s-hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:96px}.s-hero-img{order:-1;min-height:56vw}.s-hero-txt{padding:36px var(--pad) 56px}.mat-head,.types{grid-template-columns:minmax(0,1fr)}.type+.type{border-left:0;border-top:1px solid var(--line-w);padding-left:0}.fields{grid-template-columns:minmax(0,1fr)}.dl{grid-template-columns:minmax(0,1fr);gap:2px}.dl dd{margin-bottom:12px}.flip{height:auto}.flip-stick{height:auto;padding:80px var(--pad);position:relative}.strip-track{grid-auto-columns:minmax(240px,78%)}.qa .ans{padding-right:0}}@media (width<=520px){.ft-top{grid-template-columns:minmax(0,1fr)}.scene{--s:.5}.step-actions .btn{justify-content:space-between;width:100%}}@media (height<=560px) and (width>=861px){.step{min-height:auto;padding:110px 0 60px}.stage{height:100vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js .rv,.js .rv-mask{opacity:1;clip-path:none;transform:none}.pt{display:none}.flip{height:auto}.flip-stick{height:auto;position:relative}}.dm-stage{background:linear-gradient(180deg,var(--stone),var(--paper) 75%);-webkit-user-select:none;user-select:none;align-self:stretch;min-height:640px;position:relative;overflow:hidden}.dm{--Wl:560px;--Hw:180px;--Dd:320px;--R:134px;--Ls:231px;--s:.9;perspective:2000px;perspective-origin:50% 25%;position:absolute;inset:0}.dm-house{width:0;height:0;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(-26deg) rotateY(-22deg);transition:transform 1.2s var(--ease-out);position:absolute;top:60%;left:50%}.dm-stage:hover .dm-house{transform:scale(var(--s)) rotateX(-28deg) rotateY(-18deg)}.dm-house>*{transform-style:preserve-3d}.dm-wall{background:repeating-linear-gradient(0deg,#0000 0 21px,#17264312 21px 22px),repeating-linear-gradient(90deg,#0000 0 43px,#1726430d 43px 44px),linear-gradient(#efe6d3,#e0d3b8)}.dm-front{width:var(--Wl);height:var(--Hw);transform:translate(calc(var(--Wl) / -2),calc(var(--Hw) / -2)) translateZ(calc(var(--Dd) / 2));background:linear-gradient(#e7dcc5,#e7dcc5) 76px 44px/62px 78px no-repeat,linear-gradient(var(--navy),var(--navy)) 80px 48px/54px 70px no-repeat, linear-gradient(#e7dcc5,#e7dcc5) 246px 60px/68px 120px no-repeat,linear-gradient(#2b3b5c,#2b3b5c) 250px 64px/60px 116px no-repeat, linear-gradient(#e7dcc5,#e7dcc5) 422px 44px/62px 78px no-repeat,linear-gradient(var(--navy),var(--navy)) 426px 48px/54px 70px no-repeat, repeating-linear-gradient(0deg,transparent 0 21px,#17264312 21px 22px),linear-gradient(180deg,#efe6d3,#e0d3b8)}.dm-back{width:var(--Wl);height:var(--Hw);transform:translate(calc(var(--Wl) / -2),calc(var(--Hw) / -2)) translateZ(calc(var(--Dd) / -2));filter:brightness(.7)}.dm-gable{width:var(--Dd);height:calc(var(--Hw) + var(--R));clip-path:polygon(0 var(--R),50% 0,100% var(--R),100% 100%,0 100%)}.dm-gr{transform:translate(calc(var(--Dd) / -2),calc((var(--Hw) / 2 + var(--R)) * -1)) rotateY(90deg) translateZ(calc(var(--Wl) / 2));filter:brightness(.86)}.dm-gl{transform:translate(calc(var(--Dd) / -2),calc((var(--Hw) / 2 + var(--R)) * -1)) rotateY(-90deg) translateZ(calc(var(--Wl) / 2));filter:brightness(.74)}.dm-roof{width:calc(var(--Wl) + 44px);height:var(--Ls);transform-origin:50% 100%;background:repeating-linear-gradient(0deg,#1f2a40 0 2px,#0000 2px 18px),repeating-linear-gradient(90deg,#34435f 0 29px,#2b3953 29px 30px),#303f5b}.dm-roof-f{transform:translate(calc((var(--Wl) + 44px) / -2),calc(var(--Ls) * -1 - var(--Hw) / 2 + 14px)) translateZ(calc(var(--Dd) / 2 + 17px)) rotateX(50deg);box-shadow:0 1px #1b2438}.dm-roof-b{transform:translate(calc((var(--Wl) + 44px) / -2),calc(var(--Ls) * -1 - var(--Hw) / 2 + 14px)) translateZ(calc(var(--Dd) / -2 - 17px)) rotateX(-50deg);filter:brightness(.7)}.dm-roof canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.dm-moss{cursor:none;touch-action:none}.dm-ridge{width:calc(var(--Wl) + 50px);height:18px;transform:translate(calc((var(--Wl) + 50px) / -2),calc((var(--Hw) / 2 + var(--R)) * -1 - 9px)) rotateX(80deg);border-radius:9px}.dm-gutter{width:calc(var(--Wl) + 50px);height:15px;transform:translate(calc((var(--Wl) + 50px) / -2),calc(var(--Hw) / -2 + 12px)) translateZ(calc(var(--Dd) / 2 + 24px));border-radius:0 0 10px 10px}.dm-down{width:11px;height:calc(var(--Hw) - 14px);transform:translate(calc(var(--Wl) / 2 - 10px),calc(var(--Hw) / -2 + 22px)) translateZ(calc(var(--Dd) / 2 + 22px));background:linear-gradient(90deg,#8c95a3,#eef1f5 45%,#7c8594);border-radius:5px}.dm-shadow{width:calc(var(--Wl) * 1.6);height:calc(var(--Dd) * 2);margin-left:calc(var(--Wl) * -.8);margin-top:calc(var(--Dd) * -1);transform:translateY(calc(var(--Hw) / 2 + 1px)) rotateX(90deg);background:radial-gradient(closest-side,#1726434d,#0000)}.dm-brush{width:52px;height:52px;box-shadow:0 0 0 1px var(--navy),inset 0 0 0 1px var(--navy);pointer-events:none;opacity:0;z-index:4;border:2px solid #fff;border-radius:50%;margin:-26px 0 0 -26px;transition:opacity .2s,transform .12s;position:absolute;top:0;left:0}.dm-brush.on{opacity:1}.dm-brush.down{transform:scale(.86)}.dm-hint{background:var(--navy);color:#fff;font:600 12px/1.2 var(--text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;z-index:3;align-items:center;gap:10px;margin:0;padding:12px 16px;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.dm-hint i{background:#fff;border-radius:50%;width:10px;height:10px;animation:1.6s infinite pulse;box-shadow:0 0 #ffffffb3}@keyframes pulse{70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.dm-hint.gone{opacity:0;transform:translate(-50%,-12px)}.dm-hud{z-index:3;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 16px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.dm-meter{border:1px solid var(--line);background:#ffffffeb;grid-template-columns:1fr auto;align-items:baseline;gap:8px 12px;padding:14px 16px;display:grid}.dm-meter span{font:600 11px/1 var(--text);letter-spacing:.16em;text-transform:uppercase}.dm-meter b{font:400 28px/1 var(--display)}.dm-meter i{background:var(--stone);grid-column:1/-1;height:6px;position:relative;overflow:hidden}.dm-meter s{background:var(--navy);width:0;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.dm-actions{flex-direction:column;gap:6px;display:flex}.dm-actions button{border:1px solid var(--navy);min-height:44px;color:var(--navy);font:600 13px/1 var(--text);cursor:pointer;background:#fff;padding:0 16px}.dm-actions button:hover{background:var(--navy);color:#fff}.dm-done{background:var(--navy);color:#fff;clip-path:polygon(0 12px,50% 0,100% 12px,100% 100%,0 100%);grid-column:1/-1;margin:0;padding:24px 18px 16px;font-size:15px}.dm-done a{color:#fff;white-space:nowrap;font-weight:600}.dm-done[hidden]{display:none}@media (width<=1440px){.dm{--s:.78}}@media (width<=1200px){.dm{--s:.6}}@media (width<=860px){.dm-stage{order:-1;min-height:520px}.dm{--s:.8}}@media (width<=700px){.dm{--s:.6}.dm-hint{top:auto;bottom:150px}}@media (width<=520px){.dm{--s:.46}.dm-stage{min-height:480px}.dm-hud{grid-template-columns:1fr}.dm-actions{flex-direction:row}.dm-actions button{flex:1}}picture{display:contents}h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}.hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-note[data-state=error]{color:#9b1c1c}.w-right,.w-left{width:var(--D);height:var(--H)}.choice input{z-index:1;width:100%;height:100%}.choice span{pointer-events:none}.js .scene{--truss:0;--roofL:0;--roofR:0;--zinc:0}@media (prefers-reduced-motion:reduce){.js .scene{--truss:1;--roofL:1;--roofR:1;--zinc:1}}.ft a:hover,.ft a:focus-visible{color:#fff}.addr a,.final .tel,.contact-card a,.crumbs a,.dl a{align-items:center;min-height:44px;display:inline-flex}