.wp-block-export-toolkit-hero-banner .hero-banner{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3730a3 50%,#1e1b4b);color:#fff;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:60px 20px;position:relative}.wp-block-export-toolkit-hero-banner .hero-banner:before{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.1) 0,transparent 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-export-toolkit-hero-banner .hero-banner .hero-content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text{text-align:left}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-title{background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin:0 0 24px;text-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-text-fill-color:transparent;background-clip:text}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-subtitle{color:hsla(0,0%,100%,.9);font-size:clamp(1.1rem,2vw,1.25rem);font-weight:400;line-height:1.6;margin:0 0 40px;max-width:500px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:16px 32px;text-decoration:none;transition:all .3s ease}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button:active{transform:translateY(0)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button.hero-button-disabled{cursor:default;opacity:.7}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button.hero-button-disabled:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2);transform:none}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);position:relative}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;transition:all .3s ease}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item:hover{box-shadow:0 12px 40px rgba(0,0,0,.3);transform:translateY(-4px)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item img{display:block;height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-1{transform:translateY(-20px)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-2{transform:translateY(20px)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-3{transform:translateY(-10px)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-4{transform:translateY(10px)}.wp-block-export-toolkit-hero-banner.is-selected .hero-banner{outline:2px solid #007cba;outline-offset:2px}.block-editor-block-list__layout .wp-block-export-toolkit-hero-banner .hero-banner{min-height:400px}@media(max-width:1024px){.wp-block-export-toolkit-hero-banner .hero-banner{padding:40px 20px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-content{gap:40px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-title{font-size:clamp(2rem,4vw,3rem)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-subtitle{font-size:1.1rem}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item img{height:150px}}@media(max-width:768px){.wp-block-export-toolkit-hero-banner .hero-banner{min-height:auto;padding:40px 16px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text{text-align:center}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-title{font-size:clamp(1.8rem,6vw,2.5rem);margin-bottom:20px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-subtitle{font-size:1rem;margin-bottom:30px;max-width:none}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button{font-size:.9rem;padding:14px 28px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images{gap:16px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-1,.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-2,.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-3,.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item.hero-image-4{transform:none}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item img{height:120px}}@media(max-width:480px){.wp-block-export-toolkit-hero-banner .hero-banner{padding:30px 12px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-content{gap:30px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-title{font-size:clamp(1.5rem,8vw,2rem)}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-subtitle{font-size:.95rem}.wp-block-export-toolkit-hero-banner .hero-banner .hero-text .hero-button-container .hero-button{font-size:.85rem;padding:12px 24px}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images{gap:12px;grid-template-columns:1fr}.wp-block-export-toolkit-hero-banner .hero-banner .hero-images .hero-image-item img{height:160px}}
