/* Permanent compact sky header, with a soft cloud-like lower edge. */
.site-header-shell{position:sticky;top:0;z-index:40}
.top-sky{position:relative;isolation:isolate;background:var(--sky,#93D2F6)}
.top-sky::before,.top-sky::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('sky-clouds-v01.svg');background-repeat:repeat-x;background-size:1120px 94px;background-position:0 top;opacity:.31;animation:continuous-sky 90s linear infinite;mask-image:linear-gradient(90deg,#0008,#000c 28%,#0009 70%,#0008)}
.top-sky::after{background-size:1120px 62px;background-position:390px top;opacity:.15;animation-duration:130s;animation-delay:-42s}
.sky-header-inner{position:relative;z-index:1;display:grid;grid-template-columns:120px minmax(0,1fr) 184px;grid-template-areas:"brand nav action";gap:24px;align-items:center;padding:11px 5%}
.founder-wordmark{grid-area:brand;display:flex;align-items:center;justify-content:center;width:120px;line-height:0;position:relative;z-index:1;min-height:44px}
.founder-wordmark .brand-logo{display:block;min-height:0;width:100%;height:auto;filter:brightness(0) invert(1)}
.top-sky .announcement{grid-area:action;position:relative;top:auto;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0;overflow:visible;text-align:center;white-space:normal}
.top-sky .announcement .banner-cta{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;width:100%;min-height:64px;padding:10px 16px;border:1px solid var(--ink,#202A31);border-radius:6px;background:var(--ink,#202A31);color:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}
.top-sky .banner-cta .banner-cta-labelrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0}
.top-sky .banner-cta .banner-cta-labelrow>span{margin:0}
.top-sky .banner-cta .ui-icon{width:18px;height:18px;flex-shrink:0;transition:transform .2s}
.top-sky .announcement .header-spots{display:block;margin:0;font-size:10px;letter-spacing:.15px;font-weight:500;line-height:1.3;color:#DFEAF0;font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:center}
.header-spots[data-count-ready="true"]{animation:spots-breathe 3.8s ease-in-out infinite}
@keyframes spots-breathe{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
.top-sky .announcement::before,.top-sky .announcement::after{display:none;content:none}
.top-sky :focus-visible{outline:2px solid var(--ink,#202A31);outline-offset:4px}
.top-sky .banner-cta:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #202A31}
.top-sky header.navigation-only{grid-area:nav;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:center;flex-wrap:nowrap;height:44px;min-height:0;padding:0;margin:0;background:transparent;border:0}
.top-sky header.navigation-only nav{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;gap:30px;border:0;padding:0;margin:0;order:0;font-size:13px}
.top-sky header.navigation-only nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--ink,#202A31)}
.top-sky header.navigation-only nav a::after{bottom:6px}
.sky-header-wave{position:absolute;left:0;right:0;top:calc(100% - 1px);height:20px;color:var(--sky,#93D2F6);pointer-events:none;z-index:0}
.sky-header-wave svg{display:block;width:100%;height:100%}
html{scroll-padding-top:calc(var(--top-chrome-height,105px) + 18px)}
@media(min-width:1000px){#shop>.section-intro{top:calc(var(--top-chrome-height,105px) + 18px)}}
@keyframes continuous-sky{from{background-position-x:0}to{background-position-x:-1120px}}
@media(hover:hover) and (pointer:fine){.top-sky .announcement .banner-cta:hover{background:#344752;border-color:#344752;box-shadow:0 3px 10px #202A311a}.top-sky .banner-cta:hover .ui-icon{transform:translateX(3px)}}
.top-sky .announcement .banner-cta:active{transform:translateY(1px)}
@media(max-width:960px){
 .sky-header-inner{grid-template-columns:1fr 174px;grid-template-areas:"brand action" "nav nav";gap:5px 24px;padding:9px 5% 0}
 .founder-wordmark{width:112px;justify-self:start}
 .top-sky::before{background-size:1120px 116px;opacity:.27}.top-sky::after{opacity:.13}
 .top-sky header.navigation-only{border-top:1px solid #202A3117;margin:0 -5vw;padding:0 5vw}
 .sky-header-wave{height:14px}
}
@media(max-width:480px){
 .sky-header-inner{grid-template-columns:1fr 166px;column-gap:16px}
 .founder-wordmark{width:104px}
 .top-sky .announcement .banner-cta{font-size:12px;gap:4px;padding:9px 12px}
 .top-sky .banner-cta .ui-icon{width:17px;height:17px}
 .top-sky header.navigation-only nav{gap:18px;font-size:12px}
 .top-sky .announcement .header-spots{font-size:10px}
}
@media(max-width:360px){.top-sky header.navigation-only nav{gap:13px;font-size:11px}.sky-header-inner{grid-template-columns:1fr 156px;column-gap:12px}.founder-wordmark{width:96px}}
@media(prefers-reduced-motion:reduce){.top-sky::before,.top-sky::after,.header-spots[data-count-ready="true"]{animation:none}.top-sky *{transition:none!important}}

/* A simple cloud-only background, with no dark shapes or gradient masks. */
.top-sky::before,.top-sky::after{display:none;content:none;animation:none}
.top-sky>.header-clouds{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.header-clouds::before,.header-clouds::after{content:"";position:absolute;inset:0;background:url('sky-clouds-v01.svg') 0 top/1120px 94px repeat-x;opacity:.29;animation:continuous-sky 90s linear infinite;pointer-events:none}
.header-clouds::after{background-size:1120px 62px;opacity:.12;animation-duration:130s;animation-delay:-42s}
@media(max-width:960px){.header-clouds::before{background-size:1120px 116px;opacity:.25}.header-clouds::after{opacity:.1}}
@media(prefers-reduced-motion:reduce){.header-clouds::before,.header-clouds::after{animation:none}}
