@layer reset,tokens,base,components,motion,responsive,refinements;
@layer reset {
  * {
    box-sizing:border-box
  }
  body,h1,h2,h3,p {
    margin:0
  }
  button,input,textarea,select {
    font:inherit
  }
  a {
    color:inherit;
    text-decoration:none
  }
  button,a,input,select,textarea {
    -webkit-tap-highlight-color:transparent
  }
  img,svg {
    max-width:100%
  }
  button {
    color:inherit
  }
  ::selection {
    background:#dca2ff;
    color:#08070e
  }
}

/* Final overrides for the consolidated homepage pass. */
@layer components {
  .secondary-channel { display:none !important; }
  .identity-panel { min-height:560px; background:radial-gradient(circle at 50% 35%,#ac62da26,transparent 35%),linear-gradient(145deg,#1d1626,#0c0d14 72%); box-shadow:inset 0 0 60px #09070e88,0 24px 70px #0006; }
  .about-portrait-frame { position:absolute; top:74px; right:8%; width:58%; height:58%; overflow:hidden; border:1px solid #e0b9ff5a; border-radius:46% 46% 8px 8px; transform:rotate(3deg); box-shadow:0 0 0 10px #ffffff05,0 20px 46px #0008; }
  .about-portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.9) contrast(1.04); }
  .about-portrait-frame:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,#08080e99),linear-gradient(90deg,#b66dff18,transparent 45%,#ff76dd20); pointer-events:none; }
  .portrait-scan { position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 6px,transparent 7px); opacity:.22; }
  .identity-type { position:absolute; left:30px; bottom:72px; padding:0; text-shadow:0 2px 22px #07060dcc; }
  .identity-type>strong { font-size:clamp(58px,7vw,100px); }
  .identity-outline { font-size:clamp(22px,2.8vw,38px); color:#c5a8d6; }
  .identity-bottom { position:absolute; left:30px; right:30px; bottom:25px; }
  .content-grid { transition:opacity var(--motion-short),transform var(--motion-short); }
  .content-grid.is-sliding { animation:content-page-in var(--motion-medium) var(--ease) both; }
  .content-card[hidden] { display:none; }
  .carousel-controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:30px; }
  .carousel-button { width:44px; height:44px; display:grid; place-items:center; border:1px solid #d2a4ee55; border-radius:50%; background:#17121e; cursor:pointer; transition:transform var(--transition),border-color var(--transition),background var(--transition); }
  .carousel-button:hover:not(:disabled),.carousel-button:focus-visible:not(:disabled) { transform:translateY(-3px); border-color:var(--accent); background:#251a31; }
  .carousel-button:disabled { opacity:.35; cursor:not-allowed; }
  .carousel-button .icon { width:17px; height:17px; }
  .carousel-button .flip { transform:scaleX(-1); }
  .carousel-status { min-width:94px; text-align:center; color:var(--muted); font:12px/1.5 var(--font-label); letter-spacing:.08em; }
  .nav-watch.is-live { border-color:#d9b2ff99; background:linear-gradient(120deg,#e9b6ff22,#8d7be822); box-shadow:0 0 22px #c989ff24; }
  .stream-status.is-live { border-color:#e6b2ff99; background:linear-gradient(120deg,#d89cff38,#9a77f02c); box-shadow:0 0 26px #c783ff2b; }
  .status-dot.is-live { background:#ff9ee9; box-shadow:0 0 12px #ff7de0; }
  .hero-actions .button.is-live { background:linear-gradient(120deg,#f0b5ff,#aaa2f5); border-color:#f0c7ff; box-shadow:0 0 30px #ce8aff55; }
  .hero-atmosphere { background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 50% 64%,#6535822e,transparent 53%),radial-gradient(ellipse at 13% 52%,#31214b40,transparent 40%),radial-gradient(ellipse at 84% 66%,#d53d6e17,transparent 40%); background-size:42px 42px,42px 42px,auto,auto,auto; background-position:center bottom,center bottom,center,center,center; }
  .hero-scanline { position:absolute; inset:0; opacity:.12; background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px); mix-blend-mode:screen; pointer-events:none; }
}
@layer motion { @keyframes content-page-in { from { opacity:.25; transform:translateX(18px); } to { opacity:1; transform:none; } } @keyframes scan-drift { to { background-position:0 14px; } } .hero-scanline { animation:scan-drift 8s linear infinite; } }
@layer responsive { @media(max-width:700px) { .about-portrait-frame { width:64%; right:8%; height:54%; } .identity-panel { min-height:500px; } .identity-type { left:24px; bottom:66px; } .identity-bottom { left:24px; right:24px; } .carousel-controls { margin-top:24px; } } @media(prefers-reduced-motion:reduce) { .hero-scanline,.content-grid.is-sliding { animation:none; } } }

@layer components {
  .identity-panel { width:100%; min-width:0; }
}

/* Fourthwall catalog and locally managed bag. Product data comes from the
   same-origin PHP adapter; payment and fulfillment stay on Fourthwall. */
@layer refinements {
  [hidden] { display:none !important }
  .shop-teaser-panel {
    min-height:310px;
    display:grid;
    grid-template-columns:minmax(130px,240px) 1fr auto;
    align-items:center;
    gap:clamp(28px,5vw,70px);
    margin-top:42px;
    padding:clamp(30px,5vw,66px);
    overflow:hidden;
    position:relative;
    isolation:isolate;
    border:1px solid #c6a0da3d;
    border-radius:14px;
    background:radial-gradient(circle at 13% 50%,#9b5bc342,transparent 30%),linear-gradient(125deg,#1a1521,#0c0d14 72%);
    box-shadow:0 30px 80px #0005
  }
  .shop-teaser-panel:before,.shop-teaser-panel:after {
    content:'';
    position:absolute;
    z-index:-1;
    width:70%;
    height:150%;
    border:1px solid #d49bec2b;
    border-radius:50%;
    right:-18%;
    top:-52%;
    transform:rotate(-18deg)
  }
  .shop-teaser-panel:after { width:53%;height:115%;right:-5%;top:-30%;border-color:#8b7ce328;transform:rotate(24deg) }
  .shop-teaser-mark {
    font:italic 900 clamp(100px,15vw,190px)/.7 var(--font-display);
    letter-spacing:-.12em;
    color:#e4c7f0;
    text-shadow:2px 0 #78a9dd4d,-2px 0 #ee75bd42,0 0 36px #ad6eda40
  }
  .shop-teaser-panel small { display:block;color:#c2accd;font:11px/1.5 var(--font-label);letter-spacing:.12em;margin-bottom:12px }
  .shop-teaser-panel strong { display:block;font:700 clamp(28px,4.4vw,56px)/1.05 var(--font-display);letter-spacing:-.045em }
  .shop-teaser-panel em { display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#d9c4e3;font-style:normal;font-size:14px }
  .shop-teaser-panel em .icon { width:16px }
  .shop-teaser-star { font-size:clamp(48px,8vw,100px);color:#dcb5ee;opacity:.7 }
  .shop-teaser-panel:hover { border-color:#d6aae85f;transform:translateY(-3px) }
  .shop-teaser-panel:hover .shop-teaser-star { transform:rotate(45deg) scale(1.08) }
  .shop-teaser-panel,.shop-teaser-star { transition:transform var(--transition),border-color var(--transition) }

  .shop-hero { min-height:570px }
  .shop-hero>p:not(.eyebrow) { max-width:600px;line-height:1.75 }
  .shop-hero-links { display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px }
  .shop-hero-links .text-link { margin:0 }
  .shop-hero-links .muted-link { color:var(--muted);font-size:13px }
  .storefront-heading { align-items:end }
  .storefront-tools { display:flex;flex-direction:column;align-items:flex-end;gap:18px }
  .storefront-tools .section-note { max-width:none }
  .cart-open { padding:10px 14px;min-height:44px;gap:10px }
  .cart-count { min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e5c0f3;color:#120e17;font:700 12px/1 var(--font-label) }
  .storefront-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px }
  .product-card { min-width:0 }
  .product-image {
    display:grid;
    place-items:center;
    aspect-ratio:4/5;
    overflow:hidden;
    border:1px solid #ffffff16;
    border-radius:12px;
    background:radial-gradient(circle at 50% 42%,#7c4e9c2b,transparent 42%),#121019
  }
  .product-image img { width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .55s var(--ease) }
  .product-image:hover img,.product-image:focus-visible img { transform:scale(1.035);filter:saturate(1.07) }
  .product-image-mark { font:italic 900 90px/.8 var(--font-display);color:#d7b6e6 }
  .product-details { padding-top:18px }
  .product-heading { min-height:52px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px }
  .product-heading h3 { font-size:18px;line-height:1.28 }
  .product-price { flex-shrink:0;color:#d8c4e3;font:12px/1.5 var(--font-label);letter-spacing:.03em;padding-top:2px }
  .product-controls { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:16px }
  .product-controls label { display:grid;gap:7px;color:#ad9db7;font:10px/1.3 var(--font-label);letter-spacing:.09em;text-transform:uppercase }
  .product-controls select { width:100%;height:44px;border:1px solid var(--border);border-radius:5px;padding:0 34px 0 11px;color:var(--text);background:#0f0e15;font:13px/1.3 var(--font-body) }
  .product-add { min-height:44px;padding:9px 15px;white-space:nowrap }
  .product-detail-link { display:inline-flex;min-height:42px;align-items:center;gap:6px;margin-top:8px;color:#9f91aa;font-size:12px;transition:color var(--transition) }
  .product-detail-link .icon { width:14px;height:14px }
  .product-detail-link:hover,.product-detail-link:focus-visible { color:var(--text) }
  .product-skeleton { pointer-events:none }
  .skeleton-block,.skeleton-line { display:block;background:linear-gradient(90deg,#16131d 20%,#26202f 45%,#16131d 70%);background-size:240% 100%;animation:storefront-shimmer 1.5s linear infinite }
  .skeleton-line { height:14px;border-radius:3px;margin-top:12px }
  .skeleton-line.short { width:56%;margin-top:0 }
  .skeleton-line.button-line { height:44px;margin-top:18px }
  .storefront-fallback { display:flex;align-items:center;gap:24px;margin-top:20px;padding:28px;border:1px solid #a989c329;border-radius:10px;background:#16111c }
  .storefront-fallback>div { flex:1 }
  .storefront-fallback h3 { font-size:19px }
  .storefront-fallback p { margin-top:7px;color:var(--muted);font-size:14px }
  .storefront-fallback .button { flex-shrink:0 }

  .has-open-cart { overflow:hidden }
  .cart-layer { position:fixed;inset:0;z-index:100;opacity:0;transition:opacity .25s ease }
  .cart-layer.is-open { opacity:1 }
  .cart-backdrop { position:absolute;inset:0;width:100%;height:100%;border:0;background:#050508ba;backdrop-filter:blur(5px);cursor:pointer }
  .cart-drawer { position:absolute;right:0;top:0;width:min(470px,100%);height:100%;display:flex;flex-direction:column;padding:28px;background:#0e0d13;border-left:1px solid #d3a5ea33;box-shadow:-28px 0 80px #0008;transform:translateX(100%);transition:transform .32s var(--ease);outline:0 }
  .cart-layer.is-open .cart-drawer { transform:none }
  .cart-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--border) }
  .cart-header h2 { margin-top:7px;font-size:30px }
  .cart-close { width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:#17141e;color:var(--text);font-size:26px;line-height:1;cursor:pointer }
  .cart-items { flex:1;overflow:auto;padding-right:5px }
  .cart-empty { flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);padding:50px 20px }
  .cart-item { display:grid;grid-template-columns:78px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--border) }
  .cart-item>img,.cart-item-art { width:78px;height:98px;object-fit:cover;border-radius:7px;background:#191520;border:1px solid var(--border) }
  .cart-item-art { display:grid;place-items:center;font:italic 900 34px/1 var(--font-display);color:#d5b5e3 }
  .cart-item-details h3 { font-size:15px;line-height:1.3 }
  .cart-item-details>p { color:var(--muted);font-size:12px;margin:5px 0 8px }
  .cart-item-details>strong { font-size:13px }
  .quantity-controls { display:flex;align-items:center;gap:0;margin-top:11px }
  .quantity-controls button:not(.cart-remove),.quantity-controls>span { width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);background:#14121a }
  .quantity-controls button { cursor:pointer }
  .quantity-controls button:disabled { opacity:.45;cursor:not-allowed }
  .cart-remove { min-height:32px;margin-left:12px;padding:0;border:0;background:none;color:#a999b4;font-size:11px;text-decoration:underline;text-underline-offset:3px }
  .cart-footer { padding-top:22px;border-top:1px solid var(--border) }
  .cart-total { display:flex;justify-content:space-between;align-items:center;font-size:16px }
  .cart-total strong { font-size:20px }
  .cart-footer>p { color:var(--muted);font-size:11px;line-height:1.55;margin:8px 0 16px }
  .cart-checkout { width:100%;justify-content:center }
  .cart-fourthwall-link { width:100%;justify-content:center;margin-top:12px;font-size:11px;color:#a999b4 }
}
@layer motion {
  @keyframes storefront-shimmer { to { background-position:-140% 0 } }
}
@layer responsive {
  @media(max-width:900px) {
    .storefront-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .shop-teaser-panel { grid-template-columns:150px 1fr }
    .shop-teaser-star { display:none }
  }
  @media(max-width:600px) {
    .shop-teaser-panel { min-height:0;grid-template-columns:1fr;padding:28px }
    .shop-teaser-mark { font-size:96px }
    .shop-teaser-panel strong { font-size:34px }
    .storefront-heading { align-items:flex-start }
    .storefront-tools { width:100%;align-items:flex-start }
    .storefront-grid { grid-template-columns:minmax(0,1fr);gap:36px }
    .product-heading { min-height:0 }
    .storefront-fallback { align-items:flex-start;flex-direction:column }
    .cart-drawer { padding:22px 18px }
    .shop-hero { min-height:520px }
  }
  @media(max-width:380px) {
    .product-controls { grid-template-columns:1fr }
    .product-add { width:100%;justify-content:center }
  }
  @media(prefers-reduced-motion:reduce) {
    .skeleton-block,.skeleton-line { animation:none }
    .cart-layer,.cart-drawer,.shop-teaser-panel,.shop-teaser-star,.product-image img { transition:none }
  }
}

@layer refinements {
  .shop-hero { overflow:hidden }
  @media(max-width:900px) {
    .storefront-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .shop-teaser-panel { grid-template-columns:150px 1fr }
    .shop-teaser-star { display:none }
  }
  @media(max-width:600px) {
    .shop-teaser-panel { min-height:0;grid-template-columns:1fr;padding:28px }
    .shop-teaser-mark { font-size:96px }
    .shop-teaser-panel strong { font-size:34px }
    .storefront-heading { align-items:flex-start }
    .storefront-tools { width:100%;align-items:flex-start }
    .storefront-grid { grid-template-columns:minmax(0,1fr);gap:36px }
    .product-heading { min-height:0;flex-wrap:wrap }
    .storefront-fallback { align-items:flex-start;flex-direction:column }
    .cart-drawer { padding:22px 18px }
    .shop-hero { min-height:520px }
  }
  @media(max-width:380px) {
    .product-controls { grid-template-columns:1fr }
    .product-add { width:100%;justify-content:center }
  }
  @media(prefers-reduced-motion:reduce) {
    .skeleton-block,.skeleton-line { animation:none }
    .cart-layer,.cart-drawer,.shop-teaser-panel,.shop-teaser-star,.product-image img { transition:none }
  }
}

@layer refinements {
  .shop-hero {
    min-height:590px;
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
    align-items:center;
    gap:clamp(30px,4vw,70px);
    padding-block:70px
  }
  .shop-hero-copy { position:relative;z-index:2 }
  .shop-hero h1 { margin:28px 0 22px;font-size:clamp(88px,10vw,150px);line-height:.82;letter-spacing:-.075em }
  .shop-hero h1 em { color:#cbb2d7 }
  .shop-orbit {
    position:relative;
    inset:auto;
    width:100%;
    height:min(520px,48vw);
    min-height:430px;
    display:grid;
    place-items:center;
    z-index:1;
    border-color:#b895da42;
    background:radial-gradient(ellipse at 50% 50%,#7448942e 0,transparent 67%);
    box-shadow:0 0 0 28px #ffffff02,0 0 0 62px #b393ca04;
    transform:rotate(-9deg);
    animation:none
  }
  .shop-orbit-glow { position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#a25ec22a,transparent 68%);filter:blur(10px) }
  .shop-hero-product { position:relative;width:auto;height:80%;max-width:82%;object-fit:contain;transform:rotate(9deg);filter:drop-shadow(0 28px 28px #0009) drop-shadow(0 0 22px #ba78d62a);animation:shop-product-float 6s ease-in-out infinite;z-index:2 }
  .shop-product-scan { position:absolute;inset:4% 10%;z-index:3;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff 6px,transparent 7px);mix-blend-mode:screen;animation:scan-drift 8s linear infinite;pointer-events:none }
  .shop-product-flare { position:absolute;right:17%;top:22%;z-index:4;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px #e7c5ff,0 0 24px 7px #a96bd466;animation:shop-flare 4.5s ease-in-out infinite }
  .shop-product-flare:before,.shop-product-flare:after { content:'';position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#f3e5ff,transparent);transform:translate(-50%,-50%) }
  .shop-product-flare:before { width:42px;height:1px }
  .shop-product-flare:after { width:1px;height:42px }

  .product-variant-controls { display:grid;gap:14px;margin-top:15px }
  .variant-group { min-width:0;margin:0;padding:0;border:0 }
  .variant-group legend { margin-bottom:8px;color:#ad9db7;font:10px/1.3 var(--font-label);letter-spacing:.1em;text-transform:uppercase }
  .variant-options { display:flex;flex-wrap:wrap;gap:8px }
  .color-swatch { --swatch:#8f799d;position:relative;width:30px;height:30px;padding:0;border:2px solid #17131d;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ffffff2a;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition) }
  .color-swatch:hover:not(:disabled),.color-swatch:focus-visible:not(:disabled) { transform:translateY(-2px);box-shadow:0 0 0 2px #d8b5e7,0 5px 16px #0008 }
  .color-swatch.is-selected { box-shadow:0 0 0 2px #f0d7fb,0 0 0 5px #a66cc534 }
  .color-swatch:disabled,.size-option:disabled { opacity:.28;cursor:not-allowed;text-decoration:line-through }
  .color-swatch:after { content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);z-index:8;transform:translate(-50%,4px);padding:5px 8px;border:1px solid #ffffff20;border-radius:4px;background:#08070c;color:#f6eef9;white-space:nowrap;font:11px/1.3 var(--font-body);opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition) }
  .color-swatch:hover:after,.color-swatch:focus-visible:after { opacity:1;transform:translate(-50%,0) }
  .size-option { min-width:42px;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;background:#100e15;color:#cbbfd1;font:700 11px/1 var(--font-label);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition) }
  .size-option:hover:not(:disabled),.size-option:focus-visible:not(:disabled) { border-color:#c99fe05e;background:#1b1522 }
  .size-option.is-selected { border-color:#dfb8f1;background:#e3c0f0;color:#17101d }
  .product-variant-controls .product-add { width:100%;justify-content:center;margin-top:2px }
  .cart-count.has-items { box-shadow:0 0 14px #d997f18a;transform:scale(1.06) }
  .cart-added-status { min-height:18px;margin-top:5px;color:#dca9ef;font-size:12px }
  .cart-continue { width:100%;justify-content:center;margin-top:10px }

  .featured-shop-carousel { margin-top:38px }
  .featured-shop-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:430px }
  .featured-product-card { min-width:0;animation:featured-product-in var(--motion-medium) var(--ease) both }
  .featured-product-image { display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#121019 }
  .featured-product-image img { width:100%;height:100%;object-fit:cover;transition:transform var(--transition) }
  .featured-product-image:hover img,.featured-product-image:focus-visible img { transform:scale(1.035) }
  .featured-product-info { display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding-top:16px }
  .featured-product-info h3 { font-size:18px;line-height:1.3 }
  .featured-product-info>span { color:#cdbbd5;font:11px/1.5 var(--font-label);white-space:nowrap }
  .featured-product-info>a { grid-column:1/-1;min-height:34px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px }
  .featured-product-info>a .icon { width:14px;height:14px }
  .featured-shop-controls { margin-top:26px }
  .carousel-dots { display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;min-width:70px;max-width:min(420px,55vw) }
  .carousel-dot { width:8px;height:8px;padding:0;border:1px solid #d6b1e270;border-radius:50%;background:transparent;cursor:pointer;transition:transform var(--transition),background var(--transition) }
  .carousel-dot.is-active { background:#dcafea;transform:scale(1.25);box-shadow:0 0 10px #c17bdd72 }
  .featured-shop-fallback { margin-top:30px;color:var(--muted) }
  .featured-shop-fallback a { color:var(--text);text-decoration:underline;text-underline-offset:4px }

  @media(max-width:960px) {
    .shop-hero { grid-template-columns:minmax(0,.85fr) minmax(350px,1.15fr) }
    .featured-shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
  }
  @media(max-width:700px) {
    .shop-hero { min-height:760px;grid-template-columns:1fr;grid-template-rows:auto 360px;gap:14px;padding-block:50px }
    .shop-hero h1 { font-size:clamp(74px,24vw,112px) }
    .shop-orbit { height:350px;min-height:350px;width:min(100%,480px);justify-self:center }
    .shop-hero-product { height:82%;max-width:84% }
  }
  @media(max-width:620px) {
    .featured-shop-grid { grid-template-columns:minmax(0,1fr);min-height:0 }
    .featured-product-info h3 { font-size:17px }
  }
  @media(prefers-reduced-motion:reduce) {
    .shop-hero-product,.shop-product-scan,.shop-product-flare,.featured-product-card { animation:none }
  }
}
@layer motion {
  @keyframes shop-product-float { 0%,100% { transform:rotate(9deg) translateY(0) } 50% { transform:rotate(9deg) translateY(-13px) } }
  @keyframes shop-flare { 0%,100% { opacity:.35;transform:scale(.78) } 48%,58% { opacity:.9;transform:scale(1.08) } }
  @keyframes featured-product-in { from { opacity:.25;transform:translateX(14px) } to { opacity:1;transform:none } }
}

/* Reference-led hero and player-profile refinement. This late-priority layer keeps
   these focused art-direction rules above the original responsive system. */
@layer refinements {
  .hero {
    min-height:min(860px,calc(100svh - 90px));
    background:#08090f
  }
  .hero-atmosphere {
    --hero-glow:.22;
    background-image:
      radial-gradient(ellipse at 50% 48%,#8a49ba24 0,transparent 41%),
      radial-gradient(ellipse at 50% 94%,#9146bd20 0,transparent 42%),
      linear-gradient(180deg,#090a11 0%,#0a0b13 64%,#11101d 100%);
    background-size:auto;
    background-position:center;
    background-repeat:no-repeat
  }
  .hero-atmosphere:before {
    background:linear-gradient(90deg,transparent 0 7%,#d8a4f307 7.1% 7.2%,transparent 7.3% 92.7%,#d8a4f307 92.8% 92.9%,transparent),linear-gradient(180deg,transparent 0 18%,#d8a4f306 18.1% 18.2%,transparent 18.3% 82%,#d8a4f306 82.1% 82.2%,transparent)
  }
  .hero-atmosphere:after {
    background:radial-gradient(430px circle at var(--pointer-x,50%) var(--pointer-y,50%),#b184dd13,transparent 70%)
  }
  .hero-dot-field {
    position:absolute;
    inset:0;
    opacity:.16;
    mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0,transparent 30%,transparent 70%,#000 100%);
    background-image:radial-gradient(circle,#bd8be8 1px,transparent 1.4px);
    background-size:9px 9px
  }
  .hero-floor {
    position:absolute;
    left:-18%;
    right:-18%;
    bottom:-17%;
    height:43%;
    opacity:.26;
    transform:perspective(420px) rotateX(63deg);
    transform-origin:center bottom;
    background-image:linear-gradient(#af73d53d 1px,transparent 1px),linear-gradient(90deg,#af73d534 1px,transparent 1px);
    background-size:70px 48px;
    mask-image:linear-gradient(180deg,transparent,#000 38%,#000);
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 38%,#000)
  }
  .orbit {
    top:47%;
    border-color:#b77be02f;
    box-shadow:0 -1px 10px #cb8ff711,inset 0 1px 12px #a84cbe09
  }
  .orbit-one {
    width:min(1120px,76vw);
    height:330px;
    border-top-color:#d69cf56b;
    border-right-color:#8ea6ff41;
    border-bottom-color:#ff7ec92e
  }
  .orbit-two {
    width:min(1040px,72vw);
    height:405px;
    border-color:#9c70de2c
  }
  .orbit-three {
    width:min(1240px,84vw);
    height:490px;
    border-color:#d081ed19
  }
  .orbit-light {
    position:absolute;
    width:7px;
    height:7px;
    left:18%;
    top:4%;
    border-radius:50%;
    background:#f8d8ff;
    box-shadow:0 0 7px 2px #f2a6ff,0 0 24px 5px #af75ff6b
  }
  .hero-flare {
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#fff;
    opacity:.72;
    box-shadow:0 0 7px 2px #dcb0ff,0 0 18px 4px #9c68dc55
  }
  .hero-flare:before,.hero-flare:after {
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    background:linear-gradient(90deg,transparent,#ead3ff,transparent);
    transform:translate(-50%,-50%)
  }
  .hero-flare:before { width:36px; height:1px }
  .hero-flare:after { width:1px; height:36px }
  .flare-one { left:22%; top:49% }
  .flare-two { right:21%; top:39%; transform:scale(.72) }
  .flare-three { right:12%; bottom:20%; transform:scale(.5) }
  .horizon {
    bottom:-190px;
    opacity:.11;
    filter:blur(80px)
  }
  .hero-scanline { opacity:.045 }
  .hero-side-copy {
    position:absolute;
    z-index:1;
    top:50%;
    color:#c4aacd8a;
    line-height:1.65;
    letter-spacing:.09em;
    pointer-events:none
  }
  .hero-side-left { left:max(28px,6vw); transform:translateY(-20%) }
  .hero-side-right { right:max(28px,6vw); transform:translateY(-20%); text-align:left }
  .hero-core {
    z-index:2;
    padding-top:52px;
    padding-bottom:58px
  }
  .hero-core:before,.hero-core:after { opacity:.22 }
  .hero h1 {
    margin:28px auto 22px;
    font-size:clamp(82px,14.3vw,198px)
  }
  .hero h1 .brand-lockup { gap:14px }
  .hero h1 .brand-image {
    width:clamp(116px,12vw,168px);
    height:clamp(116px,12vw,168px);
    filter:drop-shadow(2px 0 0 #73b9f13b) drop-shadow(-2px 0 0 #e366aa38) drop-shadow(0 0 24px #c18bf326)
  }
  .hero h1 .wordmark {
    background:linear-gradient(180deg,#fff 2%,#f1edf7 42%,#9e95b1 70%,#e5dcec 98%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(2px 0 #6dbbe830) drop-shadow(-2px 0 #f167ad2b) drop-shadow(0 10px 30px #a56fff1c)
  }
  .stream-status {
    background:#15121ba3;
    border-color:#d5a5ed47;
    box-shadow:0 0 18px #b368d513
  }
  .nav-watch {
    color:#c8c4cd;
    border-color:var(--border);
    background:transparent;
    box-shadow:none
  }
  .nav-watch>.icon:first-child { color:currentColor }
  .nav-watch.is-live {
    color:#f6e9fb;
    border-color:#d9b2ff99;
    background:linear-gradient(120deg,#e9b6ff22,#8d7be822);
    box-shadow:0 0 22px #c989ff24
  }
  .hero-actions .twitch-hero-button.is-live {
    color:#161020;
    background:linear-gradient(120deg,#f0b5ff,#aaa2f5);
    border-color:#f0c7ff;
    box-shadow:0 0 30px #ce8aff55
  }

  .identity-panel {
    min-height:0;
    aspect-ratio:890 / 1054;
    padding:0;
    isolation:isolate;
    border-color:#bd9ddf2d;
    border-radius:14px;
    background:#111019;
    box-shadow:inset 0 0 55px #0a0710a6,0 24px 70px #0006
  }
  .identity-panel:before {
    z-index:2;
    inset:0;
    border:0;
    border-radius:inherit;
    background:linear-gradient(180deg,#0b0a1117 38%,#0c0912b0 76%,#0a0910e8 100%),linear-gradient(90deg,#8f56bc12,transparent 46%,#ff89c10b);
    pointer-events:none
  }
  .identity-panel:after {
    z-index:3;
    inset:18px;
    border:1px solid #cfb7df14;
    border-radius:0;
    clip-path:polygon(0 0,100% 0,100% 18%,98% 18%,98% 82%,100% 82%,100% 100%,0 100%,0 82%,2% 82%,2% 18%,0 18%);
    transform:none
  }
  .about-portrait-frame {
    position:absolute;
    z-index:1;
    inset:0;
    width:auto;
    height:auto;
    border:0;
    border-radius:0;
    transform:none;
    box-shadow:none
  }
  .about-portrait-frame img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:54% top;
    filter:saturate(.86) contrast(1.04) brightness(.82)
  }
  .about-portrait-frame:after {
    background:radial-gradient(circle at 42% 23%,#d768e319,transparent 30%),linear-gradient(180deg,transparent 32%,#0d0b1491 72%,#09080ee8 100%)
  }
  .portrait-scan {
    opacity:.04;
    background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px,transparent 6px)
  }
  .panel-label {
    position:absolute;
    z-index:4;
    top:40px;
    left:38px;
    right:38px;
    color:#cabbd0b8;
    line-height:1.6
  }
  .panel-label>.icon { color:#d5c3df; width:21px; height:21px }
  .identity-type {
    z-index:4;
    left:38px;
    right:24px;
    bottom:132px;
    text-shadow:0 3px 22px #08060dcc
  }
  .identity-type>span:first-child {
    display:block;
    margin-bottom:10px;
    font-size:19px
  }
  .identity-type>strong {
    font-size:clamp(76px,8.5vw,124px);
    line-height:.88;
    color:#f4f1f5
  }
  .identity-type>strong>span { color:#db9cf2 }
  .identity-outline {
    margin-top:24px;
    font-size:clamp(31px,3.4vw,48px);
    color:#9c8aaa;
    line-height:1.02
  }
  .identity-bottom {
    z-index:4;
    left:38px;
    right:38px;
    bottom:35px;
    color:#b9aabd
  }
  .identity-monogram { font-size:42px }
  .about-copy>h2 {
    font-size:clamp(46px,4.6vw,68px);
    line-height:1.05;
    margin-bottom:32px
  }
  .about-copy>p:not(.eyebrow) {
    max-width:560px;
    font-size:clamp(17px,1.35vw,20px);
    line-height:1.72
  }
  .about-community {
    margin-top:34px;
    padding-top:24px;
    border-top:1px solid var(--border)
  }
  .about-community-kicker {
    display:block;
    margin-bottom:12px;
    color:#bcaac5;
    font:12px/1.5 var(--font-label);
    letter-spacing:.12em
  }
  .about-discord-button {
    width:100%;
    min-height:66px;
    justify-content:flex-start;
    padding:17px 22px;
    border-color:#caa8df45;
    background:#17131eaa;
    font-size:16px
  }
  .about-discord-button>.icon:last-child { margin-left:auto }
  .about-discord-button:hover,.about-discord-button:focus-visible {
    border-color:#d7aff06e;
    background:#211829
  }
}

@layer refinements {
  @keyframes orbit-breathe {
    0%,100% { opacity:.58 }
    50% { opacity:.92 }
  }
  @keyframes orbit-light-travel {
    0% { transform:translate(0,0); opacity:0 }
    8%,72% { opacity:1 }
    100% { transform:translate(690px,38px); opacity:0 }
  }
  @keyframes flare-twinkle {
    0%,86%,100% { opacity:.34; transform:scale(.7) }
    90% { opacity:.9; transform:scale(1) }
  }
  @keyframes floor-drift {
    to { background-position:0 48px,70px 0 }
  }
  .orbit-two { animation:orbit-breathe 9s ease-in-out infinite }
  .orbit-light { animation:orbit-light-travel 12s ease-in-out infinite }
  .hero-flare { animation:flare-twinkle 8s ease-in-out infinite }
  .flare-two { animation-delay:-3s }
  .flare-three { animation-delay:-5.5s }
  .hero-floor { animation:floor-drift 14s linear infinite }
}

@layer refinements {
  @media(max-width:1100px) {
    .hero-side-copy { display:none }
    .identity-panel { min-height:570px }
    .identity-type>strong { font-size:clamp(72px,10vw,102px) }
  }
  @media(max-width:700px) {
    .hero { min-height:720px }
    .hero-dot-field { opacity:.22 }
    .hero-floor { height:35%; bottom:-12%; opacity:.18; background-size:48px 38px }
    .orbit-one { width:720px; height:270px }
    .orbit-two { width:700px; height:330px }
    .orbit-three { width:760px; height:390px }
    .hero h1 { font-size:clamp(57px,16vw,102px) }
    .hero h1 .brand-image { width:94px; height:94px }
    .hero-core { padding-top:34px; padding-bottom:42px }
    .identity-panel { min-height:610px }
    .panel-label { top:30px; left:28px; right:28px }
    .identity-type { left:28px; right:20px; bottom:127px }
    .identity-type>strong { font-size:clamp(68px,19vw,108px) }
    .identity-outline { font-size:clamp(29px,9vw,44px) }
    .identity-bottom { left:28px; right:28px; bottom:29px }
  }
  @media(max-width:420px) {
    .hero { min-height:690px }
    .hero h1 .brand-image { width:82px; height:82px }
    .hero h1 .brand-lockup { gap:12px }
    .hero-tagline { font-size:15px }
    .hero-intro { font-size:14px }
    .identity-panel { min-height:540px }
    .identity-type { bottom:118px }
    .identity-type>span:first-child { font-size:16px }
    .identity-type>strong { font-size:clamp(62px,20vw,88px) }
    .identity-outline { margin-top:18px }
    .identity-bottom .micro { font-size:10px }
    .identity-monogram { font-size:35px }
  }
  @media(prefers-reduced-motion:reduce) {
    .orbit-two,.orbit-light,.hero-flare,.hero-floor { animation:none }
  }
}
@layer tokens {
  :root {
    color-scheme:dark;
    --bg:#09090e;
    --elevated:#121219;
    --navy:#111326;
    --steel:#7e8192;
    --accent:#e99cff;
    --accent-secondary:#ff48ee;
    --text:#f4f2f7;
    --muted:#aca9b9;
    --border:#ffffff19;
    --glow:#cf69ff33;
    --font-display:'Arial Black','Helvetica Neue',Arial,sans-serif;
    --font-heading:'Helvetica Neue',Arial,sans-serif;
    --font-body:Inter,'Helvetica Neue',Arial,sans-serif;
    --font-label:'Courier New',monospace;
    --max-width:1320px;
    --gutter:clamp(22px,4.5vw,80px);
    --section-space:clamp(80px,9vw,144px);
    --radius:12px;
    --shadow:0 20px 70px #0005;
    --blur:20px;
    --motion-short:180ms;
    --motion-medium:420ms;
    --motion-long:900ms;
    --ease:cubic-bezier(.2,.8,.2,1);
    --transition:var(--motion-medium) var(--ease)
  }
}
@layer base {
  html {
    scroll-behavior:smooth;
    scroll-padding-top:100px
  }
  body {
    font-family:var(--font-body);
    font-size:16px;
    line-height:1.6;
    color:var(--text);
    background:var(--bg);
    -webkit-font-smoothing:antialiased
  }
  main:focus {
    outline:none
  }
  .shell {
    width:min(var(--max-width),calc(100% - var(--gutter)*2));
    margin-inline:auto
  }
  .icon {
    width:22px;
    height:22px;
    flex-shrink:0;
    vertical-align:middle
  }
  .micro {
    font:12px/1.5 var(--font-label);
    letter-spacing:.12em
  }
  .muted {
    color:var(--muted)
  }
  .sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
  }
  :focus-visible {
    outline:2px solid var(--accent);
    outline-offset:6px
  }
  .skip-link {
    position:fixed;
    top:8px;
    left:10px;
    z-index:100;
    transform:translateY(-150%);
    background:var(--text);
    color:var(--bg);
    padding:12px 20px
  }
  .skip-link:focus {
    transform:none
  }
  .wordmark {
    font-family:var(--font-display);
    font-weight:950;
    font-style:italic;
    letter-spacing:-.085em;
    line-height:1;
    display:inline-block;
    white-space:nowrap
  }
  .brand-star {
    display:inline-block;
    font-family:Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    letter-spacing:0;
    color:var(--accent);
    margin-left:.1em
  }
  .brand-image {
    object-fit:contain;
    height:auto
  }
  .button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:54px;
    padding:14px 23px;
    border:1px solid var(--border);
    border-radius:7px;
    font-size:14px;
    font-weight:650;
    letter-spacing:.01em;
    cursor:pointer;
    transition:transform var(--transition),background var(--transition),box-shadow var(--transition);
    background:transparent
  }
  .button .icon:last-child {
    width:17px
  }
  .button.primary {
    background:linear-gradient(120deg,#e6bcff,#b5a8ed);
    color:#161020;
    border-color:#eac9ff88;
    box-shadow:0 0 24px #c48bff12
  }
  .button.secondary {
    background:#17131eaa;
    border-color:#d6b3f133
  }
  .button:hover {
    transform:translateY(-3px);
    box-shadow:0 0 32px #ce8aff30
  }
  .text-link {
    display:inline-flex;
    align-items:center;
    gap:18px;
    font-size:14px;
    font-weight:600;
    min-height:44px
  }
  .text-link .icon {
    width:18px;
    transition:transform var(--transition)
  }
  .text-link:hover .icon {
    transform:translate(3px,-3px)
  }
  .noscript-note {
    padding:20px;
    text-align:center;
    background:var(--elevated)
  }
}
@layer components {
  .site-header {
    height:90px;
    position:sticky;
    top:0;
    z-index:40;
    border-bottom:1px solid var(--border);
    background:#09090ec9;
    backdrop-filter:blur(var(--blur));
    transition:background var(--transition)
  }
  .site-header.scrolled {
    background:#09090ef5
  }
  .nav-wrap {
    height:100%;
    width:calc(100% - var(--gutter)*2);
    max-width:1500px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px
  }
  .brand {
    font-size:27px;
    display:inline-flex;
    align-items:center;
    min-height:44px
  }
  .brand .brand-image {
    width:170px
  }
  .site-header nav {
    display:flex;
    align-items:center;
    gap:32px
  }
  .site-header nav a {
    position:relative;
    color:var(--muted);
    font-size:14px;
    min-height:44px;
    display:flex;
    align-items:center;
    transition:color var(--transition)
  }
  .site-header nav a:hover,.site-header nav a[aria-current] {
    color:var(--text)
  }
  .site-header nav a[aria-current]:after {
    content:'';
    position:absolute;
    bottom:0;
    left:calc(50% - 2px);
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 8px var(--accent)
  }
  .nav-watch {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13px;
    border:1px solid var(--border);
    border-radius:6px;
    padding:10px 13px
  }
  .nav-watch>.icon:first-child {
    color:var(--accent);
    width:18px
  }
  .nav-watch>.icon:last-child {
    width:14px
  }
  .menu-toggle {
    display:none
  }
  .hero {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:720px;
    min-height: min(830px,calc(100svh - 90px));
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-bottom:1px solid var(--border)
  }
  .hero-atmosphere {
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(ellipse at 50% 64%,#6535822e,transparent 53%),radial-gradient(ellipse at 13% 52%,#31214b40,transparent 40%),radial-gradient(ellipse at 84% 66%,#d53d6e17,transparent 40%)
  }
  .hero-atmosphere:after {
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(400px circle at var(--pointer-x,50%) var(--pointer-y,50%),#9c72ce0d,transparent);
    pointer-events:none
  }
  .orbit {
    position:absolute;
    left:50%;
    top:52%;
    width:900px;
    height:340px;
    border:1px solid #af70e235;
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(-22deg);
    box-shadow:0 -2px 14px #b774da0c,inset 0 1px 18px #a84cbe09
  }
  .orbit-one {
    width:1100px;
    height:380px;
    border-top-color:#d18bff80;
    border-bottom-color:#ff6cdb30;
    animation:orbit-drift 18s ease-in-out infinite alternate
  }
  .orbit-two {
    width:1080px;
    height:460px;
    transform:translate(-50%,-50%) rotate(22deg);
    border-color:#9559d923
  }
  .orbit-three {
    width:1200px;
    height:530px;
    transform:translate(-50%,-50%) rotate(-22deg);
    border-color:#9559d914
  }
  .horizon {
    position:absolute;
    left:-10%;
    right:-10%;
    height:220px;
    bottom:-170px;
    border-radius:50%;
    background:#d89cff;
    filter:blur(65px);
    opacity:.17
  }
  .hero-top,.hero-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
  }
  .hero-top {
    padding-top:34px;
    color:#9d94aa
  }
  .hero-coordinate {
    display:flex;
    align-items:center;
    gap:16px
  }
  .hero-coordinate .icon {
    color:var(--accent);
    width:17px
  }
  .hero-core {
    text-align:center;
    padding:95px 0 100px
  }
  .stream-status {
    display:inline-flex;
    gap:10px;
    align-items:center;
    border:1px solid #bc94d331;
    background:#1b1621a6;
    border-radius:30px;
    padding:8px 15px;
    font:12px/1.5 var(--font-label);
    letter-spacing:.08em;
    color:#d7cadf
  }
  .stream-status>.icon {
    width:12px;
    height:12px;
    margin-left:8px
  }
  .status-dot {
    width:6px;
    height:6px;
    border-radius:100%;
    background:#bda1d2;
    box-shadow:0 0 10px #c99de780
  }
  .status-dot.is-live {
    background:#adf5b7
  }
  .hero h1 {
    font-size:clamp(78px,14.8vw,208px);
    margin:32px auto 25px;
    line-height:.88;
    width:max-content;
    max-width:100%
  }
  .hero h1 .wordmark {
    padding-right:.06em;
    color:#e9e4f3;
    background:linear-gradient(175deg,#fff 5%,#fbf6ff 34%,#b7a8c8 62%,#eee1fd 83%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 8px 35px #a56fff25)
  }
  .hero h1 .brand-star {
    font-size:.66em;
    vertical-align:top;
    padding-top:.06em;
    -webkit-text-fill-color:#cda5ef
  }
  .hero-tagline {
    font-size:clamp(16px,1.6vw,22px);
    font-weight:500;
    letter-spacing:.02em
  }
  .hero-intro {
    color:var(--muted);
    margin-top:9px;
    font-size:16px
  }
  .hero-actions {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:34px
  }
  .hero-actions>.text-link {
    margin-left:14px;
    padding:10px
  }
  .hero-bottom {
    padding-bottom:28px;
    color:#91859f
  }
  .tiny-cross {
    color:var(--accent);
    font-size:22px;
    margin-right:10px
  }
  .scroll-cue {
    font-size:12px;
    display:flex;
    align-items:center;
    gap:17px;
    color:#c7bdcf
  }
  .scroll-cue .icon {
    width:16px
  }
  .site-footer {
    padding:48px 0 25px
  }
  .footer-main {
    display:flex;
    align-items:center;
    gap:35px;
    padding-bottom:35px
  }
  .footer-tagline {
    color:var(--muted);
    font-size:14px
  }
  .footer-socials {
    display:flex;
    gap:8px;
    margin-left:auto
  }
  .footer-socials>a,.unavailable-icon {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--border);
    border-radius:50%
  }
  .footer-socials>a:hover {
    border-color:var(--accent)
  }
  .unavailable-icon {
    color:var(--steel)
  }
  .footer-socials .icon {
    width:18px
  }
  .footer-bottom {
    display:flex;
    justify-content:space-between;
    gap:25px;
    border-top:1px solid var(--border);
    padding-top:25px;
    font-size:12px;
    color:var(--muted)
  }
  .footer-bottom>div {
    display:flex;
    gap:28px
  }
  .scroll-progress {
    position:fixed;
    top:0;
    left:0;
    height:2px;
    width:100%;
    z-index:60;
    background:linear-gradient(90deg,#b9a1ef,#ff9de9);
    transform:scaleX(0);
    transform-origin:left;
    pointer-events:none
  }
}
@layer motion {
  @keyframes orbit-drift {
    from {
      transform:translate(-50%,-50%) rotate(-22deg) scale(1)
    }
    to {
      transform:translate(-50%,-48%) rotate(-16deg) scale(1.05)
    }
  }
  @media(prefers-reduced-motion:reduce) {
    html {
      scroll-behavior:auto
    }
    *,*:before,*:after {
      animation:none!important;
      transition:none!important
    }
    .scroll-progress {
      display:none
    }
  }
}
@layer responsive {
  @media(min-width:1600px) {
    .hero h1 {
      font-size:218px
    }
    .hero-core {
      padding:120px 0
    }
  }
  @media(max-width:1000px) {
    .site-header nav {
      gap:23px
    }
    .nav-watch span {
      display:none
    }
    .hero-coordinate {
      display:none
    }
    .hero h1 {
      font-size:15vw
    }
    .hero-core {
      padding:95px 0
    }
    .footer-tagline {
      display:none
    }
  }
  @media(max-width:700px) {
    .site-header {
      height:74px
    }
    .nav-wrap {
      gap:16px
    }
    .brand {
      font-size:25px
    }
    .nav-watch {
      margin-left:auto
    }
    .nav-watch>.icon:last-child {
      display:none
    }
    .menu-toggle {
      display:flex;
      flex-direction:column;
      gap:6px;
      justify-content:center;
      align-items:center;
      order:3;
      width:44px;
      height:44px;
      border:1px solid var(--border);
      border-radius:6px;
      background:var(--elevated);
      cursor:pointer
    }
    .menu-toggle span {
      display:block;
      width:18px;
      height:1px;
      background:var(--text);
      transition:transform var(--transition)
    }
    .menu-toggle[aria-expanded=true] span:first-child {
      transform:translateY(3.5px) rotate(45deg)
    }
    .menu-toggle[aria-expanded=true] span:last-child {
      transform:translateY(-3.5px) rotate(-45deg)
    }
    .site-header nav {
      display:none;
      position:absolute;
      left:0;
      right:0;
      top:73px;
      background:#101018fa;
      border-bottom:1px solid var(--border);
      padding:18px var(--gutter) 26px;
      flex-direction:column;
      gap:0;
      align-items:stretch
    }
    .site-header nav.is-open {
      display:flex
    }
    .site-header nav a {
      font-size:20px;
      padding:10px 0;
      min-height:52px
    }
    .site-header nav a[aria-current]:after {
      left:auto;
      right:0;
      bottom:26px
    }
    .hero {
      min-height:650px;
      min-height:calc(90svh - 74px);
      max-height:none
    }
    .hero-top {
      padding-top:25px
    }
    .hero-top .micro {
      font-size:12px;
      letter-spacing:.07em
    }
    .hero-core {
      padding:82px 0 80px
    }
    .hero h1 {
      font-size:14.8vw;
      margin:34px auto 28px
    }
    .hero-tagline {
      max-width:270px;
      margin:auto;
      line-height:1.5
    }
    .hero-intro {
      font-size:14px;
      max-width:255px;
      margin:12px auto 0
    }
    .hero-actions {
      flex-wrap:wrap;
      gap:10px;
      margin-top:28px
    }
    .hero-actions .button {
      font-size:13px;
      padding:12px 15px;
      gap:9px;
      min-height:50px
    }
    .hero-actions>.text-link {
      flex-basis:100%;
      justify-content:center;
      margin:5px 0 0
    }
    .hero-bottom>.micro {
      max-width:190px;
      font-size:12px
    }
    .hero-bottom .tiny-cross {
      display:none
    }
    .scroll-cue {
      font-size:12px;
      gap:7px
    }
    .orbit-one {
      width:760px;
      height:290px
    }
    .orbit-two {
      width:700px;
      height:330px
    }
    .orbit-three {
      width:840px;
      height:420px
    }
    .footer-main {
      justify-content:space-between;
      gap:10px
    }
    .footer-socials {
      gap:4px
    }
    .footer-socials>a,.unavailable-icon {
      width:36px;
      height:36px
    }
    .footer-bottom {
      flex-direction:column;
      gap:14px;
      font-size:12px
    }
    .footer-bottom>div {
      justify-content:space-between
    }
  }
}

/* Consolidated homepage revision overrides. */
@layer components {
  .secondary-channel { display:none !important; }
  .identity-panel { min-height:560px; background:radial-gradient(circle at 50% 35%,#ac62da26,transparent 35%),linear-gradient(145deg,#1d1626,#0c0d14 72%); box-shadow:inset 0 0 60px #09070e88,0 24px 70px #0006; }
  .identity-panel:before { content:''; position:absolute; inset:18px; border:1px solid #d7b5f21e; border-radius:8px; pointer-events:none; }
  .about-portrait-frame { position:absolute; top:74px; right:8%; width:58%; height:58%; overflow:hidden; border:1px solid #e0b9ff5a; border-radius:46% 46% 8px 8px; transform:rotate(3deg); box-shadow:0 0 0 10px #ffffff05,0 20px 46px #0008; }
  .about-portrait-frame:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,#08080e99),linear-gradient(90deg,#b66dff18,transparent 45%,#ff76dd20); pointer-events:none; }
  .about-portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.9) contrast(1.04); }
  .portrait-scan { position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 6px,transparent 7px); opacity:.22; }
  .identity-type { position:absolute; left:30px; bottom:72px; padding:0; text-shadow:0 2px 22px #07060dcc; }
  .identity-type>strong { font-size:clamp(58px,7vw,100px); }
  .identity-outline { font-size:clamp(22px,2.8vw,38px); color:#c5a8d6; }
  .identity-bottom { position:absolute; left:30px; right:30px; bottom:25px; }
  .content-grid { transition:opacity var(--motion-short),transform var(--motion-short); }
  .content-grid.is-sliding { animation:content-page-in var(--motion-medium) var(--ease) both; }
  .content-card[hidden] { display:none; }
  .carousel-controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:30px; }
  .carousel-button { width:44px; height:44px; display:grid; place-items:center; border:1px solid #d2a4ee55; border-radius:50%; background:#17121e; cursor:pointer; transition:transform var(--transition),border-color var(--transition),background var(--transition); }
  .carousel-button:hover:not(:disabled),.carousel-button:focus-visible:not(:disabled) { transform:translateY(-3px); border-color:var(--accent); background:#251a31; }
  .carousel-button:disabled { opacity:.35; cursor:not-allowed; }
  .carousel-button .icon { width:17px; height:17px; }
  .carousel-button .flip { transform:scaleX(-1); }
  .carousel-status { min-width:94px; text-align:center; color:var(--muted); font:12px/1.5 var(--font-label); letter-spacing:.08em; }
  .nav-watch.is-live { border-color:#d9b2ff99; background:linear-gradient(120deg,#e9b6ff22,#8d7be822); box-shadow:0 0 22px #c989ff24; }
  .stream-status.is-live { border-color:#e6b2ff99; background:linear-gradient(120deg,#d89cff38,#9a77f02c); box-shadow:0 0 26px #c783ff2b; }
  .status-dot.is-live { background:#ff9ee9; box-shadow:0 0 12px #ff7de0; }
  .hero-actions .button.is-live { background:linear-gradient(120deg,#f0b5ff,#aaa2f5); border-color:#f0c7ff; box-shadow:0 0 30px #ce8aff55; }
  .hero-atmosphere { background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 50% 64%,#6535822e,transparent 53%),radial-gradient(ellipse at 13% 52%,#31214b40,transparent 40%),radial-gradient(ellipse at 84% 66%,#d53d6e17,transparent 40%); background-size:42px 42px,42px 42px,auto,auto,auto; background-position:center bottom,center bottom,center,center,center; }
  .hero-scanline { position:absolute; inset:0; opacity:.12; background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px); mix-blend-mode:screen; pointer-events:none; }
}
@layer motion {
  @keyframes content-page-in { from { opacity:.25; transform:translateX(18px); } to { opacity:1; transform:none; } }
  @keyframes scan-drift { to { background-position:0 14px; } }
  .hero-scanline { animation:scan-drift 8s linear infinite; }
}
@layer responsive {
  @media(max-width:700px) { .about-portrait-frame { width:64%; right:8%; height:54%; } .identity-panel { min-height:500px; } .identity-type { left:24px; bottom:66px; } .identity-bottom { left:24px; right:24px; } .carousel-controls { margin-top:24px; } }
  @media(prefers-reduced-motion:reduce) { .hero-scanline,.content-grid.is-sliding { animation:none; } }
}

@layer components {
  .nav-watch.is-live {
    border-color:#d9b2ff99;
    background:linear-gradient(120deg,#e9b6ff22,#8d7be822);
    box-shadow:0 0 22px #c989ff24
  }
  .nav-watch.is-live>.icon:first-child,.stream-status.is-live .status-dot {
    color:#f2c5ff
  }
  .stream-status.is-live {
    border-color:#e6b2ff99;
    background:linear-gradient(120deg,#d89cff38,#9a77f02c);
    box-shadow:0 0 26px #c783ff2b
  }
  .status-dot.is-live {
    background:#ff9ee9;
    box-shadow:0 0 12px #ff7de0
  }
  .hero-actions .button.is-live {
    background:linear-gradient(120deg,#f0b5ff,#aaa2f5);
    border-color:#f0c7ff;
    box-shadow:0 0 30px #ce8aff55
  }
  .hero-atmosphere {
    background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 50% 64%,#6535822e,transparent 53%),radial-gradient(ellipse at 13% 52%,#31214b40,transparent 40%),radial-gradient(ellipse at 84% 66%,#d53d6e17,transparent 40%);
    background-size:42px 42px,42px 42px,auto,auto,auto;
    background-position:center bottom,center bottom,center,center,center
  }
  .hero-atmosphere:before {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent 0 8%,#e0a7ff08 8.1% 8.2%,transparent 8.3% 91.7%,#e0a7ff08 91.8% 91.9%,transparent),linear-gradient(180deg,transparent 0 18%,#e0a7ff08 18.1% 18.2%,transparent 18.3% 81.7%,#e0a7ff08 81.8% 81.9%,transparent);
    pointer-events:none
  }
  .hero-scanline {
    position:absolute;
    inset:0;
    opacity:.12;
    background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px);
    mix-blend-mode:screen;
    pointer-events:none
  }
  .hero-core {
    position:relative
  }
  .hero-core:before,.hero-core:after {
    content:'';
    position:absolute;
    top:50%;
    width:clamp(38px,7vw,110px);
    height:1px;
    background:linear-gradient(90deg,transparent,var(--accent));
    opacity:.5
  }
  .hero-core:before { left:0 }
  .hero-core:after { right:0; transform:scaleX(-1) }
  .identity-panel {
    min-height:560px;
    background:radial-gradient(circle at 50% 35%,#ac62da26,transparent 35%),linear-gradient(145deg,#1d1626,#0c0d14 72%);
    box-shadow:inset 0 0 60px #09070e88,0 24px 70px #0006
  }
  .identity-panel:before {
    content:'';
    position:absolute;
    inset:18px;
    border:1px solid #d7b5f21e;
    border-radius:8px;
    pointer-events:none
  }
  .about-portrait-frame {
    position:absolute;
    top:74px;
    right:8%;
    width:58%;
    height:58%;
    overflow:hidden;
    border:1px solid #e0b9ff5a;
    border-radius:46% 46% 8px 8px;
    transform:rotate(3deg);
    box-shadow:0 0 0 10px #ffffff05,0 20px 46px #0008
  }
  .about-portrait-frame:after {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 48%,#08080e99),linear-gradient(90deg,#b66dff18,transparent 45%,#ff76dd20);
    pointer-events:none
  }
  .about-portrait-frame img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 32%;
    filter:saturate(.9) contrast(1.04)
  }
  .portrait-scan {
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 6px,transparent 7px);
    opacity:.22
  }
  .identity-type {
    position:absolute;
    left:30px;
    bottom:72px;
    padding:0;
    text-shadow:0 2px 22px #07060dcc
  }
  .identity-type>strong { font-size:clamp(58px,7vw,100px) }
  .identity-outline { font-size:clamp(22px,2.8vw,38px); color:#c5a8d6 }
  .identity-bottom { position:absolute; left:30px; right:30px; bottom:25px }
  .content-carousel { position:relative }
  .content-grid { transition:opacity var(--motion-short),transform var(--motion-short) }
  .content-grid.is-sliding { animation:content-page-in var(--motion-medium) var(--ease) both }
  .content-card[hidden] { display:none }
  .carousel-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:30px
  }
  .carousel-button {
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid #d2a4ee55;
    border-radius:50%;
    background:#17121e;
    cursor:pointer;
    transition:transform var(--transition),border-color var(--transition),background var(--transition)
  }
  .carousel-button:hover:not(:disabled),.carousel-button:focus-visible:not(:disabled) { transform:translateY(-3px); border-color:var(--accent); background:#251a31 }
  .carousel-button:disabled { opacity:.35; cursor:not-allowed }
  .carousel-button .icon { width:17px; height:17px }
  .carousel-button .flip { transform:scaleX(-1) }
  .carousel-status { min-width:94px; text-align:center; color:var(--muted); font:12px/1.5 var(--font-label); letter-spacing:.08em }
  .secondary-channel { display:none }
}

@layer motion {
  @keyframes content-page-in { from { opacity:.25; transform:translateX(18px) } to { opacity:1; transform:none } }
  @keyframes scan-drift { to { background-position:0 14px } }
  .hero-scanline { animation:scan-drift 8s linear infinite }
}

@layer responsive {
  @media(max-width:700px) {
    .hero-core:before,.hero-core:after { display:none }
    .about-portrait-frame { width:64%; right:8%; height:54% }
    .identity-panel { min-height:500px }
    .identity-type { left:24px; bottom:66px }
    .identity-bottom { left:24px; right:24px }
    .carousel-controls { margin-top:24px }
  }
  @media(prefers-reduced-motion:reduce) {
    .hero-scanline,.content-grid.is-sliding { animation:none }
  }
}
@layer components {
  .section {
    padding-block:var(--section-space)
  }
  .eyebrow {
    display:flex;
    align-items:center;
    gap:14px;
    font:12px/1.5 var(--font-label);
    letter-spacing:.1em;
    color:#c7bdcf;
    margin-bottom:25px
  }
  .eyebrow>span {
    color:#a888bc
  }
  .section-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:40px;
    margin-bottom:40px
  }
  h2 {
    font-family:var(--font-heading);
    font-size:clamp(36px,4vw,59px);
    font-weight:650;
    line-height:1.12;
    letter-spacing:-.055em
  }
  h2 em,h1 em {
    font-style:normal;
    color:#a69aaf
  }
  h3 {
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.035em
  }
  .section-heading>p,.section-note {
    font-size:14px;
    color:var(--muted);
    line-height:1.75
  }
  .social-grid {
    display:grid;
    grid-template-columns:1.14fr 1fr 1fr 1fr;
    gap:15px
  }
  .social-card {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:296px;
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:var(--elevated);
    transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)
  }
  .social-card:before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:radial-gradient(ellipse at 80% 0%,var(--card-glow),transparent 75%);
    opacity:.6;
    transition:opacity var(--transition)
  }
  .social-card:after {
    content:'';
    position:absolute;
    z-index:-1;
    right:-70px;
    top:-100px;
    width:240px;
    height:260px;
    border:1px solid var(--card-line);
    border-radius:50%;
    transform:rotate(-35deg);
    box-shadow:0 0 0 30px #ffffff02,0 0 0 70px #ffffff02
  }
  .social-twitch {
    --card-glow:#7f42d95c;
    --card-line:#c199f32a;
    background:#181320;
    border-color:#9e65d648
  }
  .social-youtube {
    --card-glow:#d353702e;
    --card-line:#df80902a
  }
  .social-tiktok {
    --card-glow:#62c9d225;
    --card-line:#7ddde622
  }
  .social-instagram {
    --card-glow:#d898822b;
    --card-line:#e6ba9325
  }
  .social-top {
    display:flex;
    align-items:center;
    gap:15px
  }
  .social-top>.icon {
    width:29px;
    height:29px
  }
  .social-twitch .social-top>.icon {
    color:#c8a2ff
  }
  .social-youtube .social-top>.icon {
    color:#ff9eb0
  }
  .social-tiktok .social-top>.icon {
    color:#a1e6e2
  }
  .social-instagram .social-top>.icon {
    color:#eabcb2
  }
  .social-top>.micro {
    color:#94899f;
    margin-left:auto
  }
  .social-top>.card-arrow {
    width:17px;
    height:17px;
    color:var(--text);
    transition:transform var(--transition)
  }
  .social-bottom h3 {
    font-size:28px;
    margin-bottom:5px;
    font-weight:650
  }
  .social-bottom p {
    font-size:14px;
    color:#c5bdce
  }
  .social-note {
    display:block;
    font-size:12px;
    color:#a498af;
    margin-bottom:14px;
    line-height:1.6
  }
  .social-handle {
    display:block;
    font:12px/1.6 var(--font-label);
    color:#a49aaa;
    margin-top:21px
  }
  .social-card[href]:hover {
    transform:translateY(-7px);
    border-color:#ba8bdd88;
    box-shadow:0 15px 40px #0005
  }
  .social-card[href]:hover:before {
    opacity:1
  }
  .social-card[href]:hover .card-arrow {
    transform:translate(3px,-3px)
  }
  .about-section {
    padding-top:20px;
    border-bottom:1px solid var(--border)
  }
  .about-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(45px,7vw,110px);
    align-items:center
  }
  .identity-panel {
    position:relative;
    overflow:hidden;
    border:1px solid #a887d12e;
    border-radius:var(--radius);
    min-height:510px;
    padding:28px;
    background:radial-gradient(ellipse at 0% 90%,#4a274632,transparent 55%),linear-gradient(130deg,#1d1626,#101015 60%)
  }
  .identity-panel:after {
    content:'';
    position:absolute;
    pointer-events:none;
    inset:40px -80px;
    border:1px solid #d4abe31b;
    border-radius:50%;
    transform:rotate(-30deg)
  }
  .panel-label {
    display:flex;
    justify-content:space-between;
    color:#a99bb5
  }
  .panel-label>.icon {
    width:17px
  }
  .identity-type {
    padding:48px 7px 30px;
    position:relative;
    z-index:1
  }
  .identity-type>span:first-child {
    font-size:18px;
    font-weight:600;
    letter-spacing:.15em;
    color:#cfc1d6
  }
  .identity-type>strong {
    display:block;
    font-family:var(--font-display);
    font-size:clamp(70px,7.7vw,110px);
    font-style:italic;
    line-height:1.15;
    letter-spacing:-.09em
  }
  .identity-type>strong>span {
    font-family:Arial,sans-serif;
    font-weight:400;
    color:#e3baff;
    font-size:.7em
  }
  .identity-outline {
    display:block;
    font-size:clamp(24px,3.2vw,44px);
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.055em;
    color:#91819f
  }
  .identity-bottom {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    position:relative;
    z-index:1;
    color:#a99bb5
  }
  .identity-monogram {
    font-size:32px;
    font-weight:900;
    font-style:italic;
    color:#d4c7df;
    line-height:1
  }
  .about-copy>h2 {
    font-size:clamp(34px,3.7vw,52px);
    margin-bottom:28px
  }
  .about-copy>p:not(.eyebrow) {
    color:var(--muted);
    margin-top:15px;
    font-size:16px;
    max-width:480px
  }
  .tags {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:27px 0 22px
  }
  .tags>span {
    font-size:12px;
    padding:6px 12px;
    border:1px solid var(--border);
    border-radius:4px;
    color:#d0c5d9
  }
  .content-grid,.merch-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:25px
  }
  .content-card {
    display:block;
    min-width:0
  }
  .content-art {
    position:relative;
    overflow:hidden;
    isolation:isolate;
    aspect-ratio:1.6;
    border:1px solid #ffffff16;
    border-radius:10px;
    background:var(--art-bg);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:border-color var(--transition)
  }
  .violet {
    --art-bg:linear-gradient(140deg,#252133,#100f17);
    --art-accent:#c7a7ee;
    --art-line:#b197df33
  }
  .pink {
    --art-bg:linear-gradient(140deg,#36232f,#150f18);
    --art-accent:#e8a1c7;
    --art-line:#e292c32e
  }
  .blue {
    --art-bg:linear-gradient(140deg,#1d2b35,#10121b);
    --art-accent:#9dbdcf;
    --art-line:#91b8d82e
  }
  .content-art img,.merch-art img {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    inset:0;
    transition:transform var(--transition)
  }
  .content-art.has-thumbnail .art-index,.content-art.has-thumbnail .art-type,.content-art.has-thumbnail .art-orbit { display: none; }
  .content-art.has-thumbnail:after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 45%,#09090eaa); pointer-events: none; }
  .content-art.has-thumbnail .platform-chip,.content-art.has-thumbnail .play-chip { z-index: 1; }
  .art-index {
    position:absolute;
    top:17px;
    left:19px;
    font-size:12px;
    color:var(--art-accent)
  }
  .art-type {
    font:italic 900 clamp(28px,3.2vw,47px)/.95 var(--font-display);
    letter-spacing:-.065em;
    max-width:75%;
    color:var(--art-accent);
    text-align:center;
    position:relative;
    z-index:1;
    transform:rotate(-8deg)
  }
  .art-orbit {
    position:absolute;
    width:130%;
    height:50%;
    border:1px solid var(--art-line);
    border-radius:50%;
    transform:rotate(-26deg);
    box-shadow:0 0 0 22px #ffffff02,0 0 0 43px #ffffff02
  }
  .platform-chip {
    position:absolute;
    bottom:15px;
    left:16px;
    display:flex;
    align-items:center;
    gap:7px;
    font-size:12px;
    background:#09090eaa;
    border:1px solid var(--border);
    border-radius:4px;
    padding:5px 8px
  }
  .platform-chip .icon {
    width:13px;
    height:13px
  }
  .play-chip {
    position:absolute;
    right:17px;
    bottom:15px;
    border:1px solid #ffffff30;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#13121bcc
  }
  .play-chip .icon {
    width:16px;
    height:16px
  }
  .content-info {
    padding:22px 0 0
  }
  .content-info h3 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
  }
  .content-info h3>.icon {
    width:16px
  }
  .content-info>p {
    font-size:14px;
    line-height:1.65;
    color:var(--muted);
    margin-top:10px
  }
  .content-meta {
    display:block;
    font:12px/1.6 var(--font-label);
    color:#a899b6;
    margin-top:16px
  }
  .content-card[href]:hover .content-art {
    border-color:#c19bd666
  }
  .content-card[href]:hover .content-art img {
    transform:scale(1.04)
  }
  .merch-section {
    background:linear-gradient(#12111770,#11101780);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border)
  }
  .merch-intro>p {
    color:var(--muted);
    font-size:14px;
    margin-bottom:22px
  }
  .merch-intro .button {
    padding:11px 18px;
    min-height:47px
  }
  .merch-art {
    aspect-ratio:1.1;
    background:var(--art-bg);
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border-radius:10px;
    border:1px solid var(--border);
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .merch-art:after {
    content:'';
    position:absolute;
    width:95%;
    height:95%;
    border:1px solid var(--art-line);
    transform:rotate(22deg);
    border-radius:50%;
    z-index:-1
  }
  .merch-mark {
    position:absolute;
    top:20px;
    left:20px;
    color:var(--art-accent);
    font-size:12px
  }
  .merch-type {
    font:900 italic clamp(35px,4.5vw,66px)/.9 var(--font-display);
    letter-spacing:-.07em;
    color:var(--art-accent);
    text-align:center;
    transform:rotate(-7deg);
    padding-bottom:17px
  }
  .merch-signature {
    position:absolute;
    bottom:55px;
    right:26px;
    font-size:18px;
    font-style:italic;
    font-weight:800;
    letter-spacing:-.08em;
    color:#cdc2d5
  }
  .merch-signature span {
    font-size:25px;
    font-weight:400;
    margin-left:4px
  }
  .concept-label {
    position:absolute;
    bottom:17px;
    left:20px;
    font:12px/1.4 var(--font-label);
    letter-spacing:.1em;
    color:#c3b3cc
  }
  .merch-info {
    position:relative;
    padding-top:20px
  }
  .merch-info>p {
    color:var(--muted);
    font-size:12px;
    margin-bottom:6px
  }
  .merch-info>h3 {
    font-size:20px;
    padding-right:85px
  }
  .merch-info>span {
    position:absolute;
    right:0;
    top:46px;
    font:12px/1.5 var(--font-label);
    color:#b9a7c7
  }
  .collection-note {
    font-size:12px;
    color:#a197ac;
    text-align:center;
    margin-top:30px
  }
  .contact-cta {
    padding-block:110px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    overflow:hidden
  }
  .contact-cta h2 {
    font-size:clamp(42px,5.6vw,80px)
  }
  .contact-cta p:not(.eyebrow) {
    color:var(--muted);
    font-size:15px;
    margin-top:23px
  }
  .contact-cta .button {
    margin-top:30px
  }
  .cta-star {
    display:grid;
    place-items:center;
    font-size:230px;
    font-weight:200;
    line-height:1;
    color:#baa3d044;
    filter:drop-shadow(0 0 35px #a965dc44);
    margin-right:8%;
    transform:rotate(-12deg)
  }
  .cta-star .icon {
    width:1em;
    height:1em;
    stroke-width:1
  }
  .site-footer {
    border-top:1px solid var(--border)
  }
  .page-hero {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding-top:80px;
    padding-bottom:90px
  }
  .page-hero h1,.contact-intro h1 {
    font-family:var(--font-heading);
    font-size:clamp(64px,8vw,118px);
    font-weight:650;
    line-height:.98;
    letter-spacing:-.075em;
    margin:32px 0
  }
  .page-hero>p:not(.eyebrow) {
    color:var(--muted);
    max-width:540px;
    margin-bottom:25px
  }
  .coming-badge {
    display:inline-block;
    border:1px solid #dba6ef33;
    color:#cbb7d7;
    border-radius:20px;
    padding:7px 12px;
    font:12px/1.5 var(--font-label);
    letter-spacing:.05em
  }
  .shop-hero h1 {
    font-size:clamp(76px,10vw,145px)
  }
  .shop-orbit {
    position:absolute;
    width:650px;
    height:450px;
    border:1px solid #b895da38;
    border-radius:50%;
    right:-10px;
    top:80px;
    transform:rotate(-38deg);
    z-index:-1;
    background:radial-gradient(ellipse at center,#61387b18,transparent 70%);
    box-shadow:0 0 0 30px #ffffff02,0 0 0 65px #b393ca03;
    animation:shop-drift 16s ease-in-out infinite alternate
  }
  .shop-collection {
    padding-bottom:70px
  }
  .shop-collection .merch-art {
    aspect-ratio:.95
  }
  .shop-collection .merch-type {
    font-size:clamp(44px,5vw,73px)
  }
  .shop-status {
    display:flex;
    align-items:center;
    gap:24px;
    border:1px solid #a989c329;
    border-radius:10px;
    padding:28px;
    margin-top:45px;
    background:#16111c
  }
  .status-symbol {
    font-size:48px;
    color:#bd9ad5;
    line-height:1
  }
  .shop-status>div {
    max-width:620px
  }
  .shop-status h3 {
    font-size:19px
  }
  .shop-status p {
    color:var(--muted);
    font-size:14px;
    margin-top:8px
  }
  .shop-status>.text-link {
    margin-left:auto;
    flex-shrink:0
  }
  .shop-partner {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    padding:0 0 70px;
    color:var(--muted);
    font-size:14px
  }
  .shop-partner>a {
    color:var(--text)
  }
  .contact-page {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(40px,7vw,100px);
    padding-block:90px 110px;
    align-items:start
  }
  .contact-intro {
    padding-top:12px
  }
  .contact-intro h1 {
    font-size:clamp(54px,5.8vw,82px);
    line-height:1.02;
    margin-top:40px
  }
  .contact-intro>p:not(.eyebrow) {
    color:var(--muted);
    max-width:350px
  }
  .inquiry-list {
    display:flex;
    flex-direction:column;
    gap:9px;
    font-size:14px;
    color:#d2c9d9;
    margin-top:32px
  }
  .inquiry-list>span:before {
    content:'';
    display:inline-block;
    width:7px;
    height:7px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    color:#a688ba;
    margin-right:12px;
    transform:translateY(-1px)
  }
  .contact-aside {
    display:flex;
    align-items:flex-start;
    gap:17px;
    padding:30px 0;
    margin-top:42px;
    border-top:1px solid var(--border)
  }
  .contact-aside>.icon {
    color:var(--accent);
    margin-top:3px
  }
  .contact-aside h2 {
    font-size:19px;
    letter-spacing:-.03em
  }
  .contact-aside p {
    font-size:13px;
    color:var(--muted);
    margin-top:9px;
    overflow-wrap:anywhere
  }
  .contact-intro>.text-link {
    font-size:13px;
    color:#cdbbd9
  }
  .form-panel {
    border:1px solid #b68dd52a;
    background:linear-gradient(135deg,#19131f,#101015 70%);
    border-radius:12px;
    padding:clamp(25px,3vw,44px);
    box-shadow:var(--shadow)
  }
  .form-heading {
    margin-bottom:30px
  }
  .form-heading h2 {
    font-size:23px;
    letter-spacing:-.04em
  }
  .form-heading p {
    font-size:12px;
    color:var(--muted);
    margin-top:8px
  }
  fieldset {
    border:0;
    margin:0;
    padding:0;
    min-width:0
  }
  .form-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
  }
  .field {
    margin-bottom:19px
  }
  .field label {
    display:block;
    font-size:14px;
    font-weight:500;
    margin-bottom:8px;
    color:#e1d9e8
  }
  .field label>span {
    color:#c6a0de
  }
  .field input,.field select,.field textarea {
    display:block;
    width:100%;
    min-height:47px;
    padding:12px 13px;
    border:1px solid #ffffff20;
    background:#0c0b10b8;
    border-radius:5px;
    font-size:14px;
    line-height:1.45;
    color:var(--text);
    transition:border-color var(--transition);
    min-width:0
  }
  .field textarea {
    resize:vertical;
    min-height:138px
  }
  .field input::placeholder,.field textarea::placeholder {
    color:#83798d
  }
  .field input:focus,.field select:focus,.field textarea:focus {
    border-color:#cf9be688;
    outline:2px solid #c693e540;
    outline-offset:2px
  }
  .field select {
    cursor:pointer
  }
  .field [aria-invalid=true] {
    border-color:#ee91a2
  }
  .field-error {
    display:block;
    color:#ffb2c1;
    font-size:12px;
    margin-top:6px
  }
  .field-error:empty {
    display:none
  }
  .field-hint {
    display:flex;
    justify-content:space-between;
    gap:8px;
    font-size:12px;
    color:#a99bb3;
    margin-top:7px
  }
  .honeypot {
    position:absolute;
    left:-10000px;
    width:1px;
    height:1px;
    overflow:hidden
  }
  .form-notice {
    font-size:12px;
    line-height:1.65;
    color:var(--muted);
    margin:9px 0 20px
  }
  .form-submit {
    width:100%;
    justify-content:space-between
  }
  .form-submit:disabled {
    opacity:.6;
    cursor:wait;
    transform:none
  }
  #form-status:empty {
    display:none
  }
  #form-status {
    margin-top:20px;
    border:1px solid #b491ca44;
    padding:15px;
    border-radius:6px;
    background:#211628;
    font-size:13px
  }
  #form-status[data-state=error] {
    border-color:#ee91a277;
    color:#ffd5de
  }
  #form-status[data-state=success] {
    border-color:#a3d4b377;
    color:#c6ebd1
  }
  #inquiry-review {
    margin-top:20px;
    border-top:1px solid var(--border);
    padding-top:20px
  }
  #inquiry-review h3 {
    font-size:19px
  }
  #review-details {
    font-size:13px;
    overflow-wrap:anywhere
  }
  #review-details dt {
    color:#b4a0c4;
    margin-top:12px;
    font-size:12px
  }
  #review-details dd {
    margin:4px 0 0;
    white-space:pre-wrap
  }
  #inquiry-review>p {
    font-size:12px;
    color:var(--muted);
    margin-top:14px
  }
  #edit-inquiry {
    background:none;
    border:0;
    padding:0;
    color:var(--accent);
    cursor:pointer;
    margin-top:8px
  }
}
@layer motion {
  @keyframes shop-drift {
    to {
      transform:rotate(-30deg) translateY(15px)
    }
  }
  @keyframes reveal-in {
    from {
      opacity:.55;
      transform:translateY(15px)
    }
    to {
      opacity:1;
      transform:none
    }
  }
  @keyframes brand-accent {
    0%,94%,100% {
      text-shadow:none
    }
    95% {
      text-shadow:2px 0 #fe83bf55,-2px 0 #8ee2ed55
    }
    96% {
      text-shadow:none
    }
  }
  .hero h1 .wordmark {
    animation:brand-accent 24s linear infinite
  }
  .reveal.is-visible {
    animation:reveal-in var(--motion-long) var(--ease) both
  }
  .social-card:nth-child(2).is-visible,.content-card:nth-child(2).is-visible,.merch-card:nth-child(2).is-visible {
    animation-delay:70ms
  }
  .social-card:nth-child(3).is-visible,.content-card:nth-child(3).is-visible,.merch-card:nth-child(3).is-visible {
    animation-delay:140ms
  }
}
@layer responsive {
  @media(max-width:1100px) {
    .social-card {
      padding:20px
    }
    .social-grid {
      grid-template-columns:repeat(4,1fr)
    }
    .social-bottom h3 {
      font-size:24px
    }
    .social-note {
      min-height:35px
    }
    .social-handle {
      font-size:12px
    }
    .about-grid {
      gap:45px
    }
    .identity-panel {
      min-height:450px
    }
    .merch-info>h3 {
      font-size:18px;
      padding-right:0
    }
    .merch-info>span {
      position:static;
      display:block;
      margin-top:9px
    }
    .cta-star {
      margin-right:0;
      font-size:200px
    }
    .shop-orbit {
      right:-200px
    }
    .shop-status {
      flex-wrap:wrap
    }
    .shop-status>.text-link {
      margin-left:72px
    }
    .contact-page {
      gap:35px
    }
    .form-panel {
      padding:27px
    }
    .form-row {
      grid-template-columns:1fr;
      gap:0
    }
  }
  @media(max-width:850px) {
    .social-grid {
      grid-template-columns:repeat(2,1fr)
    }
    .social-card {
      min-height:265px;
      padding:26px
    }
    .social-note {
      min-height:0
    }
    .social-bottom h3 {
      font-size:30px
    }
    .social-top>.micro {
      margin-left:auto
    }
    .social-handle {
      font-size:12px
    }
    .section-heading {
      align-items:flex-start;
      gap:25px
    }
    .section-heading>p {
      max-width:255px
    }
    .identity-panel {
      min-height:420px;
      padding:24px
    }
    .identity-type {
      padding-top:44px
    }
    .identity-type>strong {
      font-size:72px
    }
    .identity-outline {
      font-size:29px
    }
    .about-copy>h2 {
      font-size:34px
    }
    .about-copy>p:not(.eyebrow) {
      font-size:14px
    }
    .content-grid,.merch-grid {
      gap:18px
    }
    .content-info h3 {
      font-size:18px
    }
    .content-info>p {
      font-size:13px
    }
    .art-type {
      font-size:28px
    }
    .merch-type {
      font-size:38px
    }
    .merch-art {
      padding:15px
    }
    .merch-signature {
      font-size:16px;
      bottom:42px
    }
    .merch-mark {
      font-size:12px;
      top:15px;
      left:15px
    }
    .concept-label {
      font-size:12px;
      left:15px
    }
    .merch-info>h3 {
      font-size:17px
    }
    .merch-info>p {
      font-size:12px
    }
    .cta-star {
      font-size:150px
    }
    .contact-cta h2 {
      font-size:54px
    }
    .contact-page {
      grid-template-columns:1fr;
      gap:45px;
      padding-top:55px
    }
    .contact-intro h1 {
      font-size:74px
    }
    .contact-intro>p:not(.eyebrow) {
      max-width:none
    }
    .inquiry-list {
      flex-direction:row;
      flex-wrap:wrap;
      gap:12px 20px
    }
    .contact-aside {
      margin-top:28px;
      max-width:450px
    }
    .form-row {
      grid-template-columns:1fr 1fr;
      gap:18px
    }
    .form-panel {
      padding:35px
    }
    .shop-collection .merch-type {
      font-size:42px
    }
  }
  @media(max-width:600px) {
    .section-heading {
      flex-direction:column;
      margin-bottom:28px;
      gap:20px
    }
    .section-heading>p {
      max-width:none
    }
    .section-heading>p br {
      display:none
    }
    h2 {
      font-size:37px
    }
    .eyebrow {
      font-size:12px;
      gap:10px;
      margin-bottom:20px
    }
    .social-grid {
      gap:12px
    }
    .social-card {
      padding:20px;
      min-height:250px
    }
    .social-top>.icon {
      width:25px;
      height:25px
    }
    .social-top>.micro {
      display:none
    }
    .social-top>.card-arrow {
      width:15px;
      margin-left:auto
    }
    .social-note {
      font-size:12px;
      min-height:32px;
      margin-bottom:10px
    }
    .social-bottom h3 {
      font-size:25px
    }
    .social-bottom p {
      font-size:14px;
      min-height:35px
    }
    .social-handle {
      font-size:12px;
      margin-top:14px
    }
    .about-grid {
      grid-template-columns:1fr;
      gap:40px
    }
    .identity-panel {
      min-height:400px;
      padding:24px
    }
    .identity-type {
      padding-top:45px
    }
    .identity-type>strong {
      font-size:clamp(60px,20vw,86px)
    }
    .identity-outline {
      font-size:36px
    }
    .identity-bottom {
      margin-top:15px
    }
    .about-copy>h2 {
      font-size:37px
    }
    .about-copy>p:not(.eyebrow) {
      font-size:16px
    }
    .tags>span {
      font-size:12px
    }
    .content-grid {
      grid-template-columns:1fr;
      gap:35px
    }
    .content-art {
      aspect-ratio:1.7
    }
    .art-type {
      font-size:48px;
      max-width:65%
    }
    .content-info {
      padding-top:18px
    }
    .content-info h3 {
      font-size:23px
    }
    .content-info>p {
      font-size:14px
    }
    .content-meta {
      font-size:12px
    }
    .merch-grid {
      grid-template-columns:1fr;
      gap:30px
    }
    .merch-art {
      aspect-ratio:1.25
    }
    .merch-type {
      font-size:64px
    }
    .merch-mark {
      font-size:12px;
      left:22px;
      top:22px
    }
    .merch-signature {
      font-size:21px;
      bottom:49px
    }
    .concept-label {
      font-size:12px;
      left:22px;
      bottom:22px
    }
    .merch-info>h3 {
      font-size:21px;
      padding-right:80px
    }
    .merch-info>p {
      font-size:12px
    }
    .merch-info>span {
      position:absolute;
      right:0;
      top:42px;
      font-size:12px;
      margin:0
    }
    .collection-note {
      text-align:left;
      font-size:12px;
      margin-top:24px
    }
    .merch-intro>p {
      font-size:14px
    }
    .contact-cta {
      padding-block:80px
    }
    .contact-cta h2 {
      font-size:clamp(36px,9vw,53px)
    }
    .contact-cta .eyebrow {
      max-width:250px
    }
    .contact-cta p:not(.eyebrow) {
      max-width:240px;
      font-size:14px
    }
    .cta-star {
      position:absolute;
      right:-20px;
      bottom:60px;
      font-size:110px;
      opacity:.5;
      pointer-events:none
    }
    .page-hero {
      padding-top:48px;
      padding-bottom:70px
    }
    .shop-hero h1 {
      font-size:92px
    }
    .page-hero>p:not(.eyebrow) {
      font-size:15px
    }
    .page-hero>p br {
      display:none
    }
    .shop-orbit {
      right:-410px;
      top:170px
    }
    .shop-collection .merch-art {
      aspect-ratio:1.08
    }
    .shop-collection .merch-type {
      font-size:68px
    }
    .shop-status {
      padding:23px;
      gap:16px;
      align-items:flex-start
    }
    .status-symbol {
      font-size:35px
    }
    .shop-status>div {
      flex:1;
      min-width:170px
    }
    .shop-status h3 {
      font-size:19px
    }
    .shop-status p {
      font-size:13px
    }
    .shop-status>.text-link {
      margin-left:0;
      font-size:13px
    }
    .shop-partner {
      flex-direction:column;
      gap:4px;
      padding-bottom:50px
    }
    .contact-page {
      padding-block:40px 65px;
      gap:35px
    }
    .contact-intro h1 {
      font-size:clamp(48px,11vw,68px);
      margin-top:30px
    }
    .contact-intro>p:not(.eyebrow) {
      font-size:15px
    }
    .inquiry-list {
      flex-direction:column;
      gap:8px;
      font-size:13px
    }
    .contact-aside {
      padding-block:25px
    }
    .form-panel {
      padding:24px
    }
    .form-heading h2 {
      font-size:22px
    }
    .form-row {
      grid-template-columns:1fr;
      gap:0
    }
    .field input,.field select,.field textarea {
      font-size:16px
    }
    .form-heading p {
      font-size:12px
    }
  }
  @media(max-width:360px) {
    .hero h1 {
      font-size:14.7vw
    }
    .hero-actions .button {
      padding:10px 12px;
      gap:7px
    }
    .hero-actions .button>.icon:last-child {
      display:none
    }
    .social-card {
      padding:17px
    }
    .social-bottom h3 {
      font-size:23px
    }
    .social-handle {
      font-size:12px
    }
    .footer-main {
      flex-direction:column;
      align-items:flex-start;
      gap:20px
    }
    .footer-socials {
      margin-left:0
    }
    .identity-type>strong {
      font-size:64px
    }
    .form-panel {
      padding:20px
    }
    .merch-type {
      font-size:54px
    }
    .merch-info>h3 {
      font-size:18px
    }
    .shop-hero h1 {
      font-size:80px
    }
  }
}
@layer responsive {
  @media(max-width:600px) {
    .social-card {
      min-height:310px
    }
    .social-note {
      margin-bottom:13px;
      min-height:42px
    }
    .social-bottom p {
      min-height:44px
    }
    .social-handle {
      font-family:var(--font-body);
      font-size:12px;
      line-height:1.5
    }
    .hero-bottom>.micro {
      font-size:12px;
      letter-spacing:.04em;
      max-width:175px
    }
    .hero-top .micro {
      font-size:12px;
      max-width:290px
    }
    .hero-core {
      padding-top:65px
    }
    .concept-label {
      font-size:12px
    }
    .merch-signature {
      bottom:56px
    }
    .hero h1 .wordmark {
      padding-right:.1em
    }
    .footer-bottom>div {
      gap:15px
    }
    .footer-bottom a {
      min-height:44px;
      display:inline-flex;
      align-items:center
    }
    .form-heading p,.form-notice {
      font-size:12px
    }
  }
}

@layer components {
  .merch-card { min-width: 0; }
}
@layer responsive {
  @media (max-width: 600px) {
    .content-grid, .merch-grid { grid-template-columns: minmax(0, 1fr); }
    .shop-collection .merch-type { font-size: clamp(42px, 16vw, 68px); }
  }
}

/* Owner-supplied square emblem paired with the existing editable wordmark. */
@layer components {
  .brand-lockup { display: inline-flex; align-items: center; gap: 10px; }
  .brand .brand-image { width: 38px; height: 38px; object-fit: contain; flex-shrink: 0; }
  .hero h1 .brand-lockup { flex-direction: column; gap: 20px; }
  .hero h1 .brand-image { width: 100px; height: 100px; object-fit: contain; filter: drop-shadow(0 0 22px #c18bf333); }
  .hero-core { padding-top: 65px; padding-bottom: 70px; }
  .secondary-channel { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 22px; margin-top: 22px; }
  .secondary-channel > span { color: var(--muted); font-size: 13px; }
  .secondary-channel .text-link { font-size: 13px; flex-wrap: wrap; gap: 10px; }
}
@layer responsive {
  @media (max-width: 850px) { .brand { font-size: 22px; } .brand .brand-image { width: 30px; height: 30px; } }
  @media (max-width: 600px) { .hero h1 .brand-image { width: 78px; height: 78px; } .hero-core { padding-top: 35px; padding-bottom: 50px; } .secondary-channel { justify-content: flex-start; } }
  @media (max-width: 360px) { .brand { font-size: 19px; } .brand-lockup { gap: 6px; } }
}

/* Final overrides for the consolidated homepage pass. */
@layer components {
  .secondary-channel { display:none !important; }
  .identity-panel { min-height:560px; background:radial-gradient(circle at 50% 35%,#ac62da26,transparent 35%),linear-gradient(145deg,#1d1626,#0c0d14 72%); box-shadow:inset 0 0 60px #09070e88,0 24px 70px #0006; }
  .about-portrait-frame { position:absolute; top:74px; right:8%; width:58%; height:58%; overflow:hidden; border:1px solid #e0b9ff5a; border-radius:46% 46% 8px 8px; transform:rotate(3deg); box-shadow:0 0 0 10px #ffffff05,0 20px 46px #0008; }
  .about-portrait-frame img { width:100%; height:100%; object-fit:cover; object-position:center 32%; filter:saturate(.9) contrast(1.04); }
  .about-portrait-frame:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,#08080e99),linear-gradient(90deg,#b66dff18,transparent 45%,#ff76dd20); pointer-events:none; }
  .portrait-scan { position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 6px,transparent 7px); opacity:.22; }
  .identity-type { position:absolute; left:30px; bottom:72px; padding:0; text-shadow:0 2px 22px #07060dcc; }
  .identity-type>strong { font-size:clamp(58px,7vw,100px); }
  .identity-outline { font-size:clamp(22px,2.8vw,38px); color:#c5a8d6; }
  .identity-bottom { position:absolute; left:30px; right:30px; bottom:25px; }
  .content-grid { transition:opacity var(--motion-short),transform var(--motion-short); }
  .content-grid.is-sliding { animation:content-page-in var(--motion-medium) var(--ease) both; }
  .content-card[hidden] { display:none; }
  .carousel-controls { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:30px; }
  .carousel-button { width:44px; height:44px; display:grid; place-items:center; border:1px solid #d2a4ee55; border-radius:50%; background:#17121e; cursor:pointer; transition:transform var(--transition),border-color var(--transition),background var(--transition); }
  .carousel-button:hover:not(:disabled),.carousel-button:focus-visible:not(:disabled) { transform:translateY(-3px); border-color:var(--accent); background:#251a31; }
  .carousel-button:disabled { opacity:.35; cursor:not-allowed; }
  .carousel-button .icon { width:17px; height:17px; }
  .carousel-button .flip { transform:scaleX(-1); }
  .carousel-status { min-width:94px; text-align:center; color:var(--muted); font:12px/1.5 var(--font-label); letter-spacing:.08em; }
  .nav-watch.is-live { border-color:#d9b2ff99; background:linear-gradient(120deg,#e9b6ff22,#8d7be822); box-shadow:0 0 22px #c989ff24; }
  .stream-status.is-live { border-color:#e6b2ff99; background:linear-gradient(120deg,#d89cff38,#9a77f02c); box-shadow:0 0 26px #c783ff2b; }
  .status-dot.is-live { background:#ff9ee9; box-shadow:0 0 12px #ff7de0; }
  .hero-actions .button.is-live { background:linear-gradient(120deg,#f0b5ff,#aaa2f5); border-color:#f0c7ff; box-shadow:0 0 30px #ce8aff55; }
  .hero-atmosphere { background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(ellipse at 50% 64%,#6535822e,transparent 53%),radial-gradient(ellipse at 13% 52%,#31214b40,transparent 40%),radial-gradient(ellipse at 84% 66%,#d53d6e17,transparent 40%); background-size:42px 42px,42px 42px,auto,auto,auto; background-position:center bottom,center bottom,center,center,center; }
  .hero-scanline { position:absolute; inset:0; opacity:.12; background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px); mix-blend-mode:screen; pointer-events:none; }
}
@layer motion { @keyframes content-page-in { from { opacity:.25; transform:translateX(18px); } to { opacity:1; transform:none; } } @keyframes scan-drift { to { background-position:0 14px; } } .hero-scanline { animation:scan-drift 8s linear infinite; } }
@layer responsive { @media(max-width:700px) { .about-portrait-frame { width:64%; right:8%; height:54%; } .identity-panel { min-height:500px; } .identity-type { left:24px; bottom:66px; } .identity-bottom { left:24px; right:24px; } .carousel-controls { margin-top:24px; } } @media(prefers-reduced-motion:reduce) { .hero-scanline,.content-grid.is-sliding { animation:none; } } }