#portalzHero{position:relative;isolation:isolate;margin:0 auto 28px;overflow:hidden;border-radius:0 0 32px 32px;background:#fbf4ef url('../../uploads/banners/portalz-hero-satin-v2.webp') center/cover no-repeat;color:#451c37;box-shadow:0 15px 40px #5523400a;outline-offset:-3px}
#portalzHero *{box-sizing:border-box}
#portalzHero .pz-slide{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1320px;min-height:470px;margin:auto;padding:54px 66px 76px;align-items:center}
#portalzHero .pz-slide[hidden]{display:none!important}
#portalzHero .pz-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#85576f;margin:0 0 20px}
#portalzHero .pz-eyebrow span{margin:0 9px;color:#b18b99}
#portalzHero h2{font:650 clamp(40px,4.5vw,66px)/1.02 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em!important;color:#451c37!important;margin:0 0 20px!important}
#portalzHero .pz-hero-copy>p{max-width:405px;font-size:16px;line-height:1.65;color:#745b68;margin:0 0 25px}
#portalzHero .pz-hero-cta{display:inline-flex;align-items:center;gap:30px;background:#54223f;color:#fff;border:1px solid #54223f;border-radius:999px;padding:15px 24px;text-decoration:none;font-size:13px;font-weight:750;box-shadow:0 8px 18px #54223f18;transition:background .2s,transform .2s}
#portalzHero .pz-hero-cta:hover{background:#713052;transform:translateY(-2px)}
#portalzHero .pz-hero-cta span{font-size:20px;line-height:1}
#portalzHero .pz-hero-note{display:block;font-size:11px;color:#856d78;margin-top:15px}
#portalzHero .pz-hero-products{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:10px 0 10px 2px;min-width:0}
#portalzHero .pz-hero-product{display:block;position:relative;background:#fff;padding:12px 12px 0;border-radius:20px;text-decoration:none;color:#52223e;box-shadow:0 18px 40px #59283b14;border:1px solid #ffffffc7;transition:transform .22s;flex-shrink:0;overflow:hidden}
#portalzHero .pz-product-0{width:61%;transform:rotate(-6deg);z-index:2}
#portalzHero .pz-product-1{width:44%;transform:rotate(8deg) translateY(32px);margin-left:-6%;z-index:3}
#portalzHero .pz-hero-product:hover{transform:rotate(0deg) translateY(-4px);z-index:4}
#portalzHero .pz-hero-product img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:13px}
#portalzHero .pz-hero-product>span{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:8px 4px;font-size:11px;font-weight:650;line-height:1.35}
#portalzHero .pz-hero-product b{font-size:19px;font-weight:400}
#portalzHero .pz-theme-skin .pz-product-0{transform:rotate(-5deg)}
#portalzHero .pz-theme-scent .pz-product-1{transform:rotate(7deg) translateY(20px)}
#portalzHero .pz-hero-bottom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:calc(100% - 132px);max-width:1188px;display:flex;align-items:center;justify-content:space-between;z-index:5}
#portalzHero .pz-hero-dots,#portalzHero .pz-hero-navigation{display:flex;align-items:center;gap:8px}
#portalzHero button{appearance:none!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important;min-width:0!important;line-height:1!important;text-indent:0!important;opacity:1!important;color:#54223f!important;cursor:pointer!important;box-shadow:none!important;transform:none!important;transition:background .2s!important}
#portalzHero .pz-dot{width:44px!important;height:36px!important;background:transparent!important;border-radius:0!important}
#portalzHero .pz-dot span{width:26px;height:3px;border-radius:3px;background:#c9a9b5;transition:width .2s,background .2s}
#portalzHero .pz-dot[aria-pressed=true] span{width:40px;background:#54223f}
#portalzHero .pz-arrow{width:38px!important;height:38px!important;font-size:21px!important;border-radius:50%!important;background:#fff9!important}
#portalzHero .pz-arrow:hover{background:#fff!important}
#portalzHero .pz-pause{height:38px!important;width:auto!important;gap:8px;font-size:10px!important;font-weight:600!important;background:transparent!important;padding:0 8px!important}
#portalzHero .pz-hero-count{font-size:10px;color:#8c6b7b;letter-spacing:.1em;margin:0 10px}
#portalzHero .pz-hero-count b{color:#54223f;font-weight:700}
#portalzHero a:focus-visible,#portalzHero button:focus-visible{outline:3px solid #802858!important;outline-offset:4px!important}
@media(min-width:1600px){#portalzHero .pz-slide{min-height:510px}}
@media(max-width:991px){#portalzHero .pz-slide{padding:40px 32px 74px;gap:22px;min-height:430px}#portalzHero h2{font-size:46px!important}#portalzHero .pz-hero-copy>p{font-size:14px}#portalzHero .pz-hero-bottom{width:calc(100% - 64px)}}
@media(max-width:600px){#portalzHero{border-radius:0 0 24px 24px;background-position:60% center;margin-bottom:20px}#portalzHero .pz-slide{grid-template-columns:1fr;gap:16px;padding:28px 25px 64px;min-height:620px;align-content:start}#portalzHero .pz-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:14px}#portalzHero h2{font-size:42px!important;line-height:1.03!important;margin-bottom:13px!important}#portalzHero .pz-hero-copy>p{font-size:13px;line-height:1.55;max-width:330px;margin-bottom:17px}#portalzHero .pz-hero-cta{padding:12px 20px;font-size:12px;gap:20px}#portalzHero .pz-hero-note{display:none}#portalzHero .pz-hero-products{width:100%;max-width:310px;justify-self:center;padding:8px 8px 0;min-height:230px}#portalzHero .pz-hero-product{border-radius:15px;padding:8px 8px 0}#portalzHero .pz-hero-product>span{font-size:9px;min-height:39px;padding:5px 2px}#portalzHero .pz-hero-bottom{bottom:12px;width:calc(100% - 40px)}#portalzHero .pz-hero-navigation{gap:4px}#portalzHero .pz-hero-count{display:none}#portalzHero .pz-hero-dots{gap:0}#portalzHero .pz-dot{width:34px!important}#portalzHero .pz-dot span{width:20px}#portalzHero .pz-dot[aria-pressed=true] span{width:29px}#portalzHero .pz-pause{padding:0 5px!important;font-size:9px!important}#portalzHero .pz-arrow{width:34px!important;height:34px!important}}
@media(prefers-reduced-motion:reduce){#portalzHero *{transition:none!important}}