/* Sweet Enough / scoped navigation and homepage hero */
:root{--se-blue:#123fad;--se-blue-bright:#1554c5;--se-pink:#f7bfd7;--se-pink-strong:#ec78ac;--se-sky:#a9ddf5;--se-cream:#fff7e9;--se-display:'SE Display',Georgia,serif;--se-sans:'SE Sans',Arial,sans-serif}
body:has(.se-header){--header-height:128px;--header-group-height:128px}
#header-group:has(.se-header){position:sticky;top:0;z-index:60}
.se-header-section{position:relative;z-index:5}
.se-header,.se-hero{display:block;color:var(--se-blue);font-family:var(--se-sans);font-weight:400;isolation:isolate}
.se-header *,.se-hero *{box-sizing:border-box}
.se-header a,.se-hero a{color:inherit;text-decoration:none}
.se-header a:focus-visible,.se-header summary:focus-visible,.se-hero a:focus-visible,.se-hero button:focus-visible{outline:3px solid var(--se-blue);outline-offset:6px}
.se-announcement{height:32px;display:flex;align-items:center;justify-content:center;background:#a1d5f1;font-size:12px;letter-spacing:.02em}
.se-announcement span{display:flex;align-items:center;gap:18px}
.se-announcement span:before,.se-announcement span:after{content:'';display:block;width:30px;height:1px;background:currentColor;opacity:.5}
.se-nav-wrap{background:var(--se-pink);position:relative}
.se-nav{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:40px;align-items:center;max-width:1640px;height:92px;padding:0 4.1%;margin:auto}
.se-nav__left,.se-nav__right{display:flex;align-items:center;gap:clamp(24px,3.1vw,55px);min-width:0}
.se-nav__right{justify-content:flex-end}
.se-nav__link{font-size:14px;font-weight:600;white-space:nowrap;padding:14px 0;position:relative}
.se-nav__link:after{content:'';position:absolute;bottom:7px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease-out}
.se-nav__link:hover:after{transform:scaleX(1)}
.se-nav__logo{display:flex;align-items:center;justify-content:center;padding:9px 28px 9px 0}
.se-wordmark{display:block;position:relative;font:400 36px/.79 var(--se-display);letter-spacing:-1.7px;text-align:left;transform:rotate(-3deg)}
.se-wordmark>span{display:block}
.se-wordmark__sweet{position:absolute;width:27px;height:27px;right:-29px;top:16px;transform:rotate(-24deg)}
.se-cart{display:flex;align-items:center;padding:12px 0;min-height:44px;white-space:nowrap;font-size:14px;font-weight:500}
.se-cart-icon{display:flex;align-items:center;gap:7px;position:relative;color:var(--se-blue);--cart-bubble-background:var(--se-blue);--cart-bubble-text:var(--se-cream)}
.se-cart-icon>svg{width:24px;height:27px;flex-shrink:0}
.se-cart-icon.header-actions__cart-icon--has-cart .se-cart-empty{display:none}
.se-cart-icon .cart-bubble{width:20px;font-family:var(--se-sans)}
.se-awning{position:absolute;left:0;right:0;top:calc(100% - 1px);height:28px;background:repeating-linear-gradient(90deg,var(--se-cream) 0 30px,#2767b7 30px 60px);mask:linear-gradient(#000 0 0) 0 0/100% 12px no-repeat,radial-gradient(15px at 15px 12px,#000 99%,transparent 101%) 0 0/30px 28px repeat-x;pointer-events:none;z-index:2}
.se-menu{display:none}
.se-hero{overflow:clip;background:var(--se-pink)}
.se-hero__stage{background:var(--se-sky);position:relative;overflow:hidden}
.se-hero__wash{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 60%,#dcf5fd80,transparent 65%),radial-gradient(ellipse at 90% 10%,#66bcee60,transparent 55%);pointer-events:none}
.se-hero__inner{position:relative;max-width:1680px;min-height:clamp(660px,51vw,835px);margin:auto;padding:83px 6.1% 110px}
.se-hero__copy{position:relative;width:48%;z-index:4}
.se-hero__eyebrow{font:600 12px/1.3 var(--se-sans);letter-spacing:.22em;margin:0 0 29px}
.se-hero__title{font:400 clamp(86px,10.6vw,158px)/.79 var(--se-display);letter-spacing:-.065em;margin:0 0 30px;color:var(--se-blue);max-width:none;text-wrap:nowrap}
.se-hero__title>span{display:block;padding-bottom:.03em}
.se-hero__description{font:600 clamp(17px,1.6vw,24px)/1.35 var(--se-sans);margin:0 0 26px;letter-spacing:-.03em}
.se-hero__actions{display:flex;gap:13px;flex-wrap:wrap}
.se-pill{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:55px;padding:16px 28px;border-radius:60px;font:700 16px/1.2 var(--se-sans);transition:transform 160ms ease-out,box-shadow 160ms ease-out;white-space:nowrap}
.se-hero .se-pill--blue{color:var(--se-cream);background:var(--se-blue-bright)}
.se-hero .se-pill--pink{color:#182f80;background:#f38bbc}
.se-pill:hover{transform:translateY(-3px);box-shadow:0 7px 0 #123fad12}
.se-pill:active{transform:translateY(0) scale(.98)}
.se-pill svg{transition:transform 160ms ease-out}
.se-pill:hover svg{transform:translateX(3px)}
.se-hero__sizes{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:19px 0 0;padding:0;list-style:none;font:500 13px/1.4 var(--se-sans);letter-spacing:.025em}
.se-hero__sizes li{display:flex;align-items:center}
.se-hero__sizes li:not(:last-child):after{content:'·';margin:0 10px}
.se-hero__sizes a{padding:6px 0;text-underline-offset:4px;min-height:28px}
.se-hero__sizes a:hover{text-decoration:underline}
.se-hero__sizes span{font-weight:700}
.se-hero__art{position:absolute;inset:0 0 0 43%;z-index:2;pointer-events:none}
.se-layer{position:absolute;will-change:auto;transform:translate3d(0,0,0);pointer-events:none}
.se-layer img{display:block;width:100%;height:auto;max-width:none}
.se-layer--bags{width:min(104%,clamp(590px,46vw,750px));max-width:750px;bottom:29px;right:-1%;z-index:3;transform-origin:55% 80%}
.se-layer--belt{width:43%;right:-8%;top:-50px;z-index:2;transform:rotate(-16deg)}
.se-layer--ring{width:22%;left:1%;top:14%;z-index:1;transform:rotate(-17deg)}
.se-layer--foreground{width:clamp(160px,19vw,300px);left:-6%;bottom:-20%;z-index:5;transform:rotate(30deg)}
.se-drift{display:block;transform-origin:center}
.se-ribbon{position:relative;z-index:8;overflow:hidden;background:var(--se-blue-bright);color:var(--se-cream);padding:20px 0;transform:rotate(-.6deg) scaleX(1.015);margin:-10px -8px 11px;box-shadow:0 -4px 0 #a9ddf5}
.se-ribbon:before,.se-ribbon:after{content:'';position:absolute;left:0;right:0;height:5px;z-index:2;background:radial-gradient(12px 4px at 12px 4px,var(--se-blue-bright) 98%,transparent 101%) 0 0/24px 5px repeat-x}
.se-ribbon:before{top:-3px}.se-ribbon:after{bottom:-3px;transform:rotate(180deg)}
.se-ribbon__track{display:flex;width:max-content;transform:translate3d(0,0,0)}
.se-ribbon__track>span{display:block;flex-shrink:0;font:700 15px/1.2 var(--se-sans);letter-spacing:.16em;white-space:nowrap}
.se-ribbon i{display:inline-block;font-style:normal;font-size:11px;margin:0 16px;vertical-align:middle;color:var(--se-pink)}
.se-hero.se-ready .se-enter{animation:se-reveal 550ms cubic-bezier(.18,.7,.2,1) both;animation-delay:var(--se-delay,0ms)}
.se-hero.se-ready .se-hero__bags{animation:se-bag-arrive 600ms cubic-bezier(.18,.7,.2,1) both}
.se-hero[data-motion=true] .se-layer{will-change:transform}
.se-hero[data-motion=true][data-visible=true] .se-layer--belt .se-drift{animation:se-sweet-drift 6s ease-in-out infinite}
.se-hero[data-motion=true][data-visible=true] .se-layer--ring .se-drift{animation:se-ring-drift 5s ease-in-out infinite}
.se-hero[data-motion=true][data-visible=true] .se-ribbon__track{animation:se-ribbon-run 25s linear infinite}
@keyframes se-reveal{from{opacity:0;transform:translate3d(0,25px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes se-bag-arrive{from{opacity:0;transform:translate3d(0,65px,0) rotate(7deg) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes se-sweet-drift{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(-10px,19px,0) rotate(5deg)}}
@keyframes se-ring-drift{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(12px,-14px,0) rotate(10deg)}}
@keyframes se-ribbon-run{to{transform:translate3d(-25%,0,0)}}
@media(min-width:1681px){.se-hero__inner{padding-left:100px;padding-right:100px}}
@media(max-width:1199px) and (min-width:750px){.se-nav{gap:20px;padding:0 32px}.se-nav__left,.se-nav__right{gap:25px}.se-nav__link{font-size:12px}.se-cart{font-size:12px}.se-wordmark{font-size:32px}.se-hero__inner{padding:76px 5% 100px;min-height:665px}.se-hero__title{font-size:111px}.se-hero__copy{width:50%}.se-pill{font-size:14px;padding:15px 20px;min-height:51px;gap:10px}.se-hero__description{font-size:18px}.se-layer--bags{width:105%;max-width:640px;bottom:20px;right:-6%}.se-layer--ring{top:12%;left:8%}.se-layer--belt{top:-12px;right:-8%}.se-hero__art{left:44%}.se-hero__eyebrow{font-size:10px}.se-hero__sizes{font-size:11px}.se-hero__sizes li:not(:last-child):after{margin:0 7px}}
@media(max-width:899px) and (min-width:750px){.se-nav__left,.se-nav__right{gap:18px}.se-cart-label{display:none}.se-nav{padding:0 25px;gap:16px}.se-hero__title{font-size:95px}.se-hero__inner{min-height:615px;padding-top:65px}.se-hero__actions{gap:9px}.se-pill{font-size:12px;padding:14px 17px;min-height:46px}.se-hero__description{font-size:16px}.se-hero__sizes{font-size:10px}.se-hero__sizes li:not(:last-child):after{margin:0 5px}}
@media(max-width:749px){
  body:has(.se-header){--header-height:103px;--header-group-height:103px}
  .se-announcement{height:29px;font-size:10px}.se-announcement span{gap:12px}.se-announcement span:before,.se-announcement span:after{width:23px}
  .se-nav{height:74px;padding:0 20px;grid-template-columns:1fr auto 1fr;gap:10px}.se-nav__left,.se-nav__right>.se-nav__link{display:none}.se-nav__right{gap:0}.se-nav__logo{padding:6px 18px 6px 0}.se-wordmark{font-size:29px;letter-spacing:-1.4px}.se-wordmark__sweet{width:22px;height:22px;right:-23px;top:12px}
  .se-cart{font-size:11px;padding:10px 0}.se-cart-icon{gap:4px}.se-cart-label{display:none}.se-cart-icon>svg{width:22px;height:24px}
  .se-awning{height:21px;background-size:48px 100%;background-image:repeating-linear-gradient(90deg,var(--se-cream) 0 24px,#2767b7 24px 48px);mask:linear-gradient(#000 0 0) 0 0/100% 9px no-repeat,radial-gradient(12px at 12px 9px,#000 99%,transparent 101%) 0 0/24px 21px repeat-x}
  .se-menu{display:block;position:static}.se-menu__toggle{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;height:44px;margin-left:-9px;cursor:pointer}.se-menu__toggle::-webkit-details-marker{display:none}.se-menu__close{display:none}.se-menu[open] .se-menu__open{display:none}.se-menu[open] .se-menu__close{display:block}
  .se-menu__panel{position:absolute;top:100%;left:0;right:0;background:var(--se-pink);padding:38px 26px 30px;box-shadow:0 18px 20px #123fad16;z-index:10}.se-menu__panel a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #123fad22;font:400 27px/1.2 var(--se-display);letter-spacing:-1px}.se-menu__panel a>span{font:400 24px var(--se-sans)}.se-menu__eyebrow{font-size:9px;letter-spacing:.18em}.se-menu__panel .se-menu__help{font:500 13px var(--se-sans);letter-spacing:0;border:0;margin-top:10px}
  .se-hero__inner{padding:58px 25px 0;min-height:0;display:flex;flex-direction:column}.se-hero__copy{width:100%;z-index:4}.se-hero__eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:23px}.se-hero__title{font-size:clamp(80px,21.3vw,118px);line-height:.77;letter-spacing:-.067em;margin-bottom:24px}.se-hero__title>span{padding-bottom:.03em}.se-hero__description{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:21px;max-width:330px}.se-hero__actions{gap:9px;flex-wrap:nowrap}.se-pill{font-size:13px;min-height:47px;padding:14px 19px;gap:8px}.se-pill svg{width:16px;height:16px}.se-hero__sizes{font-size:10px;letter-spacing:0;margin-top:13px}.se-hero__sizes li:not(:last-child):after{margin:0 7px}
  .se-hero__art{position:relative;inset:auto;width:calc(100% + 50px);margin-left:-25px;min-height:390px;margin-top:-20px;z-index:3}.se-layer--bags{width:95%;max-width:540px;right:-4%;bottom:4px}.se-layer--belt{width:47%;right:-12%;top:-38px;z-index:1}.se-layer--ring{width:24%;left:2%;top:14%;z-index:2}.se-layer--foreground{width:160px;bottom:-45px;left:-60px;z-index:4}.se-ribbon{padding:16px 0;margin-top:-4px;margin-bottom:9px;transform:rotate(-1deg) scaleX(1.02)}.se-ribbon__track>span{font-size:11px;letter-spacing:.14em}.se-ribbon i{font-size:9px;margin:0 12px}
}
@media(min-width:550px) and (max-width:749px){.se-hero__inner{padding-left:40px;padding-right:40px}.se-hero__title{font-size:124px}.se-hero__art{margin-top:-210px;width:80%;align-self:flex-end;margin-right:-65px;min-height:525px;z-index:2}.se-hero__copy{width:100%}.se-hero__description{max-width:300px}.se-hero__actions{flex-direction:column;align-items:flex-start}.se-hero__sizes{max-width:220px}.se-layer--bags{width:106%;right:-15%}.se-layer--belt{top:5px}.se-layer--ring{left:10%;top:13%}}
@media(max-width:359px){.se-hero__inner{padding-left:19px;padding-right:19px}.se-hero__title{font-size:78px}.se-pill{font-size:11px;padding:14px 15px;gap:5px}.se-hero__description{font-size:14px}.se-hero__sizes{font-size:9px}.se-hero__sizes li:not(:last-child):after{margin:0 5px}.se-hero__art{width:calc(100% + 38px);margin-left:-19px;min-height:330px;margin-top:-10px}.se-nav{padding:0 17px}.se-cart-empty{font-size:10px}}
@media(prefers-reduced-motion:reduce){.se-header *,.se-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.se-hero .se-layer{transform:none!important;will-change:auto}}

/* Transparent navigation over the homepage art direction. */
body:has(.se-hero) .page-wrapper{position:relative}
body:has(.se-hero) #header-group{position:absolute;inset:0 0 auto;z-index:60}
body:has(.se-hero) .se-announcement,body:has(.se-hero) .se-nav-wrap{background:transparent}
body:has(.se-hero) .se-awning{display:none}
body:has(.se-hero) .se-nav{height:96px}
body:has(.se-hero) .se-hero__inner{padding-top:195px;min-height:clamp(790px,64vw,930px)}
body:has(.se-hero) .se-layer--belt{top:108px;width:35%;right:-8%}
body:has(.se-hero) .se-layer--ring{top:24%}
@media(max-width:1199px) and (min-width:750px){body:has(.se-hero) .se-hero__inner{padding-top:175px;min-height:790px}}
@media(max-width:749px){body:has(.se-hero) .se-nav{height:74px}body:has(.se-hero) .se-hero__inner{padding-top:148px;min-height:0}body:has(.se-hero) .se-layer--belt{top:-38px;width:47%;right:-12%}body:has(.se-hero) .se-layer--ring{top:14%}}

.se-nav__logo{padding:0;width:184px;height:98px;overflow:hidden}.se-gloss-logo{width:100%;height:100%;object-fit:cover;object-position:center 45%}.se-header{color:#842947}.se-cart-icon{color:#842947}.se-nav-wrap{padding-top:20px}.se-awning{display:none}@media(max-width:749px){.se-nav__logo{width:156px;height:83px}.se-nav{height:92px}}