@charset "UTF-8";.tile-grid{gap:15px;display:-ms-grid;display:grid;margin-top:50px;margin-top:clamp(25px, 4vw, 50px);-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}@media screen and (max-width:1400px){.tile-grid{-ms-grid-columns:100%;grid-template-columns:100%}}.tile-grid .tile{position:relative;width:100%;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:clip;border-radius:3px}@media screen and (max-width:1400px){.tile-grid .tile{height:350px}}@media screen and (max-width:1000px){.tile-grid .tile{height:290px}}@media screen and (max-width:600px){.tile-grid .tile{height:auto}}.tile-grid .tile img{width:100%;height:auto;display:block}@media screen and (max-width:1400px){.tile-grid .tile img{position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}}.tile-grid .tile .inner{position:absolute;color:white;width:85%;-webkit-transform:translate(-50%, 50%);-ms-transform:translate(-50%, 50%);transform:translate(-50%, 50%);left:50%;bottom:15%;text-align:center;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;z-index:4}@media screen and (max-width:1000px){.tile-grid .tile .inner{bottom:50%}}@media screen and (max-width:600px){.tile-grid .tile .inner{position:relative;-webkit-transform:initial;-ms-transform:initial;transform:initial;left:initial;bottom:initial;padding:30px;width:100%}}.tile-grid .tile .inner p{margin-bottom:0;margin-top:10px}@media screen and (max-width:1400px){.tile-grid .tile .inner p{line-height:1.4}}.tile-grid .tile .inner h3{margin:0;--min-size:20px;--max-size:35px;--scaler:calc(3vw * var(--heading-scale-factor));font-size:var(--max-size);font-size:clamp(var(--min-size), var(--scaler), var(--max-size))}.tile-grid .tile .inner .hidden{display:none}@media screen and (max-width:1000px){.tile-grid .tile .inner .hidden{display:block}}@media screen and (min-width:1001px){.tile-grid .tile:active:after,.tile-grid .tile:focus:after,.tile-grid .tile:hover:after{opacity:1}.tile-grid .tile:active .inner,.tile-grid .tile:focus .inner,.tile-grid .tile:hover .inner{bottom:50%}.tile-grid .tile:active img,.tile-grid .tile:focus img,.tile-grid .tile:hover img{-webkit-filter:blur(2px);filter:blur(2px)}}.tile-grid .tile:after{content:"";-webkit-transition:inherit;-o-transition:inherit;transition:inherit;display:block;top:0;left:0;width:100%;height:100%;position:absolute;z-index:3;background:-webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.7)), color-stop(30%, rgba(0, 0, 0, 0.4)), color-stop(75%, rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);background:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 75%);opacity:0}@media screen and (max-width:1000px){.tile-grid .tile:after{opacity:1;background:rgba(0, 0, 0, 0.5)}}.split{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width:1350px){.split{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--py-min:40px;--py-scaler:7vw;--py-max:80px;padding-top:5%;padding-top:clamp(var(--py-min), var(--py-scaler), var(--py-max));padding-bottom:5%;padding-bottom:clamp(var(--py-min), var(--py-scaler), var(--py-max))}}.split .split-left{padding:5% 5% 3%}@media only screen and (max-width:1350px){.split .split-left{--px-min:20px;--px-scaler:6vw;--px-max:100px;padding-left:5%;padding-left:clamp(var(--px-min), var(--px-scaler), var(--px-max));padding-right:5%;padding-right:clamp(var(--px-min), var(--px-scaler), var(--px-max));padding-top:0;padding-top:0}}.split .split-left h2{--max-size:35px}.split .split-left .dmg-list{padding-left:0;list-style:none}.split .split-left .dmg-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0}@media only screen and (max-width:1350px){.split .split-left .dmg-list li{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.split .split-left .dmg-list li:before{display:none}.split .split-left .dmg-list li .dmg-icon{margin-right:20px}.split .split-left .dmg-list li .dmg-icon svg{width:60px;height:60px}@media only screen and (max-width:640px){.split .split-left .dmg-list li .dmg-icon svg{width:45px;height:45px}}.split .split-left .dmg-list li .text-heading{font-weight:bold}.split .split-left .dmg-list li .text-heading .text{font-weight:400}.split .split-left .dmg-list li:nth-child(2) .dmg-icon svg{width:76px;margin-left:-14px}@media only screen and (max-width:640px){.split .split-left .dmg-list li:nth-child(2) .dmg-icon svg{margin-left:-6px;width:51px}}.split .split-right{min-width:670px;position:relative}@media only screen and (max-width:1350px){.split .split-right{min-width:100%;--px-min:20px;--px-scaler:6vw;--px-max:100px;padding-left:5%;padding-left:clamp(var(--px-min), var(--px-scaler), var(--px-max));padding-right:5%;padding-right:clamp(var(--px-min), var(--px-scaler), var(--px-max))}}.split .split-right img{position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;width:100%}@media only screen and (max-width:1350px){.split .split-right img{position:relative;-o-object-fit:none;object-fit:none;width:unset;height:unset}}.timeline-wrap .timeline{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-top:40px}@media only screen and (max-width:1100px){.timeline-wrap .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-row-gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (max-width:600px){.timeline-wrap .timeline{display:block}}.timeline-wrap .timeline li{font-size:17px;font-weight:600;text-align:center;padding-inline:20px;line-height:1.2;padding-block:10px;margin-top:0;margin-bottom:0}@media only screen and (max-width:1100px){.timeline-wrap .timeline li{width:25%}}@media only screen and (max-width:600px){.timeline-wrap .timeline li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;text-align:left}}.timeline-wrap .timeline li .date{display:block;color:#eb1d25;font-size:30px;font-weight:700}.timeline-wrap .timeline li:before{content:"";height:8px;width:8px;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#7f7f7f;border-radius:50%}@media only screen and (max-width:600px){.timeline-wrap .timeline li:before{top:50%;left:0}}.timeline-wrap .timeline li:after{content:"";height:1px;width:100%;position:absolute;top:0;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#7f7f7f}@media only screen and (max-width:600px){.timeline-wrap .timeline li:after{height:100%;width:1px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}}.timeline-wrap .timeline li:first-of-type:after{width:50%;left:50%}@media only screen and (max-width:600px){.timeline-wrap .timeline li:first-of-type:after{height:50%;width:1px;left:0;top:50%}}.timeline-wrap .timeline li:last-of-type:after{width:50%}@media only screen and (max-width:600px){.timeline-wrap .timeline li:last-of-type:after{height:50%;width:1px;left:0;top:0}}@media only screen and (max-width:1100px){.timeline-wrap .timeline li:nth-child(4):after{width:50%}.timeline-wrap .timeline li:nth-child(5):after{width:50%;left:50%}}@media only screen and (max-width:600px){.timeline-wrap .timeline li:nth-child(4):after{height:100%;width:1px}.timeline-wrap .timeline li:nth-child(5):after{height:100%;width:1px;left:0}}
/*# sourceMappingURL=roof-storm.css.map */