.intro-banner-2{background:hsla(var(--base-hue),100%,15%);box-sizing:border-box;height:70vh;margin-bottom:2rem;padding:1rem 3rem;position:relative}@media only screen and (max-width:767px){.intro-banner-2{height:auto}}.intro-banner-2 *{position:relative;z-index:3}.intro-banner-2 h1{color:var(--page-bg);font-size:6rem;font-weight:500}@media only screen and (max-width:767px){.intro-banner-2 h1{font-size:3rem}}.intro-banner-2 p{color:#fff}.intro-banner-2 img.display{border-radius:1rem;bottom:-1.5rem;height:calc(100% - 5rem);-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;position:absolute;right:0;width:calc(100% - 35ch);z-index:1}@media only screen and (max-width:767px){.intro-banner-2 img.display{height:auto;margin-top:1rem;position:static;width:100%}}.intro-banner-2 img.icon{--shadow:hsla(var(--hue),100%,15%,50%);border-radius:1rem;bottom:-3rem;filter:drop-shadow(0 3px 13px var(--shadow));position:absolute}@media only screen and (max-width:767px){.intro-banner-2 img.icon{display:none}}.intro-banner-2 .p-render{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:radial-gradient(circle at 5% -25%,#fff5,#fff2);border-radius:.6rem;box-shadow:inset 3px 3px 8px -4px #fff4,inset -5px -5px 11px -4px #fff5,5px 1px 8px -4px #0004;box-sizing:border-box;font-size:1.25rem;font-size:.95rem;height:var(--height,clamp(150px,25%,210px));left:var(--y);margin-top:calc(70vh - 7rem - var(--height)*1.75);padding:1.25rem;position:absolute;top:var(--x);transition-duration:.6s;transition-timing-function:cubic-bezier(.13,.82,.07,.99);width:var(--width,clamp(250px,35%,410px))}@media only screen and (max-width:767px){.intro-banner-2 .p-render{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;box-shadow:none;font-size:1.15rem;margin:0;padding:1rem 0;position:static;width:100%;z-index:4}}.intro-banner-2.dehumidifier{height:calc(100vh - var(--nav-bar-height))}@media only screen and (max-width:767px){.intro-banner-2.dehumidifier{height:-moz-max-content;height:max-content;padding-block:3rem}}.intro-banner-2.dehumidifier img.display{bottom:auto;height:calc(100% - 7rem);max-height:none;width:100%}@media only screen and (max-width:767px){.intro-banner-2.dehumidifier img.display{height:-moz-max-content;height:max-content;margin-inline:-3rem;width:calc(100% + 6rem)}}.intro-banner-2.dehumidifier .p-render{background:#fff2;box-shadow:none;box-sizing:border-box;height:-moz-max-content;height:max-content;padding:1rem}@media only screen and (max-width:767px){.intro-banner-2.dehumidifier .p-render{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);left:0;margin-top:-3rem;position:relative;top:0}}
