/* mcn-site: static replacements for what Durable's JavaScript did (see README) */
html{scroll-behavior:smooth}
/* service/value cards: Durable set flex-basis per viewport in JS (1 / 2 / 3 columns) */
.mcn-col{flex:0 0 100%}
@media (min-width:640px){.mcn-col{flex:0 0 calc(50% - 20px)}}
@media (min-width:1024px){.mcn-col{flex:0 0 calc(33.3333% - 26.6667px)}}
/* the curved lower edge of the text section: JS drew an SVG clipPath sized to the viewport
   (curve depth 6.1% of the width); this is the same curve in CSS */
.mcn-curve{padding-bottom:6.1vw !important;clip-path:inset(0 0 1.52vw 0 round 0 0 50% 50% / 0 0 4.58vw 4.58vw)}
.mcn-under-curve{margin-top:calc(-6.1vw - 1px) !important;padding-top:calc(6.1vw + 1px) !important}
/* phone menu: headless-ui dialog, now a checkbox toggle */
#mcn-menu{display:none}
.mcn-menu-panel{display:none}
#mcn-menu:checked ~ .mcn-menu-panel{display:block}
label.mcn-burger{cursor:pointer}
@media (min-width:1024px){#mcn-menu:checked ~ .mcn-menu-panel{display:none}}