/* Permanent dark theme. Photographs and project artwork retain their colors. */
nav[aria-label="Main navigation"]{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
nav[aria-label="Main navigation"] .nav-links{min-width:0}
html[data-theme="dark"]{color-scheme:dark;--background:#171717;--surface:#232323;--text:#f5f3ef;--muted:#b5b3ad;--accent:#d0ceca;min-height:100%;background:linear-gradient(180deg,#171717 0%,#202020 30%,#303030 65%,#484848 100%)}
/* Let the shared gradient continue smoothly through the footer. */
html[data-theme="dark"] body{min-height:100vh}
html[data-theme="dark"] :is(body,.top,footer){background:transparent;color:#f5f3ef}
html[data-theme="dark"] :is(h1,h2,h3,h4,summary,dd,.identity-canvas,.hero-description,.intro strong,.detail-list strong,.tech-table td:first-child){color:#f5f3ef}
html[data-theme="dark"] :is(p,figcaption,dt,.eyebrow,.project-category,.collection-note,.lightbox-caption,.footer-bottom,.footer-bottom span,.expertise-stat span,.detail-list li,.tech-table td,.tech-table th,.workflow span,.step span,.project-credit,.brand-copy .tag){color:#b5b3ad}
html[data-theme="dark"] :is(.about .experience-company,.expertise>p:not(.eyebrow)){color:#f5f3ef}
html[data-theme="dark"] :is(nav a,nav a:visited,.case-nav a,.collection-links a,.footer-bottom a){color:#e6e4df}
html[data-theme="dark"] :is(nav a:hover,.case-nav a:hover,.collection-links a:hover){color:#fff}
html[data-theme="dark"] :is(header,footer,.work,.about,.section,.collection,.facts,.case-nav,nav,.footer-bottom,.footer-signature,.about-experience,.about-background,.expertise>p,details,.detail-list li,.tech-table th,.tech-table td){border-color:#3d3d3d}
html[data-theme="dark"] :is(.step,.outcome,.closing,.workflow li){background:#242424;border-color:#3d3d3d}
html[data-theme="dark"] :is(.photo-link,.image-preview){background:#242424}
html[data-theme="dark"] :is(dialog,.image-lightbox,.lightbox-close,.close-lightbox,.motion-control){background:#242424;color:#f5f3ef;border-color:#505050}
html[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.88)}
html[data-theme="dark"] :is(.button,#contact .footer-email){background:#f5f3ef;color:#171717}
html[data-theme="dark"] :is(.button:hover,#contact .footer-email:hover){background:#d4d1cb;color:#171717}
html[data-theme="dark"] :is(.identity-logo,.signature-logo,.signature){filter:invert(1)}
/* Page titles share the Digital Signage title weight. */
html[data-theme="dark"] h1,html[data-theme="dark"] .motion-identity .identity-wordmark{font-weight:700}
.collection-heading .visit-phoenix-logo{display:block;width:234px;max-width:100%;height:auto;object-fit:contain;flex-shrink:0;padding:0;background:transparent;border-radius:0;box-sizing:border-box}
@media(max-width:520px){.collection-heading .visit-phoenix-logo{width:204px;max-width:100%;height:auto}}

/* Consistent top navigation weight on every portfolio page. */
nav[aria-label="Main navigation"] a,nav[aria-label="Main navigation"] a:visited{font-weight:400}

/* Compact mobile navigation, shared by every portfolio page. */
nav[aria-label="Main navigation"] .mobile-nav-toggle{display:none}
@media(max-width:700px){
  nav[aria-label="Main navigation"].mobile-menu-ready{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:20px;padding-bottom:20px}
  nav[aria-label="Main navigation"] .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0;align-self:flex-end;min-width:88px;min-height:44px;padding:10px 14px;border:1px solid #505050;border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
  nav[aria-label="Main navigation"] .mobile-nav-toggle span{display:inline-block;transition:transform 180ms ease}
  nav[aria-label="Main navigation"] .mobile-nav-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links{display:none;flex:none;flex-basis:auto;width:100%;margin:10px 0 0;padding:8px 0;border-top:1px solid #3d3d3d}
  nav[aria-label="Main navigation"].mobile-menu-ready[data-menu-open="true"] .nav-links{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links a{display:flex;min-height:44px;padding:10px 14px;font-size:15px;line-height:1.5;border-radius:6px}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links a:hover,nav[aria-label="Main navigation"].mobile-menu-ready .nav-links a:focus-visible{background:var(--surface)}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links a::after{display:none}
}
@media(prefers-reduced-motion:reduce){nav[aria-label="Main navigation"] .mobile-nav-toggle span{transition:none}}

/* Mobile rhythm: simple text links, generous tap targets, and aligned cards. */
@media(max-width:700px){
  .link-arrow{display:none}
  nav[aria-label="Main navigation"].mobile-menu-ready{padding-block:16px;border-bottom:1px solid #3d3d3d}
  nav[aria-label="Main navigation"] .mobile-nav-toggle{border-color:#505050;background:transparent;border-radius:24px;padding:10px 18px}
  nav[aria-label="Main navigation"] .mobile-nav-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links{margin-top:14px;padding:8px 0 0}
  nav[aria-label="Main navigation"].mobile-menu-ready .nav-links a{padding:12px 0;min-height:48px;border-radius:0}
  #home .hero{padding-top:24px;padding-bottom:36px}
  #home .creative-versatility{gap:6px 14px;margin-bottom:24px}
  #home .creative-versatility li{font-size:13px;line-height:1.6}
  #home .hero-specialty{font-size:clamp(25px,6.6vw,34px);line-height:1.2;letter-spacing:-.025em}
  #home .hero-description{font-size:20px;line-height:1.55;letter-spacing:-.02em}
  #home .hero-links{gap:10px 24px;margin-top:20px;font-size:14px}
  #home .hero-links a{display:inline-flex;align-items:center;min-height:44px}
  #home .grid{gap:36px}
  #home .project h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin-top:16px}
  #home .project h3::before{content:none}
  #home .project-category{font-size:14px;line-height:1.6}
  #home .visual{border-radius:12px}
  #home .recruiter-contact{align-items:stretch;flex-direction:column}
  #home .recruiter-contact .contact-action{justify-content:flex-start;min-height:48px;padding:12px 18px}
  .case-study .case-nav{flex-direction:column;align-items:stretch;gap:0;padding:0 0 24px}
  .case-study .case-nav a{min-height:48px;padding:10px 0;border-bottom:1px solid #3d3d3d;text-decoration:none}
  .case-study .case-contact{flex-direction:column;align-items:flex-start;gap:4px}
  .case-study .case-contact a{min-height:48px;max-width:100%}
  .case-study .facts{gap:18px;padding-block:22px}
  .collection-links{gap:4px 22px}
  .collection-links a{min-height:44px}
}