.hero-with-background{position:relative;isolation:isolate;background:#f1f6fb}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-with-background::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.80) 40%,rgba(255,255,255,.3) 72%,rgba(255,255,255,.15) 100%);z-index:-1}.hero-with-background .hero-grid{align-items:center}.hero-with-background .hero-showcase{display:block;min-height:0}.hero-with-background .hero-tail{margin-top:45px;border-color:#cddae5}.home-carousel{width:100%;min-width:0}.home-slide[hidden],.home-carousel [hidden]{display:none!important}.home-slide{animation:hero-slide-enter .45s ease-out}.home-slide .featured-browser{box-shadow:0 22px 65px #13344f25}.home-slide .featured-browser:hover{transform:translateY(-3px)}.home-slide .browser-chrome{font-size:.8125rem;min-height:38px}.home-slide .browser-chrome>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-slide .featured-browser>img,.home-slide .featured-browser>.project-art{width:100%;height:auto;aspect-ratio:1.53;object-fit:cover;object-position:top}.home-slide .featured-browser>.project-type{height:auto;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.home-slide .featured-browser-foot{min-height:98px;gap:12px}.home-slide .featured-browser-foot>div{min-width:0}.home-slide .featured-browser-foot small{font-size:.875rem;line-height:1.5;max-width:390px}.home-slide .featured-browser-foot strong{font-size:1.15rem;line-height:1.4;display:block;margin-top:5px}.home-slide .round-arrow{flex-shrink:0}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.carousel-arrows{display:flex;align-items:center;gap:16px}.carousel-arrows button,.carousel-rotation{border:1px solid #b9cbd9;background:rgba(255,255,255,.92);color:#163249;border-radius:7px;cursor:pointer;min-height:40px;font-size:1rem}.carousel-arrows button{width:44px;font-size:1.25rem}.carousel-rotation{padding:8px 18px;font-size:.875rem}.carousel-controls button:hover,.carousel-dots button:hover{background:#e5edf4}.carousel-controls button:focus-visible,.carousel-dots button:focus-visible{outline:3px solid #8d6934;outline-offset:3px}.carousel-count{font-size:.875rem;font-variant-numeric:tabular-nums;color:#163249}.carousel-dots{display:flex;justify-content:center;flex-wrap:wrap;margin-top:8px;gap:0}.carousel-dots button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50%}.carousel-dots button span{display:block;width:7px;height:7px;border-radius:50%;background:#879cad;transition:width .2s}.carousel-dots button[aria-pressed=true] span{width:20px;border-radius:8px;background:#163249}.carousel-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-empty{background:#fff;border:1px solid #d8e2eb;padding:35px;border-radius:12px}.hero-empty img{width:100%;height:auto}
@keyframes hero-slide-enter{from{opacity:.25;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:850px){.hero-with-background::before{background:linear-gradient(180deg,rgba(255,255,255,.91),rgba(255,255,255,.66) 55%,rgba(255,255,255,.30))}.hero-backdrop{object-position:70% center}.hero-with-background .hero-showcase{margin-bottom:0}.hero-with-background .hero-tail{margin-top:30px}}
@media(max-width:540px){.home-slide .featured-browser-foot{min-height:105px;padding:14px}.home-slide .featured-browser-foot strong{font-size:1.1rem}.home-slide .featured-browser-foot small{font-size:.8125rem}.carousel-controls{margin-top:15px}.carousel-dots button{width:26px;height:30px}.home-slide .browser-chrome{font-size:.75rem}.home-slide .project-type strong{font-size:1.6rem}.hero-with-background .hero-copy h1{font-size:2.7rem}.carousel-arrows{gap:12px}}
@media(prefers-reduced-motion:reduce){.home-slide{animation:none}.carousel-dots button span{transition:none}}
.featured-browser img[src*="bella-mobile.webp"],.project-art[src*="bella-mobile.webp"]{object-fit:contain!important;background:#eaf0f8}
.featured-browser img[src*="project-homepages/"]{object-position:top center}