/* Small composition refinements preserve the original studio identity. */
.hero-art { right: -1.5%; width: 50%; }
.hero-grid { mask-image: radial-gradient(ellipse at 70% 64%, #000, transparent 88%); }
/* A quieter dark landing page, with readable type and retained glass detail. */
html[data-theme="dark"] .is-home { --bg: #070809; --header: rgba(7,8,9,.94); }
html[data-theme="dark"] .is-home .hero {
  background:
    radial-gradient(ellipse at left bottom, rgba(0,0,0,.20) 0%, transparent 65%),
    linear-gradient(115deg, #0b0e14 0%, #080a0e 70%, #060709 100%);
}
html[data-theme="dark"] .is-home .hero-grid { opacity: .72; }
.globe { opacity: 1; }
.globe-canvas { width: 100%; height: 100%; display: block; }
.globe-caption { z-index: 1; }
.story-image img, .article-cover img { object-position: center; }
.story-image-crm img { object-position: 50% 60%; }
.selected-work .project-visual { border-radius: 2px; }
@media (min-width: 1700px) {
  .hero-art { right: -12%; width: 59%; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .hero-art { right: -5%; width: 53%; }
}
@media (max-width: 760px) {
  .hero-art { width: 77%; right: -4%; top: 364px; height: 380px; }
  .hero h1 { font-size: clamp(42px, 8.7vw, 63px); }
}
@media (max-width: 400px) {
  .hero-art { top: 350px; height: 330px; width: 82%; }
  .hero h1 { font-size: clamp(35px, 10.7vw, 43px); }
}

.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand svg{width:24px;height:24px;flex:none}