/* September 2026: intrinsic sizing, accessible controls and click-to-load media. */
@font-face{font-family:'DM Mono';src:url('/assets/fonts/dm-mono-regular-mu0k-7m0.ttf') format('truetype');font-weight:300 400;font-display:swap}
@font-face{font-family:'DM Mono';src:url('/assets/fonts/dm-mono-medium-BzMgDRs4.ttf') format('truetype');font-weight:500 700;font-display:swap}
[hidden]{display:none!important}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}
main,article,section,.page-deck,.writing-feed,.writing-featured,.writing-featured-copy,.writing-list,.writing-card,.playlist-stage,.playlist-object,.playlist-statement,.contact-page{min-width:0;max-width:100%}
.email-link{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.email-link span{grid-column:1;font-size:clamp(30px,6.8vw,96px)}
.email-link strong{grid-column:1;font-size:clamp(25px,6.5vw,96px);overflow-wrap:anywhere;line-height:1.05}
.email-link b{grid-column:2;grid-row:1/3;font-size:clamp(24px,5vw,52px)}
.writing-featured h2,.writing-card h2{overflow-wrap:anywhere;hyphens:auto;max-width:100%}
.playlist-statement h1,.playlist-statement h2,.playlist-statement strong,.playlist-statement span{overflow-wrap:anywhere;max-width:100%}
.playlist-statement{font-size:clamp(36px,8.3vw,110px)}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}
.media-facade{display:grid;place-content:center;gap:18px;padding:clamp(20px,4vw,48px);width:100%;min-width:0;min-height:260px;aspect-ratio:16/9;background:var(--paper,#f4f4f1);color:var(--ink,#111);border:1px solid var(--line-strong,#888);text-align:center}
.media-facade button{font:inherit;text-transform:uppercase;padding:18px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;white-space:normal}
.media-facade button:hover{background:var(--ink,#111);color:var(--paper,#f4f4f1)}
.media-facade p{max-width:48ch;font:12px/1.6 'DM Mono',monospace;margin:auto}
.media-facade iframe{width:100%;height:100%;min-height:260px;border:0}
.media-facade.is-loaded{display:block;padding:0}
.media-facade--audio{aspect-ratio:auto;min-height:380px}
.media-facade--audio iframe{min-height:380px}
.legal-copy{max-width:76ch;line-height:1.8;padding:clamp(18px,4vw,60px) 0}
.legal-copy h2{font-size:clamp(20px,3vw,32px);margin:1.8em 0 .6em}
.legal-copy p{margin:1em 0}
@media(max-width:900px){.header-controls{display:flex;flex-wrap:wrap;gap:8px}.sound-control,.theme-control{display:inline-flex}.writing-featured{grid-template-columns:minmax(0,1fr)}.playlist-stage{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.site-header{grid-template-columns:minmax(0,1fr) auto;gap:14px}.header-controls{grid-column:1/-1;justify-self:stretch;justify-content:space-between}.segment button{display:block}.icon-control{min-height:36px}.playlist-statement{font-size:clamp(30px,8.3vw,48px)}.writing-featured h2{font-size:clamp(30px,9vw,54px)}.media-facade{aspect-ratio:auto;min-height:220px}.main-navigation{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.writing-featured:has(.writing-featured-link){display:block}
.writing-featured-link{display:block;min-width:0;text-decoration:none;color:inherit}
.writing-featured-link>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.playlist-statement h2{font-size:clamp(36px,7.5vw,108px);overflow-wrap:anywhere;hyphens:manual}
@media(max-width:600px){.playlist-statement h2{font-size:clamp(32px,9.1vw,54px)}}
.press-reference-unavailable{cursor:default;opacity:.65}
.press-reference-unavailable b{font-size:10px;white-space:normal}


/* DataYug: access from the shared navigation and the home page. */
.main-navigation{min-width:0;gap:clamp(10px,1.05vw,20px)}
.main-navigation a{white-space:nowrap}
.main-navigation .navigation-datayug{color:var(--ink);font-weight:600}
.hero-entry{display:flex;flex-wrap:wrap;gap:12px 26px;max-width:calc(100% - 42px)}
.hero-entry .hero-datayug{font-weight:600}
@media(max-width:1200px){
  .menu-button{display:block;justify-self:start}
  .main-navigation{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;padding:10px;border:1px solid var(--line);background:var(--header);backdrop-filter:blur(14px);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;gap:0}
  .main-navigation.is-open{display:grid}
  .main-navigation a{padding:13px 8px;border-bottom:1px solid var(--line)}
  .main-navigation a:last-child{border-bottom:0}
  .header-controls{justify-self:end}
}
@media(max-width:600px){
  .header-controls{justify-self:stretch}
  .hero-entry{flex-direction:column;gap:4px}
}