.mind-lab { --mind-coral:#f07f67; --mind-teal:#62b5a4; --mind-gold:#d9ac62; background:#0d1016; color:#f3f1ed; }
.mind-hero { position:relative; isolation:isolate; min-height:min(66svh,620px); display:flex; align-items:flex-end; overflow:hidden; border-bottom:1px solid #27303b; }
.mind-hero-media,.mind-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.mind-hero-media { z-index:-2; object-fit:cover; object-position:center 38%; }
.mind-hero-shade { z-index:-1; background:linear-gradient(90deg,rgba(8,10,14,.92) 0%,rgba(8,10,14,.68) 48%,rgba(8,10,14,.23) 100%),linear-gradient(0deg,rgba(8,10,14,.78),transparent 58%); }
.mind-hero-inner { padding:88px 0 64px; }
.mind-kicker { margin:0 0 12px; color:var(--mind-teal); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mind-hero h1 { max-width:820px; margin:0; font-size:clamp(38px,5.5vw,68px); line-height:1.12; }
.mind-hero-inner>p:not(.mind-kicker) { max-width:690px; margin:18px 0 0; color:#d7d9dc; font-size:18px; line-height:1.72; }
.mind-hero-link { display:inline-flex; align-items:center; gap:12px; margin-top:28px; border-bottom:1px solid var(--mind-coral); padding:8px 0; color:#fff; font-size:14px; font-weight:800; text-decoration:none; }
.mind-hero-link span { color:var(--mind-coral); font-size:20px; transition:transform .2s ease; }
.mind-hero-link:hover span { transform:translateX(5px); }
.mind-intro { border-bottom:1px solid #27303b; background:#121720; padding:58px 0; }
.mind-intro-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.8fr); gap:70px; align-items:end; }
.mind-intro h2 { max-width:720px; margin:0; font-size:clamp(28px,4vw,48px); line-height:1.2; }
.mind-intro-grid>p { margin:0; color:#aeb5bf; font-size:16px; line-height:1.8; }
.mind-controls-band { padding:32px 0; border-bottom:1px solid #27303b; background:#0f131a; }
.mind-language-note { margin:0 0 16px; border-left:3px solid var(--mind-gold); padding:4px 0 4px 12px; color:#c9c4b9; font-size:13px; }
.mind-tabs { display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; }
.mind-tabs a { display:flex; min-width:150px; align-items:center; justify-content:space-between; gap:18px; border:1px solid #303947; padding:11px 13px; color:#aeb5bf; text-decoration:none; }
.mind-tabs a:hover,.mind-tabs a.is-active { border-color:var(--mind-coral); background:rgba(240,127,103,.08); color:#fff; }
.mind-tabs b { display:grid; min-width:27px; height:27px; place-items:center; border-radius:50%; background:#1b222d; color:#dfe3e8; font-size:11px; }
.mind-search { display:grid; grid-template-columns:minmax(0,1fr) 160px auto; gap:8px; margin-top:14px; }
.mind-search input,.mind-search select,.mind-search button { min-height:44px; border:1px solid #303947; border-radius:4px; background:#151b24; color:#f3f1ed; padding:9px 12px; font:inherit; }
.mind-search input { width:100%; outline:0; }
.mind-search input:focus,.mind-search select:focus { border-color:var(--mind-teal); outline:0; box-shadow:0 0 0 3px rgba(98,181,164,.12); }
.mind-search button { border-color:var(--mind-coral); background:var(--mind-coral); color:#21120f; font-weight:900; cursor:pointer; }
.mind-stories { min-height:520px; padding:66px 0 86px; }
.mind-section-head { margin-bottom:24px; }
.mind-section-head h2 { margin:0; font-size:clamp(27px,3vw,40px); }
.mind-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mind-story-card { min-width:0; overflow:hidden; border:1px solid #2b3441; border-top:3px solid var(--mind-teal); border-radius:6px; background:#151a23; }
.mind-story-card.is-music { border-top-color:var(--mind-coral); }
.mind-story-cover { display:block; overflow:hidden; background:#0b0e13; }
.mind-story-cover img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .35s ease,opacity .35s ease; }
.mind-story-card:hover .mind-story-cover img { transform:scale(1.025); opacity:.88; }
.mind-story-body { display:flex; min-height:270px; flex-direction:column; padding:18px; }
.mind-story-meta,.mind-story-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#929aa6; font-size:12px; }
.mind-story-meta span { color:var(--mind-teal); font-weight:800; }
.mind-story-card.is-music .mind-story-meta span { color:var(--mind-coral); }
.mind-story-card h3 { margin:13px 0 9px; font-size:21px; line-height:1.4; }
.mind-story-card h3 a { color:#f7f4ef; text-decoration:none; }
.mind-story-card h3 a:hover { color:var(--mind-gold); }
.mind-story-body>p { display:-webkit-box; overflow:hidden; margin:0; color:#aeb5bf; font-size:14px; line-height:1.7; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.mind-story-foot { margin-top:auto; border-top:1px solid #2b3441; padding-top:15px; }
.mind-story-foot a { display:grid; width:32px; height:32px; place-items:center; border:1px solid #394453; color:#fff; font-size:18px; text-decoration:none; }
.mind-story-foot a:hover { border-color:var(--mind-coral); color:var(--mind-coral); }
.mind-empty { display:grid; min-height:260px; place-content:center; border:1px dashed #35404f; padding:30px; text-align:center; }
.mind-empty strong { font-size:23px; }
.mind-empty p { max-width:560px; margin:9px auto 0; color:#9fa7b2; line-height:1.7; }
.mind-more { display:flex; justify-content:center; margin-top:32px; }
.mind-more a { border:1px solid #394453; padding:10px 16px; color:#fff; font-weight:800; text-decoration:none; }
.mind-more a:hover { border-color:var(--mind-coral); color:var(--mind-coral); }
@media (max-width:980px) { .mind-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.mind-intro-grid { gap:36px; } }
@media (max-width:680px) {
  .site-header .wrap { flex-wrap:wrap; padding-block:8px; }
  .site-nav { flex:1 0 100%; justify-content:flex-start; padding-bottom:2px; }
  .site-nav>a.is-active { display:inline-flex!important; order:-3; }
  .mind-hero { min-height:520px; }.mind-hero-shade { background:linear-gradient(0deg,rgba(8,10,14,.94) 0%,rgba(8,10,14,.64) 70%,rgba(8,10,14,.28)); }.mind-hero-inner { padding:82px 0 46px; }.mind-hero h1 { font-size:38px; }.mind-hero-inner>p:not(.mind-kicker) { font-size:16px; line-height:1.65; }
  .mind-intro { padding:44px 0; }.mind-intro-grid { grid-template-columns:1fr; gap:18px; }.mind-intro h2 { font-size:31px; }
  .mind-tabs a { min-width:134px; }.mind-search { grid-template-columns:1fr; }.mind-story-grid { grid-template-columns:1fr; }.mind-stories { padding:48px 0 68px; }.mind-story-body { min-height:245px; }
}
@media (prefers-reduced-motion:reduce) { .mind-story-cover img,.mind-hero-link span { transition:none; } }