.mhg-seam{--sm-blue:#005484;--sm-navy:#002d47;--sm-ink:#24303c;--sm-tint:#e0eaf0;--sm-muted:#55636e;--sm-line:#002d471a;--sm-font:"Montserrat",system-ui,sans-serif;color:var(--sm-ink);background:#fff;padding:clamp(3.5rem,7vw,6rem) 20px;position:relative}.mhg-seam *{box-sizing:border-box}.seam-wrap{text-align:center;max-width:940px;margin:0 auto;position:relative}.seam-ch{align-items:center;gap:11px;margin-bottom:16px;display:inline-flex}.seam-ch-num{font-family:var(--sm-font);color:var(--sm-blue);font-size:30px;font-weight:900;line-height:.8}.seam-ch-label{font-family:var(--sm-font);letter-spacing:.2em;text-transform:uppercase;color:#55636e;padding-left:15px;font-size:12px;font-weight:700;position:relative}.seam-ch-label:before{content:"";background:var(--sm-blue);border-radius:2px;width:9px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.seam-h2{font-family:var(--sm-font);letter-spacing:-.02em;color:var(--sm-ink);margin:0 0 14px;font-size:clamp(26px,5vw,44px);font-weight:800;line-height:1.1}.seam-hl{color:var(--sm-blue);position:relative}.seam-hl:after{content:"";background:var(--sm-tint);z-index:-1;transform-origin:0;border-radius:3px;height:.34em;transition:transform .7s cubic-bezier(.22,1,.36,1) .35s;position:absolute;bottom:.02em;left:-2px;right:-2px;transform:scaleX(0)}.seam-h2.is-on .seam-hl:after{transform:scaleX(1)}.seam-lead{max-width:60ch;color:var(--sm-muted);margin:0 auto 42px;font-size:clamp(15px,1.9vw,18px);line-height:1.6}.seam-stage{max-width:720px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(.5rem,2vw,1.5rem) clamp(2.5rem,5vw,3.5rem);position:relative}.seam-gutter{height:196px;position:relative}.seam-fascia{background:linear-gradient(#3c4b58,#28343e);border-radius:4px;height:20px;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 5px #0000002e}.seam-trough{background:linear-gradient(#fff 0,#e2eaf0 34%,#c0ccd6 72%,#9fadb8 100%);border-radius:6px 6px 13px 13px;height:88px;position:absolute;top:9px;left:0;right:0;overflow:hidden;box-shadow:inset 0 8px 12px #ffffffb3,inset 0 -5px 8px #002d472e,0 22px 34px -16px #002d4780}.seam-trough:after{content:"";background:#002d471f;height:2px;position:absolute;top:32px;left:0;right:0;box-shadow:0 3px #fff9}.seam-lip{z-index:3;background:linear-gradient(#fff,#dfe8ef);border-radius:9px;height:14px;position:absolute;top:8px;left:0;right:0;box-shadow:0 2px 5px #002d4729}.seam-endcap{z-index:4;background:linear-gradient(#f0f4f8,#93a3af);width:8px;height:88px;position:absolute;top:9px;box-shadow:0 14px 22px -10px #002d4780}.seam-endcap--l{border-radius:6px 3px 3px 8px;left:-3px}.seam-endcap--r{border-radius:3px 6px 8px 3px;right:-3px}.seam-water{z-index:2;background:linear-gradient(90deg,#0a6aa38c,var(--sm-blue) 55%,#0a6aa3);border-radius:3px 40px 40px 3px;width:0;transition:width 1.3s cubic-bezier(.4,0,.2,1) .25s;position:absolute;top:36px;bottom:16px;left:6px;box-shadow:0 0 16px #00548473,inset 0 2px #ffffff4d}.seam-joints{z-index:3;transition:opacity .55s .15s;position:absolute;inset:9px 0 0}.seam-joint{background:linear-gradient(var(--sm-ink),#24303c66);border-radius:2px;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.seam-stain{filter:blur(1px);background:linear-gradient(#24303c6b,#24303c00);border-radius:0 0 8px 8px;width:16px;height:44px;position:absolute;top:0;left:50%;transform:translate(-50%)}.seam-drip{opacity:0;background:radial-gradient(circle at 40% 30%,#8fa6b6,#4f6675);border-radius:50%/60% 60% 40% 40%;width:8px;height:11px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.seam-downspout{z-index:1;background:linear-gradient(90deg,#f2f6f9 0,#cbd6de 46%,#9fadb8 100%);border-radius:3px 3px 4px 4px;width:30px;height:128px;position:absolute;top:64px;right:26px;box-shadow:0 16px 26px -12px #002d4780}.seam-downspout:before{content:"";border-radius:inherit;opacity:.55;background:repeating-linear-gradient(90deg,#ffffff80 0 3px,#0000 3px 9px);position:absolute;inset:0}.seam-ds-drip{background:radial-gradient(circle at 40% 30%,#7fbfe6,var(--sm-blue));opacity:0;border-radius:50%/60% 60% 40% 40%;width:10px;height:13px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.seam-caps{min-height:22px;margin-top:22px;position:relative}.seam-cap{font-family:var(--sm-font);color:var(--sm-muted);font-size:clamp(13px,1.7vw,15px);transition:opacity .5s;position:absolute;top:0;left:0;right:0}.seam-cap b{color:var(--sm-ink);letter-spacing:.02em;font-weight:800}.seam-cap--before b{color:var(--sm-ink)}.seam-cap--after{opacity:0}.seam-cap--after b{color:var(--sm-blue)}.seam-facts{flex-wrap:wrap;justify-content:center;gap:14px 40px;margin:40px auto 0;padding:0;list-style:none;display:flex}.seam-facts li{flex-direction:column;align-items:center;display:flex}.seam-facts strong{font-family:var(--sm-font);color:var(--sm-ink);font-size:clamp(20px,3vw,26px);font-weight:900;line-height:1}.seam-facts span{color:#55636e;letter-spacing:.02em;margin-top:5px;font-size:12.5px}.mhg-seam [data-seam-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.mhg-seam [data-seam-reveal].is-on{opacity:1;transform:none}.seam-stage{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1) .1s,transform .7s cubic-bezier(.22,1,.36,1) .1s,box-shadow .3s,border-color .3s;transform:translateY(22px)}.seam-stage.is-in{opacity:1;transform:none}.seam-stage.is-in:not(.is-transformed) .seam-drip{animation:1.5s ease-in infinite seam-fall}.seam-stage.is-in:not(.is-transformed) .seam-joint:nth-child(2) .seam-drip{animation-delay:.5s}.seam-stage.is-in:not(.is-transformed) .seam-joint:nth-child(3) .seam-drip{animation-delay:.9s}.seam-stage.is-in:not(.is-transformed) .seam-joint:nth-child(4) .seam-drip{animation-delay:1.3s}@keyframes seam-fall{0%{opacity:0;transform:translate(-50%,-2px)scale(.7)}18%{opacity:1;transform:translate(-50%,2px)scale(1)}70%{opacity:1;transform:translate(-50%,30px)scale(.95)}to{opacity:0;transform:translate(-50%,46px)scale(.6)}}.seam-stage.is-transformed .seam-joints{opacity:0}.seam-stage.is-transformed .seam-drip{opacity:0;animation:none}.seam-stage.is-transformed .seam-water{width:calc(100% - 34px)}.seam-stage.is-transformed .seam-ds-drip{animation:1.4s ease-in 1.1s infinite seam-ds}.seam-stage.is-transformed .seam-cap--before{opacity:0}.seam-stage.is-transformed .seam-cap--after{opacity:1}@keyframes seam-ds{0%{opacity:0;transform:translate(-50%,-4px)scale(.7)}25%{opacity:1;transform:translate(-50%,2px)scale(1)}75%{opacity:1;transform:translate(-50%,16px)scale(.9)}to{opacity:0;transform:translate(-50%,26px)scale(.6)}}@media (width<=600px){.seam-gutter{height:172px}.seam-trough,.seam-endcap{height:74px}.seam-downspout{width:26px;height:112px;top:56px;right:18px}.seam-caps{min-height:40px;margin-top:28px}}@media (prefers-reduced-motion:reduce){.mhg-seam *{transition:none!important;animation:none!important}}