.page-home{
  --home-hero-size: clamp(42px, 5.6vw, 72px);
  --home-num-size: clamp(60px, 9vw, 116px);
  --home-card-radius: var(--radius-lg);
}

.page-home .breadcrumb{
  display:flex;
  align-items:center;
  gap:0.5rem;
  padding-top:1.5rem;
  font-size:0.875rem;
  color:var(--color-muted);
}

.page-home .pg-hero{
  position:relative;
  overflow:hidden;
}

.page-home .pg-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2rem;
  padding-block:2rem 3.5rem;
}

.page-home .pg-hero-grid::before{
  content:"01  02  03  04";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  font-family:var(--font-display);
  font-size:clamp(5rem,14vw,12rem);
  font-weight:700;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,0.08);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  z-index:0;
}

.page-home .pg-hero-copy{
  position:relative;
  z-index:1;
}

.page-home .pg-hero-title{
  font-family:var(--font-display);
  font-size:var(--home-hero-size);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-0.01em;
  margin:0.9rem 0 1.1rem;
  color:var(--color-white);
}

.page-home .pg-hero-lead{
  margin:0;
  max-width:58ch;
  font-size:1.05rem;
  line-height:1.8;
  color:var(--color-muted);
}

.page-home .pg-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  margin-top:1.5rem;
}

.page-home .pg-hero-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.75rem;
  margin:2rem 0 0;
  padding:1.25rem;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:var(--radius-md);
}

.page-home .pg-hero-stat{
  display:flex;
  flex-direction:column;
  gap:0.15rem;
}

.page-home .pg-hero-stat dt,
.page-home .pg-hero-stat dd{
  margin:0;
}

.page-home .pg-hero-stat .stat-number{
  font-size:1.6rem;
  color:var(--color-neon);
}

.page-home .pg-hero-stat .stat-label{
  font-size:0.875rem;
  color:var(--color-muted);
}

.page-home .pg-chapter-preview{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0.75rem;
  margin-top:2rem;
}

.page-home .pg-preview-item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0.2rem;
  padding:1.1rem 1.1rem 1.2rem;
  background:var(--color-bg-card);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-md);
  color:var(--color-white);
  text-decoration:none;
  transition:transform var(--ease), border-color var(--ease), box-shadow var(--ease);
}

.page-home .pg-preview-item:hover{
  transform:translateY(-4px);
  border-color:rgba(0,255,178,0.45);
  box-shadow:var(--shadow-glow-green);
}

.page-home .pg-preview-num{
  font-family:var(--font-display);
  font-size:2rem;
  font-weight:700;
  line-height:1;
  color:var(--color-neon);
}

.page-home .pg-preview-item:nth-child(2) .pg-preview-num{
  color:var(--color-purple);
}

.page-home .pg-preview-item:nth-child(3) .pg-preview-num{
  color:var(--color-gold);
}

.page-home .pg-preview-item:nth-child(4) .pg-preview-num{
  color:var(--color-white);
}

.page-home .pg-preview-title{
  font-size:1.05rem;
  font-weight:700;
  margin-top:0.35rem;
}

.page-home .pg-preview-desc{
  font-size:0.85rem;
  line-height:1.5;
  color:var(--color-muted);
}

.page-home .pg-entry-card{
  position:relative;
  z-index:1;
  padding:1.25rem;
  background:
    linear-gradient(150deg, rgba(191,95,255,0.22), transparent 42%),
    var(--color-bg-card);
  border:1px solid rgba(191,95,255,0.4);
  border-radius:var(--home-card-radius);
  box-shadow:var(--shadow-card);
  transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);
}

.page-home .pg-entry-media{
  position:relative;
  border-radius:var(--radius-md);
  overflow:hidden;
}

.page-home .pg-entry-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .pg-entry-badge{
  position:absolute;
  top:0.75rem;
  left:0.75rem;
  z-index:2;
}

.page-home .pg-entry-title{
  font-family:var(--font-display);
  font-size:1.5rem;
  margin:1rem 0 0.5rem;
  color:var(--color-white);
}

.page-home .pg-entry-text{
  margin:0 0 1.25rem;
  color:var(--color-muted);
  font-size:0.95rem;
  line-height:1.7;
}

.page-home .pg-sec-entry{
  border-top:1px solid rgba(255,255,255,0.07);
}

.page-home .pg-sec-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2rem;
}

.page-home .chapter-number{
  font-size:var(--home-num-size);
  line-height:0.9;
  display:block;
  color:transparent;
  -webkit-text-stroke:2px var(--color-neon);
}

.page-home .pg-sec-head .chapter-title{
  margin-top:0.5rem;
}

.page-home .pg-sec-desc{
  margin:0.75rem 0 0;
  color:var(--color-muted);
  line-height:1.8;
}

.page-home .pg-entry-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1rem;
}

.page-home .pg-entry-grid .exhibit-card{
  padding:1.5rem;
  margin:0;
}

.page-home .pg-entry-grid .exhibit-card h3{
  font-size:1.35rem;
  margin:0.75rem 0 0.5rem;
  color:var(--color-white);
}

.page-home .pg-entry-grid .exhibit-card p{
  color:var(--color-muted);
  line-height:1.8;
}

.page-home .pg-entry-grid .exhibit-card a{
  color:var(--color-neon);
  text-decoration:none;
  display:inline-block;
  margin-top:0.75rem;
}

.page-home .pg-sec-review{
  border-top:1px solid rgba(255,255,255,0.07);
  background:
    radial-gradient(circle at 20% 20%, rgba(0,255,178,0.06), transparent 42%),
    radial-gradient(circle at 90% 80%, rgba(191,95,255,0.09), transparent 46%),
    transparent;
}

.page-home .pg-review-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2rem;
  align-items:center;
}

.page-home .pg-review-media{
  position:relative;
  width:min(320px, 78vw);
  aspect-ratio:1/1;
  margin-inline:auto;
  border-radius:50%;
  overflow:hidden;
  border:2px solid var(--color-neon);
  box-shadow:0 0 44px rgba(0,255,178,0.16);
}

.page-home .pg-review-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.page-home .pg-review-content .chapter-number{
  -webkit-text-stroke:2px var(--color-purple);
}

.page-home .pg-lead-text{
  margin:1rem 0 0;
  color:var(--color-muted);
  line-height:1.85;
}

.page-home .pg-review-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0.75rem;
  margin-top:1.5rem;
}

.page-home .pg-feature-item{
  padding:1rem 0.75rem;
  text-align:center;
  background:var(--color-bg-card);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:var(--radius-md);
}

.page-home .pg-feature-item .stat-number{
  display:block;
  font-size:1.6rem;
  color:var(--color-gold);
}

.page-home .pg-feature-item .stat-label{
  font-size:0.85rem;
  color:var(--color-muted);
}

.page-home .pg-review-actions{
  display:flex;
  flex-wrap:wrap;
  gap:0.75rem;
  margin-top:1.5rem;
}

.page-home .pg-sec-lines{
  border-top:1px solid rgba(255,255,255,0.07);
}

.page-home .pg-lines-head{
  max-width:760px;
  margin-bottom:1.5rem;
}

.page-home .pg-lines-head .section-title{
  margin:0.75rem 0 0.5rem;
}

.page-home .pg-lines-num{
  -webkit-text-stroke:2px var(--color-gold);
}

.page-home .pg-lines-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}

.page-home .pg-line-card{
  position:relative;
  padding:1.4rem 1.25rem 1.5rem;
  background:linear-gradient(180deg, rgba(255,255,255,0.03), transparent 60%), var(--color-bg-card);
  border-top:2px solid var(--color-neon);
  margin:0;
}

.page-home .pg-line-card:nth-child(2){
  border-top-color:var(--color-purple);
}

.page-home .pg-line-card:nth-child(3){
  border-top-color:var(--color-gold);
}

.page-home .pg-line-card:nth-child(4){
  border-top-color:var(--color-white);
}

.page-home .pg-line-num{
  font-family:var(--font-display);
  font-size:2.2rem;
  font-weight:700;
  color:var(--color-neon);
  line-height:1;
}

.page-home .pg-line-card h3{
  margin:0.75rem 0 0.5rem;
  font-size:1.3rem;
  color:var(--color-white);
}

.page-home .pg-line-card p{
  margin:0;
  font-size:0.925rem;
  line-height:1.7;
  color:var(--color-muted);
}

.page-home .pg-lines-bottom{
  margin-top:2rem;
  display:grid;
  gap:1.25rem;
}

.page-home .pg-lines-media{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.08);
}

.page-home .pg-lines-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .pg-lines-tags{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
}

.page-home .pg-lines-note{
  margin:0;
  font-size:0.9rem;
  color:var(--color-muted);
}

.page-home .pg-sec-switch{
  border-top:1px solid rgba(255,255,255,0.07);
}

.page-home .pg-switch-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:2rem;
  align-items:center;
}

.page-home .pg-switch-content .chapter-number{
  -webkit-text-stroke:2px var(--color-gold);
}

.page-home .pg-switch-list{
  list-style:none;
  margin:1.5rem 0;
  padding:0;
}

.page-home .pg-switch-list li{
  position:relative;
  padding:0.8rem 0 0.8rem 2rem;
  border-bottom:1px solid rgba(255,255,255,0.07);
  color:var(--color-white);
  line-height:1.6;
}

.page-home .pg-switch-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:1.15rem;
  width:10px;
  height:10px;
  background:var(--color-neon);
  clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.page-home .pg-switch-media{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(255,200,87,0.3);
  box-shadow:0 14px 40px rgba(6,10,31,0.45);
}

.page-home .pg-switch-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .pg-float-chip{
  display:none;
}

.page-home .pg-float-chip-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--color-neon);
  box-shadow:0 0 8px var(--color-neon);
}

.page-home .pg-sec-entry:target,
.page-home .pg-sec-review:target,
.page-home .pg-sec-lines:target,
.page-home .pg-sec-switch:target{
  animation:home-flash 900ms var(--ease);
}

@keyframes home-flash{
  0%{
    background-color:rgba(0,255,178,0.08);
  }
  100%{
    background-color:transparent;
  }
}

@media (min-width: 768px){
  .page-home .pg-hero-stats{
    grid-template-columns:repeat(4,1fr);
  }

  .page-home .pg-chapter-preview{
    grid-template-columns:repeat(4,1fr);
  }

  .page-home .pg-lines-bottom{
    grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);
    align-items:end;
  }

  .page-home .pg-lines-note{
    grid-column:1 / -1;
  }
}

@media (min-width: 992px){
  .page-home .pg-hero-grid{
    grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr);
    gap:3.5rem;
    padding-block:4rem 5rem;
  }

  .page-home .pg-entry-card{
    transform:rotate(0.8deg);
  }

  .page-home .pg-entry-card:hover{
    transform:rotate(0.8deg) translateY(-6px);
    box-shadow:0 18px 48px rgba(6,10,31,0.55);
  }

  .page-home .pg-sec-grid{
    grid-template-columns:minmax(0, 4fr) minmax(0, 8fr);
    gap:3rem;
  }

  .page-home .pg-entry-grid{
    grid-template-columns:repeat(2,1fr);
    gap:1.25rem;
  }

  .page-home .pg-review-grid{
    grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
    gap:3rem;
  }

  .page-home .pg-lines-grid{
    grid-template-columns:repeat(4,1fr);
    gap:1.5rem;
  }

  .page-home .pg-switch-grid{
    grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);
    gap:3rem;
  }

  .page-home .pg-float-chip{
    position:fixed;
    right:1.25rem;
    bottom:1.5rem;
    z-index:var(--z-nav-panel);
    display:inline-flex;
    align-items:center;
    gap:0.5rem;
    padding:0.65rem 1rem;
    background:var(--color-bg-card);
    border:1px solid var(--color-neon);
    box-shadow:var(--shadow-glow-green);
    border-radius:999px;
    color:var(--color-white);
    font-weight:700;
    text-decoration:none;
    font-size:0.9rem;
  }
}

@media (prefers-reduced-motion: reduce){
  .page-home *,
  .page-home *::before,
  .page-home *::after{
    transition:none !important;
    animation:none !important;
  }
}