#fw-section-custom-html-3a3d8189-14da-4e22-9242-d169f553cfc9 {

/* ── FORCE EXACTLY FOUR LINES ── */

.vi-intro__lines {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: clamp(14px, 2.4vw, 30px);
}

.vi-intro__line {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.vi-intro__line--english {
  color: var(--vi-white);
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2rem, 5.4vw, 5.8rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  text-shadow:
    -3px 0 0 rgba(0, 234, 255, 0.55),
     3px 0 0 rgba(255, 23, 79, 0.5),
     0 12px 30px rgba(0, 0, 0, 0.8);
}

.vi-intro__line--japanese {
  color: rgba(245, 242, 233, 0.82);
  font-family:
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Noto Sans JP",
    sans-serif;
  font-size: clamp(1.35rem, 2.8vw, 2.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.35em;

  text-shadow:
    -1px 0 0 rgba(0, 234, 255, 0.35),
     1px 0 0 rgba(255, 23, 79, 0.32);
}

.vi-intro__line--bone {
  color: var(--vi-bone);
}

/* Disable the old two-line layout */
.vi-intro__english,
.vi-intro__japanese,
.vi-intro__symbol {
  display: none !important;
}

@media (max-width: 720px) {
  .vi-intro__lines {
    gap: 18px;
  }

  .vi-intro__line--english {
    font-size: clamp(1.45rem, 6.4vw, 2.6rem);
    letter-spacing: 0.035em;
  }

  .vi-intro__line--japanese {
    font-size: clamp(1.05rem, 4.5vw, 1.45rem);
    letter-spacing: 0.22em;
  }
}

@media (max-width: 390px) {
  .vi-intro__line--english {
    font-size: 1.35rem;
    letter-spacing: 0.02em;
  }

  .vi-intro__line--japanese {
    font-size: 1rem;
    letter-spacing: 0.16em;
  }
}
}

#fw-section-recent-tiktoks-5e71b60d-08d5-465a-9ce5-ae3107d39cc6 {

/* EXPLORE BUTTON */

.vi-explore-btn{
    position:relative;
    overflow:hidden;
    transition:.18s ease;
}

.vi-explore-btn span{
    position:relative;
    z-index:2;
    transition:.18s ease;
}

.vi-explore-btn:hover,
.vi-explore-btn:focus-visible{

    transform:translateY(-2px);

    box-shadow:
        -4px 0 0 rgba(0,255,255,.55),
         4px 0 0 rgba(255,0,80,.55),
         0 0 18px rgba(255,255,255,.08);

    border-color:#E6D6B0;
}

.vi-explore-btn:hover span,
.vi-explore-btn:focus-visible span{

    text-shadow:
       -2px 0 0 rgba(0,255,255,.95),
        2px 0 0 rgba(255,0,80,.95);

    letter-spacing:.34em;
}

.vi-explore-btn:active{

    transform:scale(.97);

    box-shadow:
        -2px 0 0 rgba(0,255,255,.75),
         2px 0 0 rgba(255,0,80,.75);
}
}

#fw-section-header {

/* =========================================================
   VIOLENT ICON — SITE-WIDE CHROMATIC BUTTON SYSTEM
   Applies to:
   1. Existing custom .vi-button elements
   2. Native Fourthwall buttons marked by the footer script
   ========================================================= */

:root {
  --vi-button-bone: #e6d6b0;
  --vi-button-light: #f2e7cf;
  --vi-button-black: rgba(10, 10, 10, 0.88);
  --vi-button-black-hover: rgba(16, 16, 16, 0.97);
  --vi-button-cyan: rgba(0, 238, 255, 0.9);
  --vi-button-red: rgba(255, 32, 80, 0.9);
}

/* Shared custom + native Fourthwall button foundation */

:where(.vi-button, .vi-site-button) {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 48px;
  padding: 1rem 1.5rem;

  border: 1px solid rgba(230, 214, 176, 0.72) !important;
  border-radius: 0 !important;

  background: var(--vi-button-black) !important;
  color: var(--vi-button-bone) !important;

  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(0.92rem, 1.5vw, 1.1rem) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.22em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;

  appearance: none;
  cursor: pointer;
  isolation: isolate;
  overflow: visible !important;

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    text-shadow 140ms ease !important;
}

/* Preserve full-width Fourthwall buttons */

.vi-site-button[style*="width"],
.vi-site-button[class*="full" i],
.vi-site-button[class*="wide" i] {
  max-width: 100%;
}

/* Text inside custom or native buttons */

:where(.vi-button, .vi-site-button) :where(span, strong) {
  position: relative;
  z-index: 2;

  color: inherit;

  transition:
    color 140ms ease,
    text-shadow 140ms ease,
    transform 140ms ease !important;
}

/* Chromatic hover, keyboard focus, and mobile press */

:where(.vi-button, .vi-site-button):is(
  :hover,
  :focus-visible,
  :active
) {
  border-color: rgba(230, 214, 176, 0.98) !important;
  background: var(--vi-button-black-hover) !important;
  color: var(--vi-button-light) !important;

  box-shadow:
    -5px 3px 0 rgba(0, 238, 255, 0.5),
     5px -3px 0 rgba(255, 32, 80, 0.5),
     0 0 24px rgba(230, 214, 176, 0.09) !important;

  text-shadow:
    -2px 0 0 var(--vi-button-cyan),
     2px 0 0 var(--vi-button-red) !important;

  transform: translateY(-1px);
}

:where(.vi-button, .vi-site-button):is(
  :hover,
  :focus-visible,
  :active
) :where(span, strong) {
  color: var(--vi-button-light) !important;

  text-shadow:
    -2px 0 0 var(--vi-button-cyan),
     2px 0 0 var(--vi-button-red) !important;

  transform: translateX(1px);
}

/* Press response */

:where(.vi-button, .vi-site-button):active {
  transform: translateY(1px) scale(0.985);

  box-shadow:
    -3px 2px 0 rgba(0, 238, 255, 0.65),
     3px -2px 0 rgba(255, 32, 80, 0.65) !important;
}

/* Keyboard accessibility */

:where(.vi-button, .vi-site-button):focus-visible {
  outline: 1px solid var(--vi-button-bone) !important;
  outline-offset: 5px !important;
}

/* Disabled and unavailable buttons */

:where(.vi-button, .vi-site-button):is(
  :disabled,
  [disabled],
  [aria-disabled="true"]
) {
  cursor: not-allowed !important;
  opacity: 0.42 !important;
  transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Mobile */

@media (max-width: 720px) {
  :where(.vi-button, .vi-site-button) {
    min-height: 50px;
    padding: 0.95rem 1.2rem;

    font-size: clamp(0.88rem, 4vw, 1rem) !important;
    letter-spacing: 0.15em !important;
  }
}

/* Touchscreens: show the effect when pressed */

@media (hover: none) {
  :where(.vi-button, .vi-site-button):active {
    color: var(--vi-button-light) !important;

    text-shadow:
      -2px 0 0 var(--vi-button-cyan),
       2px 0 0 var(--vi-button-red) !important;
  }
}

/* Respect reduced-motion preferences */

@media (prefers-reduced-motion: reduce) {
  :where(.vi-button, .vi-site-button),
  :where(.vi-button, .vi-site-button) :where(span, strong) {
    transition: none !important;
  }
}
}










#fw-section-password {

/* S6N6FG6D V8.8 FINAL — FOURTHWALL-SAFE PAGE CSS
No clamp(), min(), max(), calc(), vw, vh, or inset.
Paste this same CSS into every page's Custom CSS field.
*/

.s6n-page-atmosphere{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0 0 32px;
  padding:38px;
  color:var(--s6n-white);
  background:
    radial-gradient(circle at 8% 12%,rgba(255,0,200,.16),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(184,255,0,.13),transparent 26%),
    radial-gradient(circle at 54% 120%,rgba(0,248,255,.10),transparent 34%),
    #030305;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    inset 0 0 60px rgba(0,0,0,.72),
    inset 2px 0 0 rgba(255,0,200,.28),
    inset -2px 0 0 rgba(184,255,0,.24),
    0 0 0 1px rgba(0,248,255,.035);
}

/* Rainbow neon edge band */
.s6n-page-atmosphere::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  height:2px;
  z-index:1;
  pointer-events:none;
  background:var(--s6n-rainbow);
  box-shadow:
    0 0 8px rgba(255,0,200,.60),
    0 0 12px rgba(184,255,0,.30),
    0 0 14px rgba(0,248,255,.22);
}

/* Signal sweep */
.s6n-page-atmosphere::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    100deg,
    transparent 38%,
    rgba(0,248,255,.13) 50%,
    transparent 62%
  );
  transform:translateX(-120%);
  animation:s6n-v88-sweep 7s ease-in-out infinite;
}

@keyframes s6n-v88-sweep{
  0%,70%{
    transform:translateX(-120%);
    opacity:0;
  }
  77%{
    opacity:1;
  }
  100%{
    transform:translateX(120%);
    opacity:0;
  }
}

.s6n-kicker{
  margin:0 0 9px;
  color:var(--s6n-lime);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.20em;
  text-transform:uppercase;
  text-shadow:0 0 8px rgba(184,255,0,.85),0 0 28px rgba(184,255,0,.30);
}

.s6n-page-title{
  margin:0;
  color:var(--s6n-white);
  font-family:"Arial Black",Impact,system-ui,sans-serif;
  font-size:72px;
  font-weight:900;
  line-height:.88;
  letter-spacing:-.05em;
  text-transform:uppercase;
  text-shadow:
    -2px 0 rgba(0,248,255,.9),
    2px 0 rgba(255,0,200,.9),
    0 0 20px rgba(255,0,200,.22);
}

.s6n-page-subtitle{
  max-width:992px;
  margin:14px 0 0;
  color:var(--s6n-muted);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:15px;
  font-weight:500;
  line-height:1.7;
  letter-spacing:.04em;
}

main section,
main [class*="section"],
main [class*="Section"]{
  position:relative;
}

main h1,
main h2,
main h3{
  letter-spacing:-.025em;
}

main h2::after,
main h3::after{
  content:"";
  display:block;
  width:110px;
  height:2px;
  margin-top:.45em;
  background:var(--s6n-rainbow);
  box-shadow:
    0 0 8px rgba(255,0,200,.45),
    0 0 12px rgba(184,255,0,.20),
    0 0 12px rgba(0,248,255,.14);
}

main article,
main [class*="card"],
main [class*="Card"],
main [class*="product"],
main [class*="Product"],
main [class*="collection"],
main [class*="Collection"]{
  border-radius:0!important;
}

main a[class*="card"],
main a[class*="Card"],
main [class*="product-card"],
main [class*="ProductCard"],
main [class*="collection-card"],
main [class*="CollectionCard"]{
  position:relative;
  overflow:hidden;
  background:#030303;
  border:1px solid rgba(255,255,255,.08);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

main a[class*="card"]::before,
main a[class*="Card"]::before,
main [class*="product-card"]::before,
main [class*="ProductCard"]::before,
main [class*="collection-card"]::before,
main [class*="CollectionCard"]::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  height:2px;
  z-index:2;
  pointer-events:none;
  opacity:.68;
  background:var(--s6n-rainbow);
  box-shadow:
    0 0 6px rgba(255,0,200,.55),
    0 0 10px rgba(184,255,0,.22),
    0 0 10px rgba(0,248,255,.16);
  transition:
    opacity .18s ease,
    box-shadow .18s ease;
}

main a[class*="card"]:hover,
main a[class*="Card"]:hover,
main [class*="product-card"]:hover,
main [class*="ProductCard"]:hover,
main [class*="collection-card"]:hover,
main [class*="CollectionCard"]:hover{
  transform:translateY(-3px);
  border-color:rgba(184,255,0,.54);
  box-shadow:
    0 0 0 1px rgba(0,248,255,.12),
    0 0 18px rgba(255,0,200,.18),
    0 0 32px rgba(184,255,0,.10);
}

main a[class*="card"]:hover::before,
main a[class*="Card"]:hover::before,
main [class*="product-card"]:hover::before,
main [class*="ProductCard"]:hover::before,
main [class*="collection-card"]:hover::before,
main [class*="CollectionCard"]:hover::before{
  opacity:1;
  box-shadow:
    0 0 9px rgba(255,0,200,.80),
    0 0 14px rgba(184,255,0,.44),
    0 0 16px rgba(0,248,255,.28);
}

.s6n-divider{
  height:2px;
  border:0;
  margin:48px 0;
  opacity:.82;
  background:var(--s6n-rainbow);
  box-shadow:
    0 0 8px rgba(255,0,200,.40),
    0 0 14px rgba(184,255,0,.20),
    0 0 14px rgba(0,248,255,.14);
}

@media(max-width:900px){
  .s6n-page-atmosphere{
    margin-bottom:26px;
    padding:30px;
  }

  .s6n-page-title{
    font-size:54px;
  }

  .s6n-page-subtitle{
    font-size:14px;
  }

  .s6n-divider{
    margin:38px 0;
  }
}

@media(max-width:640px){
  .s6n-page-atmosphere{
    margin-bottom:20px;
    padding:20px 17px;
  }

  .s6n-page-title{
    font-size:38px;
    line-height:.92;
  }

  .s6n-page-subtitle{
    font-size:12px;
  }

  main h2::after,
  main h3::after{
    width:82px;
  }

  .s6n-divider{
    margin:28px 0;
  }
}

@media(prefers-reduced-motion:reduce){
  .s6n-page-atmosphere::after{
    animation:none!important;
    display:none!important;
  }
}
}