.beauty-case { --beauty-paper: #f4f2e9; --beauty-ink: #243d35; --beauty-muted: #526259; --beauty-mint: #c8e0d1; --beauty-line: #b9c8ba; --beauty-accent: #32674e; }
.beauty-case .project-header { position: relative; }
.beauty-case #project-content { background: var(--beauty-paper); color: var(--beauty-ink); }
.beauty-case #project-content em { color: var(--beauty-accent); }
.beauty-case .project-hero { display: block; min-height: 0; background: transparent; overflow: visible; }
.beauty-case .project-hero::after { content: none; }
.beauty-case .project-hero-content { display: flex; flex-direction: column; gap: 46px; padding-block: 64px 48px; }
.beauty-case .project-hero-copy { max-width: none; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.7fr); gap: 64px; align-items: end; order: 1; }
.beauty-case .project-hero-copy h1 { font-size: clamp(64px,7.4vw,114px); margin: 0; }
.beauty-kicker { color: var(--beauty-accent); font-size: 12px; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 22px; }
.beauty-case .project-deck { font-size: clamp(22px,2.2vw,32px); max-width: 22ch; }
.beauty-case .project-intro { color: var(--beauty-muted); max-width: 41ch; }
.beauty-case .project-scroll-link { color: var(--beauty-accent); }
.beauty-case .project-hero-art { position: static; order: 2; z-index: auto; }
.beauty-case .project-hero-art img { width: 100%; height: auto; transform: none; object-fit: contain; }
.beauty-case .project-gameplay { padding-block: 42px 80px; }
.beauty-case .project-gameplay-heading { align-items: center; gap: 16px; margin-bottom: 24px; }
.beauty-case .project-gameplay-heading h2 { font: 550 22px/1.3 Geist,system-ui,sans-serif; }
.beauty-case .project-gameplay-heading p,.beauty-case .project-main-film figcaption { color: var(--beauty-muted); }
.beauty-case .project-main-film { max-width: none; }
.beauty-case .project-player { border-color: var(--beauty-line); }
.beauty-case .project-video-controls { background: var(--beauty-mint); }
.beauty-case .project-video-buttons { grid-template-columns: repeat(2,minmax(0,1fr)); border-color: var(--beauty-line); }
.beauty-case .project-video-buttons button { color: var(--beauty-ink); }
.beauty-case .project-video-buttons button + button { border-color: var(--beauty-line); }
.beauty-case .project-video-buttons button:hover { background: #ffffff55; }
.beauty-case .project-video-timeline { border-color: var(--beauty-line); color: var(--beauty-ink); }
.beauty-case .project-video-timeline input { accent-color: var(--beauty-accent); }
.beauty-case #project-content :focus-visible { outline-color: var(--beauty-accent); }
.beauty-detail { padding-block: 78px; border-top: 1px solid var(--beauty-line); }
.beauty-explore { background: var(--beauty-mint); }
.beauty-detail-copy { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.65fr); gap: 0 64px; align-items: end; margin-bottom: 40px; }
.beauty-detail-copy .beauty-kicker { grid-column: 1/-1; }
.beauty-detail-copy h2 { font-size: clamp(44px,5.4vw,80px); line-height: 1.04; }
.beauty-detail-copy > p:last-child { color: var(--beauty-muted); font-size: clamp(17px,1.5vw,22px); line-height: 1.55; max-width: 40ch; }
.beauty-still a { display: block; }
.beauty-still img { width: 100%; height: auto; }
.beauty-still figcaption { color: var(--beauty-muted); font-size: 13px; line-height: 1.5; margin-top: 16px; }
.beauty-summary { border-top: 1px solid var(--beauty-line); padding-block: 24px 72px; }
.beauty-summary .project-notes,.beauty-summary .project-contact { border-color: var(--beauty-line); }
.beauty-summary .project-notes h2 { font-size: 20px; line-height: 1.3; margin-bottom: 16px; }
.beauty-summary .project-notes p { max-width: 58ch; color: var(--beauty-muted); font-size: 16px; line-height: 1.6; }
.beauty-case .project-contact .primary { color: var(--beauty-accent); border-color: var(--beauty-accent); }
@media(max-width:900px) {
  .beauty-case .project-hero-copy { gap: 32px; grid-template-columns: minmax(0,1fr); }
  .beauty-case .project-intro { max-width: 58ch; }
  .beauty-detail-copy { gap: 0 36px; }
}
@media(max-width:620px) {
  .beauty-case .project-hero-content { padding-block: 36px; gap: 30px; }
  .beauty-case .project-hero-copy { gap: 24px; }
  .beauty-case .project-hero-copy h1 { font-size: clamp(54px,14.5vw,86px); }
  .beauty-kicker { font-size: 11px; margin-bottom: 18px; }
  .beauty-case .project-deck { font-size: 25px; max-width: 25ch; }
  .beauty-case .project-intro { font-size: 16px; }
  .beauty-case .project-gameplay { padding-block: 16px 42px; }
  .beauty-case .project-gameplay-heading { align-items: start; gap: 10px; margin-bottom: 20px; }
  .beauty-case .project-gameplay-heading h2 { font-size: 19px; }
  .beauty-case .project-gameplay-heading p { font-size: 12px; }
  .beauty-detail { padding-block: 44px; }
  .beauty-detail-copy { grid-template-columns: minmax(0,1fr); gap: 20px; margin-bottom: 28px; }
  .beauty-detail-copy .beauty-kicker { margin-bottom: 0; }
  .beauty-detail-copy h2 { font-size: 44px; }
  .beauty-detail-copy > p:last-child { font-size: 17px; }
  .beauty-still figcaption { font-size: 12px; }
  .beauty-summary { padding-block: 12px 44px; }
  .beauty-summary .project-end { padding-top: 24px; margin-top: 0; }
}