:root{
  --sj-shell-ink:#0a0a0a;
  --sj-shell-paper:#f2f0eb;
  --sj-shell-text:#131312;
  --sj-shell-muted:#5d5953;
  --sj-shell-line:rgba(19,19,18,.14);
  --sj-shell-max:1440px;
  --sj-content:1280px;
  --sj-gutter:clamp(24px,5vw,80px);
  --sj-inset:max(var(--sj-gutter),calc((100vw - var(--sj-content))/2));
  --sj-section-space:clamp(64px,7vw,112px);
  --sj-title:clamp(36px,4.4vw,64px);
  --sj-copy:clamp(16px,1.15vw,18px);
}

body.sj-shell-page{
  min-height:100vh;
  overflow-x:clip;
  background:var(--sj-shell-paper)!important;
}

/* A small contrast adjustment limited to the Store's metadata labels. */
body.sj-store-page .sj-store-label{
  color:#4A4844!important;
  opacity:1!important;
}

header.sj-shell-header{
  box-sizing:border-box!important;
  position:sticky!important;
  z-index:100!important;
  top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  width:100%!important;
  min-height:72px!important;
  padding:10px var(--sj-inset)!important;
  border:0!important;
  border-bottom:1px solid var(--sj-shell-line)!important;
  border-radius:0!important;
  background:rgba(242,240,235,.94)!important;
  color:var(--sj-shell-text)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

body.sj-shell-page #dc-root>.sc-host>header.sj-shell-header{
  padding:10px var(--sj-inset)!important;
  background:rgba(242,240,235,.94)!important;
}

body.sj-shell-page #dc-root>.sc-host>section[data-screen-label="Intro"] h1{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:650!important;
  letter-spacing:-.065em!important;
}

header.sj-shell-header>a:first-child,
header.sj-shell-header .brand,
header.sj-shell-header .sj-store-brand{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  color:var(--sj-shell-text)!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.28em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

header.sj-shell-header .sj-shell-nav{
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(10px,1.5vw,28px)!important;
  width:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:visible!important;
}

header.sj-shell-header .sj-shell-nav a,
header.sj-shell-header .sj-shell-nav button,
header.sj-shell-header>div button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--sj-shell-text)!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}

header.sj-shell-header .sj-shell-nav a::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:7px;
  left:4px;
  height:1px;
  background:currentColor;
  scale:0 1;
  transform-origin:right;
  transition:scale .24s ease;
}

header.sj-shell-header .sj-shell-nav a:hover::after,
header.sj-shell-header .sj-shell-nav a[aria-current="page"]::after{
  scale:1 1;
  transform-origin:left;
}

header.sj-shell-header .sj-shell-actions .sj-language-toggle,
header.sj-shell-header .sj-shell-actions button{
  font-size:10px!important;
  letter-spacing:.04em!important;
}

header.sj-shell-header .sj-shell-actions{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}

header.sj-shell-header .sj-shell-actions>span[hidden]{display:none!important}

header.sj-shell-header .sj-instagram-link{
  display:grid!important;
  flex:0 0 auto!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:1px solid rgba(19,19,18,.18)!important;
  border-radius:50%!important;
  color:var(--sj-shell-text)!important;
  opacity:.72!important;
  transition:border-color .2s ease,opacity .2s ease,transform .2s ease!important;
}

header.sj-shell-header .sj-instagram-link:hover{
  border-color:rgba(19,19,18,.6)!important;
  opacity:1!important;
  transform:translateY(-1px)!important;
}

header.sj-shell-header .sj-instagram-link img{display:block!important;width:14px!important;height:14px!important}
header.sj-shell-header .sj-instagram-link svg{display:block!important}

:where(header.sj-shell-header a,header.sj-shell-header button):focus-visible{
  outline:2px solid currentColor!important;
  outline-offset:4px!important;
}

footer.sj-shell-footer{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-height:116px!important;
  padding:24px var(--sj-inset)!important;
  border:0!important;
  border-radius:0!important;
  background:var(--sj-shell-ink)!important;
  background-image:none!important;
  color:#e5e3dd!important;
  box-shadow:none!important;
}

footer.sj-shell-footer :where(a,span,p){color:inherit!important}
@media(min-width:721px){
  body.sj-shell-page #dc-root>.sc-host>footer.sj-shell-footer{padding:24px var(--sj-inset)!important}
}
footer.sj-shell-footer>a:first-child,
footer.sj-shell-footer>span:first-child{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.28em!important;
}
footer.sj-shell-footer :where(nav,div){display:flex!important;align-items:center!important;gap:18px!important}
footer.sj-shell-footer a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
  text-decoration:none!important;
}
footer.sj-shell-footer img{filter:grayscale(1) invert(1);opacity:.82}

/* The generated store shares the same paper, type and flat product action. */
body.sj-store-page [data-screen-label="Intro"]{padding:var(--sj-section-space) var(--sj-inset)!important;background:var(--sj-shell-paper)}
body.sj-store-page [data-screen-label="Intro"]>div[aria-hidden="true"]{display:none!important}
body.sj-store-page [data-screen-label="Intro"]>div:not([aria-hidden]){display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;grid-template-rows:auto 1fr;gap:20px clamp(40px,7vw,100px)!important;align-items:start!important;text-align:left!important;max-width:var(--sj-content)!important;padding:0!important}
body.sj-store-page [data-screen-label="Intro"] p:first-child{grid-column:1;grid-row:1;margin:0!important;font-size:11px!important;letter-spacing:.14em!important}
body.sj-store-page [data-screen-label="Intro"] h1{grid-column:1;grid-row:2;margin:0!important;font-size:clamp(48px,5.5vw,80px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-shadow:none!important}
body.sj-store-page [data-screen-label="Intro"]>div>span{display:none!important}
body.sj-store-page [data-screen-label="Intro"] p:last-child{grid-column:2;grid-row:1 / span 2;margin:0!important;max-width:56ch!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:var(--sj-copy)!important;line-height:1.75!important;font-weight:400!important;color:#55524d!important}
body.sj-store-page [data-screen-label="Files"] a[download]{min-height:48px!important;padding:0 22px!important;border:1px solid #111!important;border-radius:0!important;background:#111!important;color:#f2f0eb!important;box-shadow:none!important;filter:none!important;transform:none!important;transition:background-color .2s ease!important}
body.sj-store-page [data-screen-label="Files"] a[download]:hover{background:#383632!important;border-color:#383632!important}
body.sj-store-page a[download]>span:not(:last-child){display:none!important;animation:none!important}
body.sj-store-page a[download]>span:last-child{padding:0!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-size:11px!important;font-weight:650!important;letter-spacing:.10em!important;text-shadow:none!important}

@media (max-width:720px){
  body.sj-store-page [data-screen-label="Intro"]>div:not([aria-hidden]){grid-template-columns:1fr!important;grid-template-rows:auto;gap:20px!important}
  body.sj-store-page [data-screen-label="Intro"] p:first-child,body.sj-store-page [data-screen-label="Intro"] h1,body.sj-store-page [data-screen-label="Intro"] p:last-child{grid-column:1;grid-row:auto}
  header.sj-shell-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:0 14px!important;
    min-height:auto!important;
    padding:10px 20px 12px!important;
  }

  body.sj-v2-page #dc-root>.sc-host>header.sj-shell-header{
    position:sticky!important;
    display:grid!important;
    align-items:center!important;
    flex-direction:row!important;
    gap:0 14px!important;
    padding:10px 20px 12px!important;
  }

  header.sj-shell-header>a:first-child,
  header.sj-shell-header .brand,
  header.sj-shell-header .sj-store-brand{grid-column:1;grid-row:1}

  header.sj-shell-header .sj-shell-actions{grid-column:2;grid-row:1;justify-self:end!important}

  header.sj-shell-header .sj-shell-nav,
  body.sj-v2-page #dc-root>.sc-host>header.sj-shell-header>.sj-shell-nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0 4px!important;
    width:100%!important;
    margin:0!important;
  }

  header.sj-shell-header .sj-shell-nav a,
  header.sj-shell-header .sj-shell-nav button,
  body.sj-v2-page #dc-root>.sc-host>header.sj-shell-header>.sj-shell-nav :where(a,button){
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 2px!important;
    font-size:10px!important;
    letter-spacing:.04em!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.sj-shell-page #dc-root>.sc-host>header.sj-shell-header .sj-shell-nav :where(a,button){
    height:44px!important;
    min-height:44px!important;
  }

  header.sj-shell-header .sj-shell-nav a::after{right:14%;bottom:3px;left:14%}

  footer.sj-shell-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:30px 20px!important;
  }
  footer.sj-shell-footer :where(nav,div){flex-wrap:wrap!important}
}

@media (prefers-reduced-motion:reduce){
  header.sj-shell-header .sj-shell-nav a::after,
  header.sj-shell-header .sj-instagram-link{transition:none!important}
}

.sj-icon{display:inline-block;width:1em;height:1em;min-width:1em;overflow:visible;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sj-icon[data-sj-icon="▶"]{fill:currentColor;stroke:none}
.featured-player__play .sj-icon{width:24px;height:24px}

.featured-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;border:1px solid #ffffff30;background:#111;color:#f2f0eb;font:inherit;cursor:pointer}
.featured-load span{font-size:14px;font-weight:600;letter-spacing:.15em;border-bottom:1px solid currentColor;padding:12px}
.featured-load small{max-width:80%;font-size:12px;line-height:1.6;color:#b8b6b0;text-align:center}
.featured-load:hover{background:#1d1d1b}
.featured-player [hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){body.sj-store-page [data-screen-label="Files"] *{animation:none!important;transition:none!important}}

.sj-skip-link{position:fixed;z-index:10001;top:12px;left:12px;padding:12px 16px;background:#fff;color:#111!important;font-size:14px;transform:translateY(-180%)}
.sj-skip-link:focus{transform:translateY(0)}
