/* Shared icon geometry keeps strokes and alignment independent of device fonts. */
.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.monogram .icon{width:18px;height:18px;vertical-align:top;margin-top:3px}
.text-link,.social-links a,.timeline-foot a,.work-sources a,.journey-chapters a,footer>a:last-child{align-items:center}
.text-link>span,.header-cta>span,.solid-link>span,.department-links a>span{display:flex;flex-shrink:0;align-items:center}
.social-links a,.timeline-foot a,.work-sources a,footer>a:last-child{display:inline-flex;gap:8px}
.journey-chapters a .icon{width:20px;height:20px;margin-left:4px}
.timeline-foot a .icon,.work-sources a .icon,.social-links a .icon,footer>a:last-child .icon{width:20px;height:20px}
.priority-list summary>b,.journey-chapters summary>b,.source-note summary>span{display:flex;align-items:center;flex-shrink:0;transition:none}
.priority-list details[open] summary>b,.journey-chapters details[open] summary>b{transform:none}
details[open]>summary .icon-vertical{opacity:0}
.source-note summary{align-items:center}
.department-links a>div{min-width:0}
.department-links a>small{flex-shrink:0}
/* One hero composition at every size: an outlined word above a contained stage.
   Keeping the word in normal flow prevents both the disc and portrait covering it. */
.hero-visual{display:flex;flex-direction:column;align-items:center;align-self:start;width:100%;max-width:600px;margin-inline:auto;isolation:isolate}
.hero-marathi{position:relative;inset:auto;display:block;flex-shrink:0;width:100%;text-align:center;white-space:nowrap;font-size:clamp(64px,11.5vw,150px);line-height:1.35;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.2px #8c9588;margin-bottom:8px;z-index:2}
.portrait-stage{display:block;position:relative;isolation:isolate;width:100%;height:clamp(360px,35vw,580px);z-index:1}
.portrait-disc{width:auto;height:90%;max-width:100%;aspect-ratio:1;left:50%;top:8%;bottom:auto;transform:translateX(-50%);opacity:1;z-index:0}
.hero-portrait{height:100%;width:auto;max-width:100%;bottom:0;left:50%;z-index:1}
.portrait-note{left:0;bottom:16px;max-width:100%}
.round-link{min-width:44px;min-height:44px}
.menu-toggle .icon-close{display:none}
.menu-toggle[aria-expanded=true] .icon-menu{display:none}
.menu-toggle[aria-expanded=true] .icon-close{display:block}

/* Switch navigation before the wordmark and desktop links become crowded. */
@media(max-width:1000px){
  .desktop-nav,.header-cta{display:none}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0}
  .mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 6%;gap:2px;flex-direction:column}
  .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:10px 0}
}
@media(min-width:761px) and (max-width:1000px){
  h1{font-size:7.1vw}
}

@media(max-width:760px){
  .hero-visual{height:auto;margin-top:24px}
  .hero-marathi{font-size:clamp(64px,23vw,112px)}
  .portrait-stage{height:auto;max-width:420px;aspect-ratio:1 / 1.35}
  .portrait-disc{width:100%;height:auto;left:0;top:10%;transform:none}
  .hero-portrait{height:auto;width:86%;max-width:100%;bottom:0;left:50%;z-index:1}
  .portrait-note{left:0;bottom:16px;padding:14px 18px;max-width:100%}
  .portrait-note>span{font-size:20px}
  .portrait-note small{font-size:10px;letter-spacing:.8px}
  .vertical-note{display:none}
  .hero-bottom{gap:16px}
  .hero-bottom p{min-width:0;font-size:13px;line-height:1.8}
  .hero-bottom p br{display:initial}
  .section-label{flex-wrap:wrap;column-gap:20px;row-gap:10px;line-height:1.5}
  .section-label>span:last-child{text-align:left}
  .connect h2{font-size:clamp(42px,10.5vw,80px)}
  .social-links{flex-wrap:wrap;column-gap:22px;row-gap:8px}
  .social-links a{min-height:44px;padding:10px 0}
  .text-link{min-height:44px;align-items:center;gap:16px}
  .work-sources{gap:8px 18px}
  .work-sources a,.journey-chapters a,.timeline-foot a{min-height:44px;display:inline-flex;align-items:center}
  .journey-chapters a{gap:8px}
  .journey-chapters a .icon{margin-left:0}
  .press-list>a>div{flex-wrap:wrap;gap:8px 15px}
  .press-list small{line-height:1.5}
  .department-links a{gap:12px}
  .department-links a>div{overflow-wrap:break-word}
  footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  footer>a:last-child{justify-content:flex-end;min-height:44px}
  .solid-link{max-width:100%;gap:16px;justify-content:space-between}
}