/* R177: one authoritative homepage hero layout; reset legacy offsets. */
.homepage .birthday-hero{box-sizing:border-box!important;padding:0!important;left:auto!important;right:auto!important;transform:none!important;position:relative!important;overflow:hidden!important}
.homepage .birthday-hero>.hero-slide{position:absolute!important;inset:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important;transform:none!important}
.homepage .birthday-hero .hero-copy{position:absolute!important;inset:35% 0 auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 16px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;text-align:center!important;background:transparent!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important}
.homepage .birthday-hero .hero-copy .eyebrow{width:100%;text-align:center!important;margin:0 0 10px!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.15em!important;color:#fff!important}
.homepage .birthday-hero .hero-copy h1{width:100%;max-width:none!important;margin:0 0 24px!important;text-align:center!important;font-size:clamp(30px,8.2vw,44px)!important;line-height:1.05!important;color:#fff!important}
.homepage .birthday-hero .hero-copy .product-buy{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:220px!important;max-width:90%!important;min-height:54px!important;height:auto!important;margin:0 auto!important;padding:12px 24px!important;border-radius:12px!important;font-size:20px!important;line-height:1.2!important;text-shadow:none!important}
.homepage .birthday-hero:after{inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 23%,rgba(0,0,0,.12) 45%,transparent 70%)!important;opacity:1!important}
.homepage .see-our-work .section-head,.homepage .see-our-work .section-head>div{display:block!important;width:100%!important;max-width:none!important;text-align:center!important}
.homepage .see-our-work .section-intro{display:block!important;width:100%!important;max-width:44rem!important;margin:12px auto 0!important;text-align:center!important;text-wrap:balance}
@media(max-width:899px){
 .homepage .birthday-hero{width:100vw!important;max-width:none!important;margin:0 calc(50% - 50vw)!important;aspect-ratio:auto!important;height:calc(100svh - var(--announcement-height,38px) - 38px)!important;min-height:480px!important;max-height:none!important}
 .homepage>.shell>.brand{position:absolute!important;z-index:5!important;top:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:180px!important;max-width:43vw!important;margin:0!important;padding:0!important;background:transparent!important}
 .homepage>.shell>.brand .brand-home{width:100%!important;margin:0!important}
 .homepage>.shell>.brand .brand-logo{width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}
 .homepage>.shell>.brand .city,.homepage>.shell>.brand .serial{display:none!important}
}
@media(min-width:900px){.homepage .birthday-hero{width:100%!important;max-width:560px!important;margin:0 auto!important;aspect-ratio:9/16!important;height:auto!important;min-height:0!important}}
