.home-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(42px, 6vw, 82px) 0 clamp(72px, 8vw, 110px);
  background:
    radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--page-accent2) 16%, transparent), transparent 32rem),
    radial-gradient(circle at 8% 85%, color-mix(in srgb, var(--page-accent) 9%, transparent), transparent 28rem),
    var(--bg);
}
.hero-grid { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(34px, 5vw, 72px); align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.hero-title { font-size: clamp(5.1rem, 10.8vw, 10rem); }
.hero-title .accent { color: var(--page-accent); }
.hero-role { margin: 22px 0 0; font-size: clamp(1.15rem, 2vw, 1.65rem); font-weight: 850; }
.hero-copy .lede { max-width: 470px; margin: 12px 0 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-art { position: relative; }
.hero-art::before {
  content: "";
  position: absolute;
  inset: 10% -6% -7% 12%;
  background: radial-gradient(circle, rgba(244,204,67,.16), transparent 63%);
  filter: blur(30px);
}
.hero-art .media-frame { border-radius: 30px 8px 30px 8px; transform: rotate(1deg); }
.hero-art img { aspect-ratio: 4 / 3; object-fit: cover; }
.hero-signature {
  position: absolute;
  left: -28px; bottom: 24px;
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px 9px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(9,11,24,.88);
  backdrop-filter: blur(12px);
  box-shadow: var(--shadow);
}
.hero-signature img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.hero-signature strong { display: block; font-size: .85rem; }
.hero-signature span { display: block; color: var(--muted); font-size: .72rem; }

.eye-ribbon { padding: 0 0 clamp(72px, 8vw, 120px); }
.eye-window {
  width: var(--shell);
  margin: auto;
  height: clamp(180px, 27vw, 330px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px 28px 8px 28px;
  background: #000;
  box-shadow: var(--shadow);
}
.eye-window video { width: 100%; height: 100%; object-fit: cover; }
.eye-note { width: var(--shell); margin: 12px auto 0; display: flex; justify-content: space-between; color: var(--muted); font-size: .75rem; }

.work-head { display: grid; grid-template-columns: 1fr .8fr; gap: 30px; align-items: end; margin-bottom: 34px; }
.work-title { font-size: clamp(3.4rem, 7vw, 7rem); }
.work-head p { margin: 0 0 10px; color: var(--muted); }
.feature-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; align-items: start; }
.feature-side { display: grid; gap: 18px; }
.feature-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #0e1020;
  box-shadow: 0 18px 48px rgba(0,0,0,.26);
}
.feature-card.lead { border-radius: 28px 8px 28px 8px; }
.feature-card.small { border-radius: 8px 24px 8px 24px; }
.feature-card.wide { grid-column: 1 / -1; border-radius: 24px 8px; }
.feature-card img { width: 100%; height: auto; transition: transform .45s ease; }
.feature-card:hover img { transform: scale(1.015); }
.feature-caption {
  position: absolute;
  inset: auto 0 0;
  padding: 48px 18px 16px;
  background: linear-gradient(transparent, rgba(4,5,11,.92));
  opacity: 0;
  transition: opacity .22s ease;
}
.feature-card:hover .feature-caption { opacity: 1; }
.feature-caption strong { display: block; }
.feature-caption span { color: var(--muted); font-size: .75rem; }

.about-preview { background: linear-gradient(180deg, transparent, rgba(36,35,68,.22), transparent); }
.about-preview-grid { display: grid; grid-template-columns: 170px 1fr .65fr; gap: clamp(26px, 5vw, 70px); align-items: center; }
.about-avatar { width: 72px; aspect-ratio: 1; border-radius: 26px 8px 26px 8px; overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.about-avatar img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; }
.about-preview h2 { font-size: clamp(3rem, 6vw, 5.7rem); }
.about-preview .bio { max-width: 620px; color: var(--muted); }
.about-tags { display: grid; gap: 10px; }
.about-tags span { padding: 13px 14px; border-top: 1px solid var(--line); color: #e1ded4; font-weight: 800; }

.home-cta { padding-top: 40px; }
.cta-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid rgba(244,204,67,.25);
  border-radius: 28px 8px;
  background: linear-gradient(115deg, rgba(36,35,68,.78), rgba(17,19,38,.8));
}
.cta-panel h2 { font-size: clamp(2.8rem, 6vw, 5.4rem); }

@media (max-height: 650px) and (min-width: 900px) {
  .home-hero { padding-top: 28px; padding-bottom: 54px; }
  .hero-title { font-size: clamp(4.4rem, 9vw, 7.1rem); }
  .hero-art { max-width: 650px; justify-self: end; }
}
@media (max-width: 900px) {
  .hero-grid, .work-head, .about-preview-grid, .cta-panel { grid-template-columns: 1fr; }
  .hero-signature { left: 16px; bottom: 16px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card.wide { grid-column: auto; }
  .about-tags { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .home-hero { padding-top: 34px; }
  .hero-title { font-size: clamp(4.2rem, 22vw, 6.2rem); }
  .hero-art .media-frame { border-radius: 20px 6px 20px 6px; }
  .hero-signature { position: relative; left: auto; bottom: auto; margin-top: 12px; width: fit-content; }
  .eye-window { width: calc(100% - 20px); border-radius: 6px 20px; }
  .about-tags { grid-template-columns: 1fr; }
}

.discipline-section{padding-top:30px}.discipline-visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.discipline-visual{position:relative;min-height:180px;overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:18px}.discipline-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.68;transition:transform .35s ease,opacity .35s ease}.discipline-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(5,6,14,.9))}.discipline-visual span{position:absolute;z-index:2;left:16px;bottom:14px;font-weight:950;letter-spacing:.03em}.discipline-visual:hover img{transform:scale(1.025);opacity:.85}@media(max-width:800px){.discipline-visual-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.discipline-visual-grid{grid-template-columns:1fr}}

.discipline-visual{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-color,var(--page-accent)) 12%,transparent)}.discipline-visual:hover{border-color:color-mix(in srgb,var(--category-color,var(--page-accent)) 58%,var(--line))}.discipline-visual span{color:color-mix(in srgb,var(--category-color,var(--page-accent)) 78%,white)}