/* =========================================================
   AEOWUN HOME // REBUILT
   Compact by design. No ordinary section owns the viewport.
========================================================= */

.home-rebuild {
  position: relative;
  min-height: 100vh;
  background:
    radial-gradient(circle at 68% 16%, rgba(228, 91, 36, .24), transparent 34rem),
    linear-gradient(180deg, rgba(43, 13, 3, .62) 0%, rgba(20, 8, 4, .84) 42%, rgba(8, 9, 11, .98) 100%),
    url("https://raw.githubusercontent.com/Aeowun/Worldkiln/main/SCREENSHOTS/screenshoot_castle.png") center 72px / cover fixed no-repeat,
    #08090b;
  background-blend-mode: screen, multiply, normal;
  color: var(--text, #d7d9df);
}

.home-rebuild::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 20% 14%, rgba(228, 91, 36, .18), transparent 28rem),
    radial-gradient(circle at 78% 22%, rgba(158, 52, 29, .16), transparent 34rem),
    linear-gradient(90deg, rgba(20, 5, 1, .34), transparent 48%, rgba(25, 7, 2, .22));
}

.home-rebuild main {
  overflow: hidden;
  background: transparent;
}

.home-header {
  position: fixed;
  top: 0;
  z-index: 1000;
  height: 100px;
  background:
    linear-gradient(to bottom, rgba(1, 1, 2, .96), rgba(1, 1, 2, .76));
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}

.home-header .header-inner {
  min-height: 100px;
}

.home-download-link {
  white-space: nowrap;
}

.wk-hero,
.wk-paths,
.wk-notes,
.wk-release {
  border-bottom: 1px solid var(--border, rgba(255,255,255,.09));
}

.wk-hero {
  position: relative;
  padding: calc(100px + clamp(2.7rem, 6vw, 5.6rem)) 0 clamp(2.7rem, 6vw, 5.6rem);
  background:
    radial-gradient(circle at 74% 12%, rgba(228, 91, 36, .14), transparent 27rem),
    linear-gradient(90deg, rgba(12, 6, 3, .82) 0%, rgba(14, 7, 4, .58) 48%, rgba(18, 7, 3, .36) 100%);
}

.wk-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

.wk-hero-copy {
  max-width: 680px;
}

.wk-hero-copy h1 {
  margin: .65rem 0 1.25rem;
  color: var(--text-bright, #fff);
  font-size: clamp(3.3rem, 7.8vw, 7.4rem);
  line-height: .88;
  letter-spacing: -.07em;
  text-wrap: balance;
}

.wk-hero-copy p {
  max-width: 620px;
  margin: 0;
  color: var(--text-dim, #9297a3);
  font-size: clamp(1rem, 1.3vw, 1.12rem);
  line-height: 1.62;
}

.wk-actions,
.wk-path-actions,
.wk-release-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
}

.wk-actions {
  margin-top: 1.65rem;
}

.wk-hero-visual {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(255, 255, 255, .12);
  background: #050607;
  text-decoration: none;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .48),
    0 0 44px rgba(228, 91, 36, .09);
  transition: border-color .22s ease, box-shadow .22s ease;
}

.wk-hero-visual:hover {
  border-color: rgba(228, 91, 36, .62);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .52),
    0 0 38px var(--glow-orange);
}

.wk-hero-visual.wk-hero-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}

.wk-hero-video::after {
  display: none;
}

.wk-hero-video iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  max-width: none !important;
  display: block;
  border: 0;
}

.wk-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 58%, rgba(5,6,7,.72)),
    linear-gradient(90deg, rgba(8,9,11,.16), transparent 25%);
  pointer-events: none;
}

.wk-hero-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: sepia(.28) saturate(1.28) hue-rotate(-8deg) brightness(.78) contrast(1.05);
  transition: transform 220ms ease, filter 220ms ease;
}

.wk-hero-visual:hover img {
  transform: scale(1.012);
  filter: sepia(.32) saturate(1.38) hue-rotate(-10deg) brightness(.82) contrast(1.08);
}

.wk-visual-caption {
  position: absolute;
  z-index: 2;
  left: 1rem;
  bottom: .85rem;
  color: #fff;
  font-size: .62rem;
  letter-spacing: .14em;
}

.wk-paths {
  padding: clamp(2rem, 4vw, 3.6rem) 0;
  background: rgba(8, 9, 11, .90);
  backdrop-filter: blur(10px);
}

.wk-path-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--border, rgba(255,255,255,.09));
  background: rgba(5, 6, 8, .62);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .38),
    0 0 48px rgba(228, 91, 36, .07);
}

.wk-path-card {
  position: relative;
  min-height: 285px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  padding: clamp(1.35rem, 3vw, 2.4rem);
  background:
    radial-gradient(circle at 12% 0%, rgba(228, 91, 36, .065), transparent 34%),
    rgba(7, 8, 10, .74);
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    outline-color .22s ease;
  outline: 1px solid transparent;
  outline-offset: -1px;
}

.wk-path-card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 1.25rem;
  width: 76px;
  height: 1px;
  background: linear-gradient(90deg, var(--accent-orange), transparent);
  box-shadow: 0 0 16px var(--glow-orange);
}

.wk-path-card:hover {
  z-index: 2;
  transform: translateY(-3px);
  outline-color: rgba(228, 91, 36, .72);
  background:
    radial-gradient(circle at 12% 0%, rgba(228, 91, 36, .12), transparent 38%),
    #0c0e12;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, .48),
    0 0 32px var(--glow-orange);
}

.wk-path-card + .wk-path-card {
  border-left: 1px solid var(--border, rgba(255,255,255,.09));
}

.wk-section-label,
.wk-note-meta {
  color: var(--accent-orange, #e45b24);
  font-size: .62rem;
  letter-spacing: .14em;
  text-shadow: 0 0 12px rgba(228, 91, 36, .34);
}

.wk-path-card h2,
.wk-section-heading h2,
.wk-release-copy h2 {
  color: var(--text-bright, #fff);
  letter-spacing: -.035em;
}

.wk-path-card h2 {
  margin: .55rem 0 .75rem;
  font-size: clamp(1.75rem, 3vw, 2.8rem);
}

.wk-path-card p {
  max-width: 650px;
  margin: 0;
  color: var(--text-dim, #9297a3);
  line-height: 1.6;
}

.wk-path-actions {
  margin-top: .2rem;
}

.wk-path-actions .text-link {
  margin-left: .25rem;
}

.wk-notes {
  padding: clamp(2rem, 4vw, 3.5rem) 0;
  background: rgba(8, 9, 11, .94);
  backdrop-filter: blur(12px);
}

.wk-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: 1.25rem;
}

.wk-section-heading h2 {
  margin: .35rem 0 0;
  font-size: clamp(1.8rem, 3.6vw, 3.1rem);
}

.wk-note-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--border, rgba(255,255,255,.09));
  border-bottom: 1px solid var(--border, rgba(255,255,255,.09));
}

.wk-note-card {
  position: relative;
  min-height: 185px;
  padding: 1.3rem 1.3rem 1.45rem;
  background:
    radial-gradient(circle at 16% 0%, rgba(228, 91, 36, .055), transparent 38%),
    rgba(6, 7, 9, .64);
  transition:
    transform .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    outline-color .22s ease;
  outline: 1px solid transparent;
  outline-offset: -1px;
}

.wk-note-card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 1.3rem;
  width: 56px;
  height: 1px;
  background: linear-gradient(90deg, var(--accent-orange), transparent);
  box-shadow: 0 0 12px var(--glow-orange);
}

.wk-note-card:hover {
  z-index: 2;
  transform: translateY(-3px);
  outline-color: rgba(228, 91, 36, .62);
  background:
    radial-gradient(circle at 16% 0%, rgba(228, 91, 36, .11), transparent 42%),
    #0c0e12;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .46),
    0 0 28px var(--glow-orange);
}

.wk-note-card + .wk-note-card {
  border-left: 1px solid var(--border, rgba(255,255,255,.09));
}

.wk-note-card h3 {
  margin: .7rem 0 .55rem;
  color: var(--text-bright, #fff);
  font-size: 1.05rem;
  line-height: 1.25;
}

.wk-note-card p {
  margin: 0;
  color: var(--text-dim, #9297a3);
  font-size: .9rem;
  line-height: 1.55;
}

.wk-note-card a {
  color: inherit;
  text-decoration: none;
}

.wk-note-date {
  display: block;
  margin-top: 1rem;
  color: var(--text-dim, #9297a3);
  font-size: .58rem;
  letter-spacing: .08em;
}

.wk-release {
  padding: 1.7rem 0;
  background: rgba(6, 7, 8, .97);
}

.wk-release-inner {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  min-height: 140px;
  padding: 1.35rem 1.5rem;
  border: 1px solid var(--border, rgba(255,255,255,.09));
  background:
    radial-gradient(circle at 0% 50%, rgba(228, 91, 36, .075), transparent 32%),
    rgba(7, 8, 10, .72);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, .34),
    0 0 34px rgba(228, 91, 36, .055);
}

.wk-release-copy h2 {
  margin: .35rem 0 .35rem;
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
}

.wk-release-copy p {
  margin: 0;
  color: var(--text-dim, #9297a3);
}

.wk-footer {
  position: relative;
  z-index: 100;
  padding: 3rem 0 1.5rem;
  background: var(--void);
  border-top: 1px solid var(--border);
}

.wk-footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(140px, .65fr));
  gap: 2rem;
}

.wk-footer-brand p {
  max-width: 360px;
  margin: .8rem 0 0;
  color: var(--text-dim, #9297a3);
  line-height: 1.55;
}

.wk-footer-column {
  display: grid;
  align-content: start;
  gap: .6rem;
}

.wk-footer-column strong {
  margin-bottom: .15rem;
  color: var(--text-bright, #fff);
  font-size: .65rem;
  letter-spacing: .14em;
}

.wk-footer-column a {
  color: var(--text-dim, #9297a3);
  text-decoration: none;
  font-size: .9rem;
}

.wk-footer-column a:hover {
  color: var(--text-bright, #fff);
}

.wk-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border, rgba(255,255,255,.09));
  color: var(--text-dim, #9297a3);
  font-size: .58rem;
  letter-spacing: .12em;
}

@media (max-width: 1020px) {
  .wk-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .wk-hero-copy h1 {
    font-size: clamp(3rem, 8.7vw, 5.6rem);
  }

  .wk-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wk-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .home-header {
    height: 82px;
  }

  .home-header .header-inner {
    min-height: 82px;
  }

  .home-header .home-download-link {
    display: none;
  }

  .home-header .home-member-link {
    min-height: 42px;
    padding-inline: .95rem;
  }

  .wk-hero {
    padding: calc(82px + 2rem) 0 1.8rem;
  }

  .wk-hero-grid {
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }

  .wk-hero-copy h1 {
    margin-top: .45rem;
    font-size: clamp(3rem, 15vw, 4.8rem);
    line-height: .9;
  }

  .wk-hero-copy p {
    font-size: .98rem;
  }

  .wk-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 1.25rem;
  }

  .wk-actions a {
    width: 100%;
    justify-content: center;
  }

  .wk-hero-visual {
    aspect-ratio: 16 / 8.8;
  }

  .wk-paths {
    padding: 1.4rem 0;
  }

  .wk-path-grid {
    grid-template-columns: 1fr;
  }

  .wk-path-card {
    min-height: 0;
    padding: 1.25rem;
    gap: 1rem;
  }

  .wk-path-card + .wk-path-card {
    border-left: 0;
    border-top: 1px solid var(--border, rgba(255,255,255,.09));
  }

  .wk-path-card h2 {
    font-size: 1.75rem;
    margin: .4rem 0 .5rem;
  }

  .wk-path-card p {
    font-size: .9rem;
    line-height: 1.5;
  }

  .wk-path-actions {
    gap: .55rem;
  }

  .wk-path-actions .primary-button,
  .wk-path-actions .secondary-button {
    min-height: 40px;
    padding: .7rem .9rem;
  }

  .wk-path-actions .text-link {
    flex-basis: 100%;
    margin: .15rem 0 0;
  }

  .wk-notes {
    padding: 1.55rem 0;
  }

  .wk-section-heading {
    align-items: start;
    margin-bottom: .85rem;
  }

  .wk-section-heading h2 {
    font-size: 1.8rem;
  }

  .wk-section-heading > .text-link {
    display: none;
  }

  .wk-note-rail {
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    border: 0;
    padding-bottom: .35rem;
    scrollbar-width: thin;
  }

  .wk-note-card {
    flex: 0 0 min(82vw, 330px);
    min-height: 165px;
    scroll-snap-align: start;
    border: 1px solid var(--border, rgba(255,255,255,.09));
    padding: 1rem;
  }

  .wk-note-card + .wk-note-card {
    border-left: 1px solid var(--border, rgba(255,255,255,.09));
  }

  .wk-release {
    padding: 1.25rem 0;
  }

  .wk-release-inner {
    min-height: 0;
    align-items: flex-start;
    gap: 1rem;
  }

  .wk-release-copy h2 {
    font-size: 1.4rem;
  }

  .wk-release-copy p {
    font-size: .85rem;
  }

  .wk-release-actions {
    flex: 0 0 auto;
  }

  .wk-release-actions a {
    min-height: 40px;
    padding: .7rem .85rem;
  }

  .wk-release-actions .secondary-button {
    display: none;
  }

  .wk-footer {
    padding: 1.8rem 0 1rem;
  }

  .wk-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.35rem 1rem;
  }

  .wk-footer-brand {
    grid-column: 1 / -1;
  }

  .wk-footer-brand p {
    margin-top: .45rem;
    font-size: .82rem;
  }

  .wk-footer-column {
    gap: .42rem;
  }

  .wk-footer-column a {
    font-size: .8rem;
  }

  .wk-footer-bottom {
    margin-top: 1.35rem;
    font-size: .52rem;
  }
}

@media (max-width: 500px) {
  .wk-hero {
    padding-top: calc(82px + 1.75rem);
  }

  .wk-hero-copy h1 {
    font-size: clamp(2.85rem, 16vw, 4rem);
  }

  .wk-actions {
    grid-template-columns: 1fr;
  }

  .wk-actions .secondary-button {
    display: none;
  }

  .wk-hero-visual {
    aspect-ratio: 16 / 8;
  }

  .wk-visual-caption {
    left: .75rem;
    bottom: .65rem;
  }

  .wk-release-inner {
    display: grid;
    grid-template-columns: 1fr auto;
  }

  .wk-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: .35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wk-hero-visual img {
    transition: none;
  }
}


@media (max-width: 760px) {
  .home-rebuild {
    background:
      radial-gradient(circle at 72% 12%, rgba(228, 91, 36, .22), transparent 22rem),
      linear-gradient(180deg, rgba(44, 13, 3, .64) 0%, rgba(19, 8, 4, .9) 34%, rgba(8, 9, 11, .99) 100%),
      url("https://raw.githubusercontent.com/Aeowun/Worldkiln/main/SCREENSHOTS/screenshoot_castle.png") 62% 68px / auto 540px no-repeat,
      #08090b;
    background-blend-mode: screen, multiply, normal;
  }

  .wk-hero {
    background:
      radial-gradient(circle at 70% 10%, rgba(228, 91, 36, .13), transparent 18rem),
      linear-gradient(180deg, rgba(19, 8, 4, .42) 0%, rgba(12, 7, 4, .82) 82%, rgba(8, 9, 11, .96) 100%);
  }
}


/* AEOWUN HOME — restored brand energy without changing layout */
.home-rebuild .primary-button {
  box-shadow: 0 0 0 rgba(228, 91, 36, 0);
}

.home-rebuild .primary-button:hover {
  box-shadow: 0 0 38px var(--glow-orange);
}

.home-rebuild .secondary-button:hover {
  border-color: var(--accent-orange);
  box-shadow: 0 0 24px rgba(228, 91, 36, .16);
}

.home-rebuild .text-link:hover {
  color: var(--accent-light);
  text-shadow: 0 0 12px var(--glow-orange);
}

.home-rebuild .brand-name {
  text-shadow:
    0 0 10px rgba(255,255,255,.18),
    0 0 22px rgba(228,91,36,.10);
}

@media (max-width: 760px) {
  .wk-path-card:hover,
  .wk-note-card:hover {
    transform: none;
  }

  .wk-path-grid,
  .wk-note-card,
  .wk-release-inner {
    box-shadow:
      0 14px 34px rgba(0, 0, 0, .34),
      0 0 22px rgba(228, 91, 36, .06);
  }
}

.wk-site-incident {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  margin: 0 0 clamp(1.4rem, 3vw, 2.2rem);
  padding: .9rem 1rem;
  border: 1px solid var(--site-notice-color, rgba(228, 91, 36, .72));
  background: rgba(32, 10, 4, .9);
  background: color-mix(in srgb, var(--site-notice-color, #e45b24) 15%, #08090b 85%);
  box-shadow: 0 0 28px rgba(228, 91, 36, .12);
  box-shadow: 0 0 28px color-mix(in srgb, var(--site-notice-color, #e45b24) 22%, transparent);
  color: #d7d9df;
  line-height: 1.5;
}

.wk-site-incident strong {
  flex: 0 0 auto;
  color: var(--site-notice-color, var(--accent-orange, #e45b24));
  letter-spacing: .12em;
}

.wk-site-incident span {
  color: #d7d9df;
}

@media (max-width: 640px) {
  .wk-site-incident {
    flex-direction: column;
    gap: .35rem;
  }
}