.hv-account{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;width:32px;height:32px;padding:0;cursor:pointer}.hv-account svg{width:30px;height:30px}.hv-dialog{border:1px solid #e0e0e6;border-radius:16px;padding:32px;width:min(440px,calc(100vw - 32px));box-shadow:0 20px 80px #0003;background:#fff;color:#16161a;font-family:Arial,sans-serif}.hv-dialog::backdrop{background:#0005;backdrop-filter:blur(3px)}.hv-dialog h2{font-size:23px;margin:0 0 16px}.hv-dialog p{font-size:14px;line-height:1.7;margin:0 0 22px}.hv-dialog button,.hv-dialog a{border:1px solid #16161a;background:#16161a;color:#fff;display:inline-block;font:600 13px Arial;padding:12px 18px;cursor:pointer;text-decoration:none;margin-right:8px}.hv-dialog .hv-secondary{background:#fff;color:#16161a}.ct__status{font-size:13px;line-height:1.6;margin-top:16px}.ct__status[data-error=true]{color:#a20c27}.ct__status[data-error=false]{color:#147b50}.ct__form.is-sending{opacity:.65}.hv-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}body:has(.hv-dialog[open]){overflow:hidden}

/* Community reply threads retain the original wall's typography and mascot colors. */
.cm [hidden]{display:none!important}
.cm__acts{align-items:center;flex-wrap:wrap;gap:.5rem 1.2rem}
.cm__replyAction,.cm__replyToggle,.cm__replyMore,.cm__replyCancel{border:0;background:none;cursor:pointer;font-family:var(--latin);color:#4b5960;line-height:1.5}
.cm__replyAction,.cm__replyCancel{font-size:.66rem;letter-spacing:.13em;padding:8px 0}
.cm__replyAction{font-weight:700;color:#21778a}
.cm__replyToggle{font-family:var(--body);font-size:.76rem;padding:8px 0}
.cm__replyToggle[aria-expanded=true]{color:#21778a;text-decoration:underline;text-underline-offset:4px}
.cm__replyAction:hover,.cm__replyToggle:hover,.cm__replyMore:hover{color:#136477}
.cm__acts>.cm__del{margin-left:auto;padding:8px 0}
.cm__thread{margin:1.1rem 0 0 1.6rem;padding-left:1.3rem;border-left:2px solid #dce8eb;min-width:0}
.cm__post--reply{margin-bottom:1.2rem}
.cm__post--reply .cm__who{gap:.6rem;margin-bottom:.6rem}
.cm__post--reply .cm__av{width:36px;height:36px}
.cm__post--reply .cm__name{font-size:.78rem;overflow-wrap:anywhere}
.cm__post--reply .cm__card{padding:1rem 1.1rem .7rem}
.cm__post--reply .cm__body{font-size:.88rem;margin-bottom:.4rem}
.cm__replyEmpty{color:#59656a;font-family:var(--body);font-size:.8rem;line-height:1.7;margin:0 0 1rem}
.cm__replyMore{display:block;font-size:.68rem;letter-spacing:.1em;padding:10px 0;margin:0 0 1rem;text-align:left}
.cm__replyForm{background:#fafafa;border:1px solid #dfe4e6;border-radius:14px;padding:1rem;margin-top:1rem;min-width:0}
.cm__replyHeading{margin:0 0 .8rem;font-family:var(--body);font-size:.8rem;color:#3d555e;overflow-wrap:anywhere}
.cm__replyForm .cm__row{flex-wrap:wrap}
.cm__replyForm .cm__mascots{flex:1 0 100%;display:flex;gap:.5rem;margin-bottom:.3rem}
.cm__replyForm .cm__mascot{width:38px;height:38px}
.cm__replyForm .cm__in--nick{flex:1 1 130px}
.cm__replyForm .cm__in--pw{flex:0 1 90px}
.cm__replyForm .cm__foot{gap:.5rem;flex-wrap:wrap}
.cm__replyCancel{margin-left:auto}
.cm__replyForm .cm__send{font-size:.65rem;letter-spacing:.1em;padding:.7rem 1rem}
.cm button:disabled{opacity:.5;cursor:wait}
.cm button:focus-visible{outline:2px solid #21778a;outline-offset:4px}
.cm__thread>.cm__status:empty{display:none}
@media(max-width:600px){.cm__thread{margin-left:.35rem;padding-left:.75rem}.cm__replyForm{padding:.8rem}.cm__post--reply .cm__card{padding:.85rem}.cm__replyForm .cm__in{font-size:16px}.cm__replyForm .cm__ta{font-size:16px}.cm__replyForm .cm__count{flex:1 0 100%}.cm__replyForm .cm__replyCancel{margin-left:0}}
.cm__replyForm .cm__row>.cm__mascots{flex-wrap:wrap}
.cm__replyForm .cm__row>.cm__mascots>.cm__mascot{width:36px;height:36px;max-width:36px}
.cm__post--reply[data-mascot="1"]>.cm__who>.cm__av{border-color:var(--bani,#f0568f)}
.cm__post--reply[data-mascot="2"]>.cm__who>.cm__av{border-color:#e3cd7d}
.cm__post--reply[data-mascot="3"]>.cm__who>.cm__av{border-color:#9ba1a8}
.cm__post--reply[data-mascot="4"]>.cm__who>.cm__av,.cm__post--reply[data-mascot="5"]>.cm__who>.cm__av,.cm__post--reply[data-mascot="6"]>.cm__who>.cm__av{border-color:var(--brand,#11a1bc)}
.cm__post--reply>.cm__who>.cm__av:after{box-shadow:none}

/* Keep the entire group visible instead of squeezing the hero into the viewport.
   The 3840 × 2160 source is framed from y=320 to y=1920: less ceiling, all shoes. */
body.template-index{height:auto;min-height:100svh}
body.template-index #top.hero--plain{
  flex:0 0 auto;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:12 / 5;
  overflow:hidden;
}
body.template-index #top.hero--plain>.hero__plain{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:50% 57.142857%;
}
body.template-index #top.hero--plain .hero__over{gap:0}
body.template-index #top.hero--plain .hero__over .hero__social{
  position:static;
  inset:auto;
  width:100%;
  margin:clamp(8px,.8vw,16px) 0 0;
  justify-content:center;
  transform:none;
}
@media(min-width:821px){
  body.template-index #top.hero--plain .hero__over{left:4.5%;width:16%}
}
@font-face{
  font-family:'HV Dancing Script';
  src:url('/assets/dancing-script-semibold.ttf') format('truetype');
  font-style:normal;
  font-weight:600;
  font-display:swap;
}
body.template-index #top.hero--plain .hero__tagline{
  margin:clamp(6px,.6vw,12px) 0 0;
  padding:0;
  color:#fff;
  font-family:'HV Dancing Script',cursive;
  font-size:clamp(12px,1.2vw,22px);
  font-weight:600;
  line-height:1.25;
  letter-spacing:0;
  text-align:center;
  white-space:nowrap;
  text-shadow:0 1px 3px #0004;
}

/* Cards peek out at rest and rise fully above the strip on hover or tap. */
body.template-index #members.strip--polaroid{
  --lift:.54;
  --card-gap:clamp(8px,1.4vw,20px);
  flex:0 0 auto;
  box-sizing:border-box;
  margin:0;
  padding:0 clamp(16px,3vw,56px);
  overflow:visible;
}
body.template-index #members .strip__box{
  display:flow-root;
  width:min(100%,1440px);
  margin-inline:auto;
  overflow:visible;
}
body.template-index #members .strip__row{
  --card-rise:calc((100% - 4 * var(--card-gap)) * .144);
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--card-gap);
  align-items:end;
  width:100%;
  height:auto;
  padding:calc(var(--card-rise) + 28px) 0 0;
  margin-top:calc(-1 * var(--card-rise));
  margin-inline:auto;
  overflow:hidden;
  pointer-events:none;
}
body.template-index #members .strip__slot{
  position:relative;
  width:100%;
  min-width:0;
  aspect-ratio:3 / 1.84;
}
body.template-index #members .strip__cell{
  position:absolute;
  inset:auto 0 0;
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  transform:translateY(54%);
  transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s ease;
  pointer-events:auto;
}
body.template-index #members .strip__cell.is-lift,
body.template-index #members .strip__cell:focus-visible{
  transform:translateY(0);
  z-index:20;
  box-shadow:0 3px 8px #16161a22,0 18px 30px #16161a30;
}
body.template-index #members .strip__cap{color:#fff}
/* Match the framing of the close-up portraits without changing card size. */
body.template-index #members [aria-label="KIRO"] .strip__img{background-size:auto 114%}
body.template-index #members [aria-label="REN"] .strip__img{background-size:auto 135%}
body.template-index #members .strip__doodle{
  position:absolute;
  grid-column:var(--member-column) / span 1;
  grid-row:1;
  left:0;
  right:0;
  top:-28px;
  bottom:auto;
  height:28px;
  opacity:.84;
  transition:opacity .2s ease;
  pointer-events:none;
  z-index:1;
}
body.template-index #members .strip__doodle img{
  display:block;
  width:112px;
  max-width:82%;
  height:28px;
  margin:0 auto;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}
body.template-index #members .strip__row:has([aria-label="TAKUMI"]:is(.is-lift,:focus-visible)) [data-member="takumi"],
body.template-index #members .strip__row:has([aria-label="ATO"]:is(.is-lift,:focus-visible)) [data-member="ato"],
body.template-index #members .strip__row:has([aria-label="LEVIN"]:is(.is-lift,:focus-visible)) [data-member="levin"],
body.template-index #members .strip__row:has([aria-label="KIRO"]:is(.is-lift,:focus-visible)) [data-member="kiro"],
body.template-index #members .strip__row:has([aria-label="REN"]:is(.is-lift,:focus-visible)) [data-member="ren"]{opacity:0}
@media(hover:hover) and (pointer:fine){
  body.template-index #members .strip__cell:hover{
    transform:translateY(0);
    z-index:20;
    box-shadow:0 3px 8px #16161a22,0 18px 30px #16161a30;
  }
  body.template-index #members .strip__row:has([aria-label="TAKUMI"]:is(:hover,:focus-visible)) [data-member="takumi"],
  body.template-index #members .strip__row:has([aria-label="ATO"]:is(:hover,:focus-visible)) [data-member="ato"],
  body.template-index #members .strip__row:has([aria-label="LEVIN"]:is(:hover,:focus-visible)) [data-member="levin"],
  body.template-index #members .strip__row:has([aria-label="KIRO"]:is(:hover,:focus-visible)) [data-member="kiro"],
  body.template-index #members .strip__row:has([aria-label="REN"]:is(:hover,:focus-visible)) [data-member="ren"]{
    opacity:0;
  }
}
body.template-index #top.hero--plain .hero__watch{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:auto;
  height:auto;
  min-height:44px;
  color:#fff;
  text-decoration:none;
  font-family:var(--latin,Arial,sans-serif);
  font-size:clamp(13px,1.15vw,18px);
  font-weight:700;
  white-space:nowrap;
  text-shadow:0 1px 5px #0009;
}
body.template-index #top.hero--plain .hero__watch .soc{width:30px;height:30px;flex:none}
body.template-index #top.hero--plain .hero__watch:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
@media(max-width:820px){
  body #nav.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    gap:8px;
    padding:0 12px;
  }
  body #nav .nav__logo{flex:0 0 auto;transform:none}
  body #nav .nav__logoWord{width:clamp(100px,30vw,140px);height:auto;margin:0}
  body #nav .nav__right{display:none}
  body #nav .nav__links{
    position:static;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:clamp(10px,2.6vw,20px);
    width:auto;
    max-height:none;
    overflow:visible;
    margin:0;
    padding:0;
    border:0;
    background:none;
    box-shadow:none;
    transition:none;
  }
  body #nav .nav__links>a{
    width:auto;
    min-height:40px;
    padding:0;
    border:0;
    justify-content:center;
    font-family:var(--latin,Arial,sans-serif);
    font-size:clamp(9px,2.4vw,11px);
    letter-spacing:.01em;
    white-space:nowrap;
  }
  body.template-index #top.hero--plain{
    aspect-ratio:4 / 3;
    height:auto;
  }
  body.template-index #top.hero--plain>.hero__plain{
    top:0;
    bottom:auto;
    width:150%;
    max-width:none;
    height:100%;
    left:50%;
    right:auto;
    transform:translateX(-50%);
    object-position:50% 0%;
  }
  body.template-index #top.hero--plain .hero__stage{
    box-sizing:border-box;
    inset:0;
    height:auto;
    padding:10px 12px;
    display:block;
    background:none;
  }
  body.template-index #top.hero--plain .hero__over{
    display:grid;
    grid-template-columns:max-content auto;
    grid-template-rows:auto auto;
    justify-content:space-between;
    align-items:center;
    position:static;
    inset:auto;
    translate:none;
    transform:none;
    width:100%;
    gap:2px 16px;
  }
  body.template-index #top.hero--plain .hero__mark{
    grid-column:1;grid-row:1;width:clamp(104px,29vw,132px);
    filter:drop-shadow(0 1px 3px #0009);
  }
  body.template-index #top.hero--plain .hero__tagline{
    grid-column:1;grid-row:2;margin:0;
    font-size:clamp(11px,3vw,13px);line-height:1.1;
    text-shadow:0 1px 3px #000c;
  }
  body.template-index #top.hero--plain .hero__over .hero__social{
    grid-column:2;grid-row:1 / 3;justify-self:end;
    width:auto;margin:0;justify-content:flex-end;
  }
  body.template-index #top.hero--plain .hero__watch{min-height:36px;font-size:clamp(11px,2.8vw,13px);gap:6px}
  body.template-index #top.hero--plain .hero__watch .soc{width:20px;height:20px}
  body.template-index #members.strip--polaroid{
    --card-w-m:clamp(160px,54vw,260px);
    padding:0;
  }
  body.template-index #members .strip__row{
    --card-rise:calc(var(--card-w-m) * .72);
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:var(--card-w-m);
    width:100%;
    gap:14px;
    padding:calc(var(--card-rise) + 28px) calc((100% - var(--card-w-m)) / 2) 0;
    overflow-x:auto;
    overflow-y:hidden;
    pointer-events:auto;
  }
  body.template-index #members .strip__slot{scroll-snap-align:center}
}
@media(prefers-reduced-motion:reduce){
  body.template-index #members .strip__cell,
  body.template-index #members .strip__doodle{transition:none}
}

/* Keep the footer information quiet and aligned as one centered group. */
body #footer.footer{
  --footer-text:#777777;
  color-scheme:dark;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:66px;
  padding:12px 20px;
  background:#111;
  border-top:1px solid #202020;
  color:var(--footer-text);
  font-family:Arial,sans-serif;
  font-size:9px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:1.1;
  text-align:center;
}
body #footer .footer__nav:empty{display:none}
body #footer .hype-biz--foot{
  position:static;
  order:1;
  width:100%;
  margin:0;
  pointer-events:auto;
}
body #footer .hype-biz--foot .hype-biz{
  margin:0;
  padding:0;
  border:0;
  max-width:none;
  justify-items:center;
}
body #footer .hype-biz--foot .hype-biz__line{
  justify-content:center;
  gap:0 12px;
  margin:0;
  opacity:1;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:center;
}
body #footer .footer__policies{
  order:2;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:0 14px;
  margin:0;
  padding:0;
}
body #footer .footer__fine{
  order:3;
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
}
body #footer .footer__policies a,
body #footer .footer__fine a{
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-decoration:none;
  text-shadow:none;
  transition:color .2s ease;
}
body #footer .footer__policies a:hover,
body #footer .footer__policies a:focus-visible{
  color:#74787c !important;
  text-decoration:underline;
  text-underline-offset:3px;
}
/* Set the text color on every footer row, including nested spans and links. */
body #footer .hype-biz--foot,
body #footer .hype-biz,
body #footer .hype-biz__line,
body #footer .hype-biz__line span,
body #footer .footer__policies,
body #footer .footer__policies a,
body #footer .footer__fine,
body #footer .footer__fine a,
body #footer .footer__fine span{
  color:var(--footer-text) !important;
}
body #footer .hype-biz--foot,
body #footer .hype-biz--foot *,
body #footer .footer__policies,
body #footer .footer__policies *,
body #footer .footer__fine,
body #footer .footer__fine *{
  -webkit-text-fill-color:var(--footer-text) !important;
  text-shadow:none;
}
/* Composite each text row once so its visible brightness stays subdued. */
body #footer .hype-biz--foot,
body #footer .footer__policies,
body #footer .footer__fine{
  opacity:.35;
}
@media(max-width:600px){
  body #footer.footer{
    --footer-text:#777777;
    min-height:50px;
    padding:8px 12px;
    font-size:8px;
    line-height:1.05;
    gap:0;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  body #footer .hype-biz--foot .hype-biz__line{gap:0 8px}
}

/* Mobile: a white page, a taller group photo, and 30% smaller footer text. */
@media(max-width:820px){
  html:has(body.hype-light),
  body.hype-light{
    color-scheme:only light;
    background:#fff;
  }
  body.hype-light .grain{display:none}
  body.hype-light #nav.nav{
    background:#fff;
    color:#16161a;
  }
  body.hype-light #nav .nav__links>a{color:#16161a}
  body.hype-light #nav .nav__logoWord{filter:brightness(0)}
  body.template-index{
    --mobile-card-width:clamp(160px,54vw,260px);
    --mobile-member-height:calc(var(--mobile-card-width) * .613333 + 28px);
    min-height:100svh;
  }
  body.template-index #MainContent,
  body.template-index #members.strip--polaroid,
  body.template-index #members .strip__box{background:#fff}
  body.template-index #top.hero--plain{
    aspect-ratio:auto;
    height:clamp(90vw,calc(100svh - var(--navh,44px) - var(--mobile-member-height) - 36px - env(safe-area-inset-bottom,0px)),118vw);
    min-height:0;
  }
  body.template-index #top.hero--plain>.hero__plain{
    object-position:50% 50%;
  }
  body.template-index #members.strip--polaroid{
    --card-w-m:var(--mobile-card-width);
  }
  body.template-index #shopify-section-hype-footer{margin-top:auto}
  body #footer.footer{
    --footer-text:#d0d0d0;
    color-scheme:only light;
    background:#fff;
    border-top-color:#ededed;
    min-height:36px;
    padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));
    font-size:5.355px;
    line-height:1.1;
  }
  body #footer .hype-biz--foot,
  body #footer .footer__policies,
  body #footer .footer__fine{opacity:1 !important}
}
@media(max-width:600px){
  body #footer.footer{font-size:4.76px}
}