/* Holland Gaas homepage 2.13.4 — open editorial story */
.home .hg-main{background:#fff}
.home .hg-home30-intro{padding:150px 0 95px;background:#fff}
.home .hg-home30-intro:before{display:none}
.home .hg-home30-intro>.hg-shell{grid-template-columns:1.05fr .68fr;gap:75px 10vw}
.home .hg-home30-intro__lead h2{max-width:820px;font-size:clamp(58px,6vw,94px);line-height:.94}
.home .hg-home30-intro__copy>p{font-size:19px}
.home .hg-home30-questions{margin-top:55px;border-left:0;box-shadow:none;background:transparent}
.home .hg-home30-questions>a{min-height:185px;padding:27px 64px 25px 0;border-right:0;border-bottom:1px solid var(--hg-line);background:transparent}
.home .hg-home30-questions>a:not(:last-child){margin-right:44px}
.home .hg-home30-questions>a:hover{transform:none;background:transparent;color:var(--hg-blue)}
.home .hg-home30-questions>a:before{height:2px}
.home .hg-home30-questions strong{margin:auto 0 8px;font-size:23px}
.home .hg-home30-questions>a:hover small{color:var(--hg-muted)}
.home .hg-home30-questions i{right:3px}

.hg-home-openstory{width:min(1640px,calc(100vw - 48px));margin:0 auto;padding:55px 0 150px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr);gap:clamp(55px,7vw,130px);align-items:center}
.hg-home-openstory__image{position:relative;height:clamp(440px,46vw,720px);overflow:hidden}
.hg-home-openstory__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,31,50,.46),transparent 38%)}
.hg-home-openstory__image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--hg-ease)}
.hg-home-openstory__image:hover img{transform:scale(1.025)}
.hg-home-openstory__image span{position:absolute;z-index:2;left:32px;bottom:27px;color:#fff;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.hg-home-openstory__copy{max-width:510px;padding-right:clamp(20px,5vw,90px)}
.hg-home-openstory__copy h2{margin:0;color:var(--hg-blue);font-size:clamp(44px,4.6vw,72px);font-weight:520;line-height:.98;letter-spacing:-.058em}
.hg-home-openstory__copy>p:not(.hg-kicker){margin:35px 0 34px;color:var(--hg-muted);font-size:17px;line-height:1.72}

.home .hg-home30-flow{padding:30px 0 145px;background:#fff;color:var(--hg-blue)}
.home .hg-home30-flow:before{display:none}
.home .hg-home30-flow .hg-kicker,.home .hg-home30-flow h2{color:var(--hg-blue)}
.home .hg-home30-flow__head{grid-template-columns:.6fr 1.15fr .72fr;margin-bottom:70px}
.home .hg-home30-flow__head h2{color:var(--hg-blue)}
.home .hg-home30-flow__head>p{color:var(--hg-muted)}
.home .hg-home30-flow__line{border-top:1px solid var(--hg-blue)}
.home .hg-home30-flow__line>a,.home .hg-home30-flow__line>a:first-child{min-height:210px;padding:34px 25px 25px;border-color:var(--hg-line);color:var(--hg-blue)}
.home .hg-home30-flow__line>a:hover{background:#f4f7f8}
.home .hg-home30-flow__line small{color:#8797a2}
.home .hg-home30-flow__line strong{margin-top:60px;color:var(--hg-blue)}
.home .hg-home30-flow__line p{color:var(--hg-muted)}

.home .hg-home30-tools{padding:150px 0 165px;background:#f4f6f6}
.home .hg-home30-tools__grid{gap:0;border-top:1px solid var(--hg-blue);border-bottom:1px solid var(--hg-line)}
.home .hg-home30-tool{min-height:690px;padding:34px 44px 38px;box-shadow:none}
.home .hg-home30-tool:hover{transform:none;box-shadow:none}
.home .hg-home30-tool--mesh{margin-top:60px;background:#062b46}
.home .hg-home30-tool--air{margin-bottom:60px;border:1px solid var(--hg-line);border-top:0}
.home .hg-home30-tool__visual{min-height:300px}
.home .hg-home30-tool__body h3{font-size:clamp(54px,5.7vw,84px)}

.home .hg-home30-systems{padding:160px 0;background:#fff;color:var(--hg-blue)}
.home .hg-home30-systems .hg-kicker,.home .hg-home30-systems h2{color:var(--hg-blue)}
.home .hg-home30-systems__head>div:last-child>p{color:var(--hg-muted)}
.home .hg-home30-systems__mosaic{grid-template-columns:1.18fr .82fr;grid-template-rows:300px 300px 105px;gap:10px}
.home .hg-home30-system--accordeon{min-height:610px}
.home .hg-home30-system--more{min-height:105px;background:#f0f3f4;color:var(--hg-blue)}
.home .hg-home30-system--more>span,.home .hg-home30-system--more strong,.home .hg-home30-system--more>i{color:var(--hg-blue)}

.home .hg-homehub{padding:155px 0;background:#f5f4f0}
.home .hg-homehub__editorial{background:transparent}
.home .hg-homehub__feature{background:#fff}
.home .hg-homehub__tools{background:transparent}
.home .hg-home30-proof{padding:82px 0;background:#fff;border-top:1px solid var(--hg-line)}

.hg-home-invite{position:relative;padding:150px 0 135px;background:#062b46;color:#fff;overflow:hidden}
.hg-home-invite:after{content:"";position:absolute;right:-11vw;top:-19vw;width:54vw;height:54vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 7vw rgba(255,255,255,.025),0 0 0 15vw rgba(255,255,255,.018)}
.hg-home-invite>.hg-shell{position:relative;z-index:1}
.hg-home-invite>.hg-shell>div{display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;align-items:end}
.hg-home-invite h2{max-width:900px;margin:0;color:#fff;font-size:clamp(58px,6.6vw,104px);font-weight:510;line-height:.91;letter-spacing:-.067em}
.hg-home-invite div>div>p{margin:0 0 34px;color:rgba(255,255,255,.67);font-size:17px;line-height:1.7}

@media(max-width:1100px){
  .hg-home-openstory{grid-template-columns:1fr;width:min(100% - 48px,1380px)}
  .hg-home-openstory__copy{max-width:780px;padding:0 24px}
  .home .hg-home30-flow__head{grid-template-columns:1fr 1fr}
  .home .hg-home30-flow__head .hg-kicker{grid-column:1/3}
  .hg-home-invite>.hg-shell>div{grid-template-columns:1fr;gap:45px}
  .hg-home-invite div>div{max-width:620px}
}
@media(max-width:900px){
  .home .hg-home30-intro{padding:105px 0 70px}
  .home .hg-home30-intro>.hg-shell{grid-template-columns:1fr}
  .home .hg-home30-questions>a:not(:last-child){margin-right:0}
  .hg-home-openstory{padding-bottom:105px}
  .home .hg-home30-flow{padding-bottom:105px}
  .home .hg-home30-flow__head{grid-template-columns:1fr}
  .home .hg-home30-flow__head .hg-kicker{grid-column:auto}
  .home .hg-home30-flow__line>a{border-bottom:1px solid var(--hg-line)}
  .home .hg-home30-tools,.home .hg-home30-systems,.home .hg-homehub{padding:105px 0}
  .home .hg-home30-tool--mesh,.home .hg-home30-tool--air{margin:0}
  .home .hg-home30-systems__mosaic{grid-template-columns:1fr;grid-template-rows:auto}
  .home .hg-home30-system--more{min-height:145px}
}
@media(max-width:600px){
  .hg-home-openstory{width:100%;padding-top:15px}
  .hg-home-openstory__image{height:390px}
  .hg-home-openstory__copy{padding:0 24px}
  .hg-home-openstory__copy h2{font-size:44px}
  .home .hg-home30-tool{min-height:650px;padding:25px}
  .hg-home-invite{padding:105px 0 95px}
  .hg-home-invite h2{font-size:52px}
}
