/* Production polish pass: tighter composition, explicit navigation, useful visual density. */
.hero { min-height: 88svh; padding-bottom: 72px; }
.hero-copy { width: 72%; }
.hero-intro { max-width: 540px; }
.hero-meta { bottom: 24px; }
.menu-panel { background: #1b1b18; }
.wordmark--light { color: var(--paper); }
.wordmark--light .mark { background: var(--acid); color: var(--ink); }
.menu-panel__links { margin-top: 58px; }
.menu-panel__links a { font-size: clamp(37px, 4vw, 49px); }
.menu-panel > p { border-top: 1px solid rgba(244,240,233,.2); margin-top: auto; padding-top: 22px; }
.about { align-items: stretch; gap: 42px; grid-template-columns: minmax(0, 1.35fr) minmax(285px, .65fr); padding: 112px 0; }
.about-copy { max-width: 650px; }
.about-details { background: var(--ink); color: var(--paper); display: grid; grid-template-columns: 1fr; min-height: 500px; overflow: hidden; padding: 30px; position: relative; }
.about-details::before { border: 1px solid rgba(202,255,85,.45); border-radius: 50%; content: ""; height: 420px; position: absolute; right: -160px; top: -190px; width: 420px; }
.about-details > div { border-top: 1px solid rgba(244,240,233,.25); padding-top: 13px; position: relative; z-index: 1; }
.about-details p { color: var(--acid); font: 10px "DM Mono", monospace; letter-spacing: .8px; margin: 0 0 7px; text-transform: uppercase; }
.about-details strong { font: 600 19px/1.1 "Playfair Display", Georgia; letter-spacing: -.5px; }
.detail-number { color: var(--acid); font: 700 108px/.8 "Playfair Display", Georgia; letter-spacing: -8px; position: relative; z-index: 1; }
.detail-spark { bottom: 23px; color: var(--coral); font-size: 28px; position: absolute; right: 28px; }
.footer { flex-wrap: wrap; gap: 22px; min-height: 105px; }
.footer-socials { align-items: center; display: flex; gap: 9px; margin-left: auto; }
.footer-socials a { align-items: center; border: 1px solid var(--line); border-radius: 50%; display: grid; height: 34px; justify-content: center; padding: 0; transition: background .2s, color .2s, transform .2s; width: 34px; }
.footer-socials a:hover { background: var(--ink); color: var(--acid); transform: translateY(-3px); }
.footer-socials svg { fill: currentColor; height: 16px; width: 16px; }
.social-letterboxd { display: flex !important; gap: 0 !important; }
.social-letterboxd i { border-radius: 50%; height: 9px; margin-left: -2px; width: 9px; }
.social-letterboxd i:nth-child(1) { background: #ff8000; margin-left: 0; }.social-letterboxd i:nth-child(2) { background: #40bcf4; }.social-letterboxd i:nth-child(3) { background: #00e054; }
@media (max-width: 760px) {
  .hero { min-height: 680px; padding-bottom: 0; }
  .hero-orbit { opacity: .9; top: 325px; }
  .hero-orbit .note-two { display: none; }
  .hero-copy { width: 100%; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 17px; }
  .menu-panel__links { margin-top: 36px; }
  .menu-panel__links a { padding: 16px 0; }
  .about { display: grid; gap: 25px; grid-template-columns: 1fr; padding: 84px 0; }
  .about-details { min-height: 390px; }
  .detail-number { font-size: 88px; }
  .footer-socials { grid-column: span 2; margin: 0; }
}