:root{--bg:#171310;--panel:#211b17;--text:#f6f1eb;--muted:#c9bfb4;--gold:#d7a84b;--gold2:#f0cb7e;--shadow:0 12px 32px rgba(0,0,0,.28);--page:16px;--r-lg:22px;--r-md:18px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 15% 12%, rgba(255,255,255,.08) 0 1px, transparent 1.5px),radial-gradient(circle at 82% 9%, rgba(255,255,255,.08) 0 1px, transparent 1.5px),radial-gradient(circle at 67% 23%, rgba(255,255,255,.06) 0 1px, transparent 1.5px),linear-gradient(180deg,#191410 0%,#15110e 100%);background-size:180px 180px,220px 220px,250px 250px,auto}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}video,audio{max-width:100%}button{font:inherit}.app{width:min(430px,100%);margin:0 auto;min-height:100vh;padding:var(--page) var(--page) 98px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.title-box h1{margin:0;font-size:20px;line-height:1.08;font-weight:700;color:var(--gold2)}.top-actions{display:flex;gap:10px}.icon-btn,.icon-link,.project-menu-trigger,.close-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text);display:grid;place-items:center;box-shadow:var(--shadow);cursor:pointer}.icon-btn svg,.icon-link svg,.project-menu-trigger svg,.close-btn svg,.nav-icon svg,.lesson-status svg,.mini-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-title{font-size:20px;line-height:1.08;margin:0 0 12px;font-weight:800}.page-subtitle{font-size:12px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:800;margin:0 0 8px}.copy{color:var(--muted);font-size:14px;line-height:1.42;margin:0 0 12px}.card{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.05);border-radius:var(--r-lg);box-shadow:var(--shadow)}.stack{display:flex;flex-direction:column;gap:18px}.welcome-teaser{padding:18px}.welcome-teaser p{max-width:90%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-grid-card .image-wrap{aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#1a1410;border:1px solid rgba(255,255,255,.05)}.project-grid-card .image-wrap img{width:100%;height:100%;object-fit:contain;background:#1a1410}.project-grid-meta{padding:8px 4px 0}.project-grid-title{margin:0 0 4px;font-size:18px;line-height:1.02;font-weight:800}.project-grid-sub{margin:0;color:var(--muted);font-size:11px;line-height:1.26}.learning-list{display:flex;flex-direction:column;gap:10px}.project-row{display:block;overflow:hidden}.project-row .banner{height:86px;border-radius:22px 22px 0 0;overflow:hidden;background:#1a1410}.project-row .banner img{width:100%;height:100%;object-fit:cover}.project-row .meta{padding:10px 14px 12px}.project-row h2{margin:0 0 4px;font-size:18px;line-height:1.04}.project-row p{margin:0;color:var(--muted);font-size:12px;line-height:1.32}.hero{overflow:hidden}.hero .hero-cover{position:relative;min-height:248px;background:#201914}.hero .hero-cover img{width:100%;height:248px;object-fit:cover}.hero .hero-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05) 35%, rgba(0,0,0,.7) 100%)}.hero .hero-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}.hero .hero-overlay h2{margin:0 0 8px;font-size:20px;line-height:1.05}.hero .hero-overlay p{margin:0;color:#efe6db;font-size:14px;line-height:1.32;max-width:95%}.hero .hero-body{padding:16px 18px}.sticky-project-bar{position:sticky;top:8px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:8px 0;background:linear-gradient(180deg, rgba(26,21,18,.78), rgba(26,21,18,.54));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.project-back{display:flex;align-items:center;gap:10px}.project-back .label{font-size:12px;color:var(--muted)}.project-drawer{display:none;position:sticky;top:66px;z-index:19;margin:-6px 0 14px;padding:12px;border-radius:18px;background:rgba(34,28,24,.54);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%)}.project-drawer.open{display:block}.project-drawer h4{margin:0 0 10px;font-size:13px;color:var(--gold2);text-transform:uppercase;letter-spacing:.06em}.project-drawer a{display:block;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:8px;font-size:14px}.project-drawer a:last-child{margin-bottom:0}.project-drawer a.current{color:var(--gold2);border:1px solid rgba(215,168,75,.35);background:rgba(215,168,75,.08)}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-card,.module-card{position:relative;display:flex;gap:14px;align-items:center;padding:12px;overflow:hidden}.lesson-card::after,.module-card::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:4px;border-radius:999px;background:rgba(255,255,255,.08)}.lesson-card.is-complete::after,.module-card.is-complete::after{background:linear-gradient(90deg,var(--gold),var(--gold2))}.lesson-card.is-locked .lesson-thumb img,.module-card.is-locked .module-cover img{filter:grayscale(100%) saturate(.6) brightness(.9)}.lesson-thumb,.module-cover,.audio-thumb{overflow:hidden;flex:0 0 auto;background:#e8e2da}.lesson-thumb{width:72px;height:72px;border-radius:18px}.module-cover{width:112px;height:82px;border-radius:18px}.audio-thumb{width:60px;height:60px;border-radius:16px}.lesson-thumb img,.module-cover img,.audio-thumb img{width:100%;height:100%;object-fit:cover}.lesson-main{min-width:0;flex:1}.lesson-title,.module-title{margin:0 0 6px;font-weight:800}.lesson-title{font-size:17px;line-height:1.08}.module-title{font-size:18px;line-height:1.06}.lesson-sub,.module-sub{margin:0;color:var(--muted);font-size:13px;line-height:1.34}.lesson-status{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;color:var(--muted)}.progress{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2))}.media-card,.profile-card,.support-panel{padding:18px}.video-wrap{border-radius:18px;overflow:hidden;background:#000;margin:14px 0 12px}.video-wrap video{width:100%;display:block;background:#000}.video-tools{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px}.mini-btn{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.audio-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:18px;background:rgba(34,28,24,.46);border:1px solid rgba(255,255,255,.08);margin:14px 0 12px;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.audio-main{min-width:0;flex:1}.audio-title{font-size:15px;line-height:1.1;font-weight:800;margin:0 0 6px}.audio-sub{font-size:12px;line-height:1.32;color:var(--muted);margin:0 0 8px}.audio-main audio{width:100%;height:32px}.rate-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.rate-btn{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:var(--muted);cursor:pointer}.rate-btn.active{color:var(--gold2);border-color:rgba(215,168,75,.35);background:rgba(215,168,75,.08)}.demo-lesson-cover{border-radius:22px;overflow:hidden;margin-bottom:16px;background:#201914}.demo-lesson-cover img{width:100%;height:auto;display:block}.inline-photo{border-radius:20px;overflow:hidden;margin:14px 0 12px;background:#1a1410}.inline-photo img{width:100%;height:auto;display:block}.lesson-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.lesson-nav a{flex:1;min-height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(34,28,24,.46);border:1px solid rgba(255,255,255,.08);font-weight:600;font-size:13px;letter-spacing:.01em;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.welcome-full .photo-card{overflow:hidden;padding:0}.welcome-full .photo-card img{width:100%;height:auto;display:block}.welcome-full .text-card{padding:18px}.welcome-full .text-card p:last-child{margin-bottom:0}.center-placeholder{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}.center-diamond{width:78px;height:78px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,var(--gold2) 0%,var(--gold) 100%);box-shadow:0 0 0 4px rgba(215,168,75,.05),0 0 10px rgba(215,168,75,.12),0 10px 18px rgba(198,146,57,.18)}.center-diamond span{font-size:28px;color:#fff9ef}.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.06)}.btn-primary{background:linear-gradient(180deg,var(--gold2) 0%,var(--gold) 100%);color:#fff9ef;box-shadow:0 10px 24px rgba(198,146,57,.24);border-color:transparent}.btn-secondary{background:rgba(255,255,255,.06)}.avatar-xl{width:88px;height:88px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin:0 auto 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.05)}.avatar-xl img{width:100%;height:100%;object-fit:cover}.field{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);margin-bottom:10px}.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.field-value{font-size:16px;line-height:1.25}.list-card{padding:6px 0}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.list-item:last-child{border-bottom:none}.menu{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(430px,calc(100vw - 16px));z-index:50;padding:0 8px}.menu-inner{background:rgba(33,27,23,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 30px rgba(0,0,0,.34);border-radius:28px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;align-items:end;gap:2px}.nav-item{color:var(--muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:44px;font-size:12px;line-height:1.1;padding:0 4px}.nav-item.active{color:var(--gold)}.nav-icon{width:24px;height:24px;display:grid;place-items:center}.nav-diamond{align-self:center;justify-self:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(180deg,var(--gold2) 0%,var(--gold) 100%);box-shadow:0 0 0 4px rgba(215,168,75,.04),0 0 10px rgba(215,168,75,.12);display:grid;place-items:center}.nav-diamond span{font-size:24px;color:#fff9ef}

.welcome-full{gap:16px}.welcome-full .photo-card{padding:18px;background:rgba(255,255,255,.035)}.welcome-full .photo-card img{width:100%;max-width:none;margin:0 auto;border-radius:22px;aspect-ratio:4/3;object-fit:cover;object-position:center 28%;background:#1b1612}
.grid-2{gap:20px 16px}.project-grid-card .image-wrap{aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#1a1410;border:1px solid rgba(255,255,255,.05)}.project-grid-card .image-wrap img{width:100%;height:100%;object-fit:cover;background:#1a1410}.project-grid-meta{padding:10px 2px 0}.project-grid-title{margin:0 0 4px;font-size:13px;line-height:1.08;font-weight:800}.project-grid-sub{margin:0;color:var(--muted);font-size:10px;line-height:1.22}
.project-back .icon-link,.project-back .menu-star{flex:0 0 auto}.menu-star svg{fill:currentColor;stroke:none}.project-back .label{font-size:12px;color:var(--text);font-weight:700}
.project-drawer a.is-locked,.project-drawer a[aria-disabled="true"]{color:rgba(246,241,235,.55);pointer-events:none}.project-drawer a.current{pointer-events:auto}
.audio-actions{display:flex;justify-content:flex-end;margin-top:6px}.audio-speed-toggle{min-width:38px;height:24px;padding:0 8px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:rgba(246,241,235,.86);font-size:11px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.audio-card{align-items:center}.audio-main audio{width:100%}.rate-row{display:none}
.gallery-section{display:flex;flex-direction:column;gap:10px;margin:18px 0 22px}.gallery-title{margin:0;font-size:15px;font-weight:800}.gallery-note{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.media-gallery{display:grid;gap:8px;align-items:start}.gallery-item{width:100%;overflow:hidden}.media-gallery img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;cursor:pointer;background:#1b1612}.media-gallery[data-layout="1"]{grid-template-columns:1fr}.media-gallery[data-layout="1"] .gallery-item{aspect-ratio:1/1}.media-gallery[data-layout="2"]{grid-template-columns:1fr 1fr}.media-gallery[data-layout="2"] .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="3"],.media-gallery[data-layout="4"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-auto-rows:1fr}.media-gallery[data-layout="3"] .gallery-item:nth-child(1),.media-gallery[data-layout="4"] .gallery-item:nth-child(1){grid-column:1;grid-row:1 / span 2;aspect-ratio:1/1}.media-gallery[data-layout="3"] .gallery-item:nth-child(2),.media-gallery[data-layout="4"] .gallery-item:nth-child(2){grid-column:2;grid-row:1;aspect-ratio:1/1}.media-gallery[data-layout="3"] .gallery-item:nth-child(3),.media-gallery[data-layout="4"] .gallery-item:nth-child(3){grid-column:2;grid-row:2;aspect-ratio:1/1}.media-gallery[data-layout="4"] .gallery-item:nth-child(4){grid-column:1 / span 2;grid-row:3;aspect-ratio:2.04/1}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="5"] .gallery-item:nth-child(n+3){grid-column:span 2;aspect-ratio:1/1}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:4 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="6"] .gallery-item:nth-child(n+3){grid-column:span 2;aspect-ratio:1/1}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr))}.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="7"] .gallery-item:nth-child(3),.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:span 3;aspect-ratio:1/1}.media-gallery[data-layout="7"] .gallery-item:nth-child(n+5){grid-column:span 2;aspect-ratio:1/1}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr))}.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="8"] .gallery-item:nth-child(n+3){grid-column:span 2;aspect-ratio:1/1}
.media-gallery[data-layout="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.media-gallery[data-layout="9"] .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(6,minmax(0,1fr))}.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:4 / span 3;aspect-ratio:1/1}.media-gallery[data-layout="10"] .gallery-item:nth-child(n+3){grid-column:span 2;aspect-ratio:1/1}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:min(92vw,860px);max-height:76vh;object-fit:contain;border-radius:18px}.lightbox-btn,.lightbox-close{position:absolute;border:none;background:rgba(255,255,255,.12);color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.lightbox-close{top:18px;right:18px}.lightbox-btn.prev{left:14px}.lightbox-btn.next{right:14px}
@media (max-width:390px){.welcome-full .photo-card{padding:16px}.project-grid-title{font-size:12px}}


/* v18 refinements */

.project-back .menu-star{color:var(--gold2)}

.audio-card{align-items:center;padding:12px 12px 10px}
.audio-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title" "sub sub" "audio speed";column-gap:8px;align-items:center}
.audio-title{grid-area:title}
.audio-sub{grid-area:sub;margin-bottom:6px}
.audio-main audio{grid-area:audio;width:100%;height:32px}
.audio-actions{grid-area:speed;display:flex;justify-content:flex-end;align-self:center;margin-top:0}
.audio-speed-toggle{min-width:38px;height:24px;padding:0 8px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:rgba(246,241,235,.86);font-size:11px;font-weight:600;cursor:pointer}

.lesson-nav{justify-content:center;gap:12px;margin-top:18px}
.lesson-nav a{flex:0 0 auto;min-width:132px;min-height:34px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}

.gallery-section{overflow:hidden}
.media-gallery{overflow:hidden;align-items:start;grid-auto-flow:dense}
.media-gallery .gallery-item{overflow:hidden;background:#1b1612}
.media-gallery img{border-radius:0}

.media-gallery[data-layout="1"]{grid-template-columns:1fr}
.media-gallery[data-layout="1"] .gallery-item{aspect-ratio:1/1}

.media-gallery[data-layout="2"]{grid-template-columns:1fr 1fr}
.media-gallery[data-layout="2"] .gallery-item{aspect-ratio:1/1}

.media-gallery[data-layout="3"]{grid-template-columns:minmax(0,1.55fr) minmax(0,.95fr);grid-template-rows:repeat(2,114px)}
.media-gallery[data-layout="3"] .gallery-item:first-child{grid-row:1 / span 2}
.media-gallery[data-layout="3"] .gallery-item:not(:first-child){height:114px}

.media-gallery[data-layout="4"]{grid-template-columns:minmax(0,1.55fr) minmax(0,.95fr);grid-template-rows:repeat(3,76px)}
.media-gallery[data-layout="4"] .gallery-item:first-child{grid-row:1 / span 3}
.media-gallery[data-layout="4"] .gallery-item:not(:first-child){height:76px}

.media-gallery[data-layout="6"],
.media-gallery[data-layout="8"],
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:84px}
.media-gallery[data-layout="6"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="8"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="10"] .gallery-item:nth-child(-n+2){grid-column:span 2;grid-row:span 2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7),
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:span 2}

.media-gallery[data-layout="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.media-gallery[data-layout="9"] .gallery-item{aspect-ratio:1/1}

@media (max-width:390px){
  .lesson-nav a{min-width:118px;font-size:12px}
  .media-gallery[data-layout="3"]{grid-template-rows:repeat(2,102px)}
  .media-gallery[data-layout="3"] .gallery-item:not(:first-child){height:102px}
  .media-gallery[data-layout="4"]{grid-template-rows:repeat(3,68px)}
  .media-gallery[data-layout="4"] .gallery-item:not(:first-child){height:68px}
  .media-gallery[data-layout="6"],
  .media-gallery[data-layout="8"],
  .media-gallery[data-layout="10"]{grid-auto-rows:74px}
}


/* v19 gallery + drawer smoothing */
.project-drawer{
  display:block;
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  margin:0;
  padding:0 12px;
  border-color:transparent;
  transition:max-height .24s ease, opacity .18s ease, transform .24s ease, margin .24s ease, padding .24s ease, border-color .24s ease;
}
.project-drawer.open{
  max-height:420px;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  margin:-6px 0 14px;
  padding:12px;
  border-color:rgba(255,255,255,.06);
}

.media-gallery{
  width:100%;
  justify-items:stretch;
  align-items:stretch;
}
.media-gallery .gallery-item{
  min-width:0;
  min-height:0;
}
.media-gallery .gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.media-gallery[data-layout="3"]{
  grid-template-columns:minmax(0,1.42fr) minmax(0,.92fr);
  grid-template-rows:repeat(2,116px);
  grid-template-areas:"a b" "a c";
}
.media-gallery[data-layout="3"] .gallery-item:nth-child(1){grid-area:a;height:240px;}
.media-gallery[data-layout="3"] .gallery-item:nth-child(2){grid-area:b;height:116px;}
.media-gallery[data-layout="3"] .gallery-item:nth-child(3){grid-area:c;height:116px;}

.media-gallery[data-layout="4"]{
  grid-template-columns:minmax(0,1.42fr) minmax(0,.92fr);
  grid-template-rows:repeat(3,76px);
  grid-template-areas:"a b" "a c" "a d";
}
.media-gallery[data-layout="4"] .gallery-item:nth-child(1){grid-area:a;height:244px;}
.media-gallery[data-layout="4"] .gallery-item:nth-child(2){grid-area:b;height:76px;}
.media-gallery[data-layout="4"] .gallery-item:nth-child(3){grid-area:c;height:76px;}
.media-gallery[data-layout="4"] .gallery-item:nth-child(4){grid-area:d;height:76px;}

.media-gallery[data-layout="6"],
.media-gallery[data-layout="8"],
.media-gallery[data-layout="10"]{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:84px;
}
.media-gallery[data-layout="6"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="8"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="10"] .gallery-item:nth-child(-n+2){
  grid-column:span 2;
  grid-row:span 2;
}
.media-gallery[data-layout="8"] .gallery-item:nth-child(n+3){
  grid-column:span 1;
  grid-row:span 1;
}

@media (max-width:390px){
  .project-drawer.open{max-height:460px;}
  .media-gallery[data-layout="3"]{grid-template-rows:repeat(2,102px);}
  .media-gallery[data-layout="3"] .gallery-item:nth-child(1){height:212px;}
  .media-gallery[data-layout="3"] .gallery-item:nth-child(2),
  .media-gallery[data-layout="3"] .gallery-item:nth-child(3){height:102px;}
  .media-gallery[data-layout="4"]{grid-template-rows:repeat(3,68px);}
  .media-gallery[data-layout="4"] .gallery-item:nth-child(1){height:220px;}
  .media-gallery[data-layout="4"] .gallery-item:nth-child(2),
  .media-gallery[data-layout="4"] .gallery-item:nth-child(3),
  .media-gallery[data-layout="4"] .gallery-item:nth-child(4){height:68px;}
  .media-gallery[data-layout="6"],
  .media-gallery[data-layout="8"],
  .media-gallery[data-layout="10"]{grid-auto-rows:74px;}
}



/* v21 final polish overrides */
.card,.field,.list-card,.support-panel,.media-card,.profile-card{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
.sticky-project-bar,
.project-drawer,
.menu-inner,
.audio-card,
.lesson-nav a,
.icon-btn,.icon-link,.project-menu-trigger,.close-btn{
  background:rgba(34,28,24,.42) !important;
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.project-drawer a{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.04);
}
.audio-card{
  align-items:center;
  gap:12px;
  padding:12px 12px 12px 12px;
}
.audio-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:'title title' 'sub sub' 'player speed';
  gap:6px 10px;
  align-items:center;
}
.audio-title{grid-area:title}
.audio-sub{grid-area:sub;margin-bottom:0}
.audio-main audio{grid-area:player;height:30px;min-width:0}
.audio-actions{grid-area:speed;display:flex;align-self:center;justify-content:flex-end;margin:0}
.audio-speed-toggle{
  min-width:36px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(246,241,235,.88);
}
.lesson-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}
.lesson-nav a{
  min-width:0;
  min-height:42px;
  padding:0 14px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
  border-radius:999px;
  justify-content:center;
}
.media-gallery{
  gap:6px;
  overflow:hidden;
}
.media-gallery .gallery-item{min-width:0;min-height:0;overflow:hidden;background:#1b1612}
.media-gallery .gallery-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:96px}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1 / span 2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1 / span 2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:86px}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(3){grid-column:1;grid-row:3}
.media-gallery[data-layout="6"] .gallery-item:nth-child(4){grid-column:2;grid-row:3}
.media-gallery[data-layout="6"] .gallery-item:nth-child(5){grid-column:3;grid-row:3}
.media-gallery[data-layout="6"] .gallery-item:nth-child(6){grid-column:4;grid-row:3}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:88px}
.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1 / span 2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1 / span 2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(3){grid-column:1 / span 3;grid-row:3 / span 2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:4 / span 3;grid-row:3 / span 2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(5){grid-column:1 / span 2;grid-row:5}
.media-gallery[data-layout="7"] .gallery-item:nth-child(6){grid-column:3 / span 2;grid-row:5}
.media-gallery[data-layout="7"] .gallery-item:nth-child(7){grid-column:5 / span 2;grid-row:5}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:82px}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:1;grid-row:4}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:2;grid-row:4}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3;grid-row:4}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:4;grid-row:4}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:82px}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(3){grid-column:1;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(4){grid-column:2;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(5){grid-column:3;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(6){grid-column:4;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(7){grid-column:1;grid-row:4}
.media-gallery[data-layout="10"] .gallery-item:nth-child(8){grid-column:2;grid-row:4}
.media-gallery[data-layout="10"] .gallery-item:nth-child(9){grid-column:3;grid-row:4}
.media-gallery[data-layout="10"] .gallery-item:nth-child(10){grid-column:4;grid-row:4}
@media (max-width:390px){
  .media-gallery[data-layout="5"]{grid-auto-rows:86px}
  .media-gallery[data-layout="7"]{grid-auto-rows:78px}
  .media-gallery[data-layout="8"],.media-gallery[data-layout="10"]{grid-auto-rows:72px}
}


/* v22 final fixes */
.welcome-teaser{display:block}
.project-grid-card{display:block}
.sticky-project-bar{border:none !important;box-shadow:none !important}
.project-drawer,.menu-inner,.audio-card,.lesson-nav a,.icon-btn,.icon-link,.project-menu-trigger,.close-btn{
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.project-drawer,.menu-inner,.audio-card,.lesson-nav a{
  background:rgba(34,28,24,.34) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.audio-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:'title title' 'player speed';
  gap:6px 10px;
  align-items:center;
}
.audio-sub{display:none !important}
.audio-main audio{grid-area:player;height:30px;min-width:0}
.audio-actions{grid-area:speed;display:flex;align-self:center;justify-content:flex-end;margin:0}
.lesson-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}
.lesson-nav a{
  min-height:34px;
  padding:0 14px;
  font-size:12px;
  font-weight:500;
  letter-spacing:.01em;
  border-radius:999px;
  background:rgba(34,28,24,.34);
}
.kinescope-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#000;margin:14px 0 12px}
.kinescope-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-gallery{gap:8px !important;overflow:hidden}
.media-gallery .gallery-item{overflow:hidden;background:#1b1612}
.media-gallery .gallery-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:112px 74px}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:112px 74px}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:92px 92px 70px}
.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="7"] .gallery-item:nth-child(3){grid-column:1 / span 3;grid-row:2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:4 / span 3;grid-row:2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(5){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="7"] .gallery-item:nth-child(6){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="7"] .gallery-item:nth-child(7){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:112px 74px 74px}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:112px 74px 74px}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(7){grid-column:1;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(8){grid-column:2;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(9){grid-column:3;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(10){grid-column:4;grid-row:3}
@media (max-width:390px){
  .media-gallery{gap:6px !important}
  .media-gallery[data-layout="5"]{grid-template-rows:98px 66px}
  .media-gallery[data-layout="6"]{grid-template-rows:98px 66px}
  .media-gallery[data-layout="7"]{grid-template-rows:82px 82px 62px}
  .media-gallery[data-layout="8"]{grid-template-rows:98px 66px 66px}
  .media-gallery[data-layout="10"]{grid-template-rows:98px 66px 66px}
}


/* v23 cleanup overrides */
:root{
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:20px;
  --space-5:24px;
  --space-6:32px;
  --glass-bg:rgba(38,31,27,.42);
  --glass-border:rgba(255,255,255,.06);
}
.app{padding-top:var(--space-3)}
.home-page > .section-title:first-child{margin-bottom:var(--space-4)}
.home-page .welcome-teaser{margin-bottom:var(--space-4);padding:0;background:none;border:none;box-shadow:none;border-radius:0}
.home-page .welcome-teaser .page-subtitle{margin-bottom:var(--space-2)}
.home-page .welcome-teaser .section-title{margin-bottom:var(--space-2)}
.home-page .welcome-teaser .copy{margin:0;max-width:100%}
.home-page .project-grid{margin-top:var(--space-4)}
.section-title{margin-bottom:var(--space-3)}
.stack{gap:var(--space-4)}
.copy{margin-bottom:var(--space-3)}
.card,.media-card,.support-panel,.profile-card,.audio-card,.project-drawer,.menu-inner,.sticky-project-bar,.lesson-nav a,.contact-link,.field,.hero,.welcome-full .text-card,.welcome-full .photo-card{
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}
.sticky-project-bar{
  background:linear-gradient(180deg, rgba(34,28,24,.54), rgba(34,28,24,.36));
  border:none !important;
  box-shadow:none;
  padding:10px 0;
}
.project-drawer{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  transition:opacity .22s ease, transform .22s ease, max-height .22s ease, margin .22s ease, padding .22s ease;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  display:block;
  max-height:0;
  overflow:hidden;
  margin:0;
  padding-top:0;
  padding-bottom:0;
}
.project-drawer.open{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  max-height:420px;
  margin:0 0 14px;
  padding-top:12px;
  padding-bottom:12px;
}
.audio-card{
  align-items:center;
  background:rgba(34,28,24,.34);
}
.audio-title{margin-bottom:8px}
.audio-sub{display:none !important}
.audio-main audio{width:calc(100% - 56px);display:inline-block;vertical-align:middle}
.audio-actions{display:inline-flex;vertical-align:middle;margin-left:8px}
.audio-speed-toggle{
  min-width:48px;height:32px;padding:0 10px;border-radius:999px;
  border:1px solid var(--glass-border);background:rgba(255,255,255,.04);color:var(--text);
  backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
}
.lesson-nav{gap:12px;margin-top:var(--space-4)}
.lesson-nav a{
  min-height:40px;
  font-size:13px;
  font-weight:500;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
}
.kinescope-wrap,.video-wrap{border-radius:18px;overflow:hidden;margin:14px 0 12px;background:#000}
.kinescope-wrap iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.project-grid-card .image-wrap{aspect-ratio:16/10;border-radius:22px}
.project-grid-card .image-wrap img{object-fit:cover}
.project-grid-title{font-size:17px}
.project-grid-sub{font-size:12px}

/* unified gallery rhythm */
.gallery-section{margin:20px 0 24px;overflow:hidden}
.gallery-title{margin:0 0 8px;font-size:15px;font-weight:800}
.gallery-note{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.35}
.media-gallery{display:grid;gap:8px !important;grid-auto-flow:row dense;align-items:start}
.media-gallery .gallery-item{min-width:0;min-height:0;overflow:hidden;background:#1b1612;position:relative}
.media-gallery .gallery-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0}
.media-gallery[data-layout="1"]{grid-template-columns:1fr}.media-gallery[data-layout="1"] .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.media-gallery[data-layout="2"] .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="3"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,116px)}
.media-gallery[data-layout="3"] .gallery-item:nth-child(1){grid-column:1;grid-row:1 / span 2}
.media-gallery[data-layout="3"] .gallery-item:nth-child(2){grid-column:2;grid-row:1}
.media-gallery[data-layout="3"] .gallery-item:nth-child(3){grid-column:2;grid-row:2}
.media-gallery[data-layout="4"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(3,76px)}
.media-gallery[data-layout="4"] .gallery-item:nth-child(1){grid-column:1;grid-row:1 / span 3}
.media-gallery[data-layout="4"] .gallery-item:nth-child(2){grid-column:2;grid-row:1}
.media-gallery[data-layout="4"] .gallery-item:nth-child(3){grid-column:2;grid-row:2}
.media-gallery[data-layout="4"] .gallery-item:nth-child(4){grid-column:2;grid-row:3}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:112px 72px}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:112px 72px}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:90px 90px 68px}
.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="7"] .gallery-item:nth-child(3){grid-column:1 / span 3;grid-row:2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:4 / span 3;grid-row:2}
.media-gallery[data-layout="7"] .gallery-item:nth-child(5){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="7"] .gallery-item:nth-child(6){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="7"] .gallery-item:nth-child(7){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:112px 72px 72px}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.media-gallery[data-layout="9"] .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:112px 72px 72px}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(7){grid-column:1;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(8){grid-column:2;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(9){grid-column:3;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(10){grid-column:4;grid-row:3}
@media (max-width:390px){
  .media-gallery{gap:6px !important}
  .media-gallery[data-layout="3"]{grid-template-rows:repeat(2,102px)}
  .media-gallery[data-layout="4"]{grid-template-rows:repeat(3,68px)}
  .media-gallery[data-layout="5"],.media-gallery[data-layout="6"],.media-gallery[data-layout="8"],.media-gallery[data-layout="10"]{grid-template-rows:98px 64px}
  .media-gallery[data-layout="8"]{grid-template-rows:98px 64px 64px}
  .media-gallery[data-layout="7"]{grid-template-rows:80px 80px 60px}
  .media-gallery[data-layout="10"]{grid-template-rows:98px 64px 64px}
}


/* v24 final overrides */

:root{--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;}
.home-stack{gap:24px !important}
.home-stack > *{margin:0 !important}
.welcome-banner{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:center;padding:12px 14px;position:relative;overflow:hidden}
.welcome-banner__media{border-radius:18px;overflow:hidden;aspect-ratio:1.75/1;background:#1a1410}
.welcome-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.welcome-banner__title{margin:0 0 8px;font-size:16px;line-height:1.08;font-weight:800}
.welcome-banner__text{margin:0;color:var(--muted);font-size:13px;line-height:1.34}
.welcome-banner__meta .page-subtitle{margin-bottom:8px}
.welcome-banner__file{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}
.welcome-banner__file svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.project-wide{aspect-ratio:1.48/1 !important}
.project-grid-card .image-wrap.project-wide img{object-fit:cover !important}
.project-grid-meta{padding-top:10px}
.section-title{margin-bottom:14px}
.audio-card{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:12px}
.audio-main{min-width:0}
.audio-title{margin:0 0 8px}
.audio-sub{display:none !important}
.audio-controls-row{display:flex;align-items:center;gap:10px;min-width:0}
.audio-controls-row audio{flex:1;min-width:0;width:auto !important;height:34px !important;display:block}
.audio-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.audio-speed-toggle{min-width:48px;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text)}
.lesson-nav{gap:12px}
.lesson-nav a{min-height:34px;font-size:12px;background:rgba(34,28,24,.42)}
.media-gallery{gap:8px !important;align-items:stretch !important;grid-auto-flow:row !important}
.media-gallery .gallery-item{min-width:0;min-height:0;overflow:hidden;position:relative;height:100% !important}
.media-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr)) !important;grid-template-rows:112px 72px !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:112px 72px !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1/span 2 !important;grid-row:1 !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3/span 2 !important;grid-row:1 !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(3){grid-column:1 !important;grid-row:2 !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(4){grid-column:2 !important;grid-row:2 !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(5){grid-column:3 !important;grid-row:2 !important}
.media-gallery[data-layout="6"] .gallery-item:nth-child(6){grid-column:4 !important;grid-row:2 !important}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr)) !important;grid-template-rows:86px 86px 64px !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(3){grid-column:1/span 3 !important;grid-row:2 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:4/span 3 !important;grid-row:2 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(5){grid-column:1/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(6){grid-column:3/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="7"] .gallery-item:nth-child(7){grid-column:5/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr)) !important;grid-template-rows:112px 72px 72px !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4/span 3 !important;grid-row:1 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:1/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:5/span 2 !important;grid-row:2 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:1/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:5/span 2 !important;grid-row:3 !important}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:112px 72px 72px !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1/span 2 !important;grid-row:1 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3/span 2 !important;grid-row:1 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(3){grid-column:1 !important;grid-row:2 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(4){grid-column:2 !important;grid-row:2 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(5){grid-column:3 !important;grid-row:2 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(6){grid-column:4 !important;grid-row:2 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(7){grid-column:1 !important;grid-row:3 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(8){grid-column:2 !important;grid-row:3 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(9){grid-column:3 !important;grid-row:3 !important}
.media-gallery[data-layout="10"] .gallery-item:nth-child(10){grid-column:4 !important;grid-row:3 !important}
@media (max-width:390px){
  .welcome-banner{grid-template-columns:1fr;gap:12px;padding:12px}
  .welcome-banner__media{aspect-ratio:1.7/1}
  .audio-controls-row audio{height:32px !important}
  .media-gallery{gap:6px !important}
  .media-gallery[data-layout="5"],.media-gallery[data-layout="6"],.media-gallery[data-layout="8"],.media-gallery[data-layout="10"]{grid-template-rows:98px 64px !important}
  .media-gallery[data-layout="8"],.media-gallery[data-layout="10"]{grid-template-rows:98px 64px 64px !important}
  .media-gallery[data-layout="7"]{grid-template-rows:78px 78px 58px !important}
}


/* v25 overrides */
.title-box h1{font-size:30px;}
.home-stack{gap:22px}.home-stack>.section-title,.home-stack>div{margin-top:0}.section-title{margin-bottom:14px}.grid-2{gap:18px 16px}.project-grid-meta{padding-top:10px}.project-grid-card{display:block}
.welcome-banner--image{position:relative;min-height:168px;overflow:hidden;padding:0;border-radius:24px}.welcome-banner__bg{height:168px}.welcome-banner__bg img{width:100%;height:100%;object-fit:cover}.welcome-banner--image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28) 70%, rgba(0,0,0,.4));pointer-events:none}.welcome-banner__overlay{position:absolute;left:18px;top:16px;z-index:2}.welcome-banner__headline{margin:0;font-size:18px;line-height:1.08;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}.welcome-banner--image .welcome-banner__file{position:absolute;top:14px;right:14px;z-index:2;background:rgba(24,20,17,.46);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}

.sticky-project-bar{z-index:3000;isolation:isolate;padding:10px 0}.project-menu-trigger,.project-back .icon-link{position:relative;z-index:3001;touch-action:manipulation}.project-drawer{z-index:2999}.kinescope-wrap,.video-wrap{position:relative;z-index:1} 

.audio-card{padding:14px;border-radius:22px}.audio-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title title' 'player speed';gap:8px 12px;align-items:center}.audio-sub{display:none!important}.audio-title{grid-area:title;margin:0;font-size:16px;line-height:1.05;font-weight:800}.audio-native{display:none!important}.audio-controls-row{grid-area:player;display:flex;align-items:center;gap:10px;min-width:0}.audio-play{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;flex:0 0 auto}.audio-play svg{width:18px;height:18px;fill:currentColor}.audio-track-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.audio-time,.audio-duration{font-size:12px;color:rgba(246,241,235,.84);font-variant-numeric:tabular-nums;min-width:34px}.audio-duration{text-align:right}.audio-range{appearance:none;-webkit-appearance:none;flex:1;height:3px;border-radius:999px;background:rgba(255,255,255,.18);outline:none}.audio-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--gold2);border:none;box-shadow:0 0 0 3px rgba(240,203,126,.18)}.audio-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--gold2);border:none;box-shadow:0 0 0 3px rgba(240,203,126,.18)}.audio-range::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.18)}.audio-actions{margin:0;display:flex;justify-content:flex-end;align-items:center}.audio-speed-toggle{min-width:46px;height:32px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:rgba(246,241,235,.9);font-weight:700} 

.lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.lesson-nav a{min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:600;background:rgba(34,28,24,.42)!important;border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}

@media (max-width:390px){.welcome-banner--image{min-height:152px}.welcome-banner__bg{height:152px}.audio-play{width:38px;height:38px}.audio-time,.audio-duration{font-size:11px;min-width:32px}.lesson-nav a{font-size:14px;min-height:42px}}


/* v26 final polish */
.home-stack{gap:30px}
.welcome-banner--full{position:relative;display:block;min-height:170px;overflow:hidden;padding:0;border-radius:26px}
.welcome-banner--full .welcome-banner__bg{position:absolute;inset:0}
.welcome-banner--full .welcome-banner__bg img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.welcome-banner--full .welcome-banner__overlay{position:absolute;left:20px;top:18px;right:62px;z-index:2}
.welcome-banner--full .welcome-banner__headline{margin:0;font-size:19px;line-height:1.06;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.welcome-banner--full .welcome-banner__file{position:absolute;top:16px;right:16px;z-index:2;width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(22,18,15,.48);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:1px solid rgba(255,255,255,.08)}
.welcome-banner--full .welcome-banner__file svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.projects-block .section-title{margin-bottom:18px}
.home-stack .welcome-banner--full{margin-bottom:8px}

.audio-card{padding:14px 14px 12px}
.audio-main{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:'title title' 'player speed' !important;gap:10px 12px !important;align-items:center}
.audio-title{grid-area:title;margin:0 !important}
.audio-controls-row{grid-area:player;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.audio-play{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--text)}
.audio-play svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.audio-track-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding-right:10px}
.audio-time,.audio-duration{font-size:12px;color:var(--text);font-weight:600;white-space:nowrap}
.audio-range{width:100%;margin:0;appearance:none;background:transparent}
.audio-range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:rgba(255,255,255,.28)}
.audio-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold2);border:none;margin-top:-5.5px;box-shadow:0 0 0 2px rgba(22,18,15,.6)}
.audio-range::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.28)}
.audio-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--gold2)}
.audio-actions{grid-area:speed;display:flex !important;justify-content:flex-end;align-self:center;margin:0 !important}
.audio-speed-toggle{min-width:54px;height:38px;padding:0 12px;position:static !important}

.project-drawer{will-change:max-height,opacity,transform}

.media-gallery{gap:10px !important}
.media-gallery .gallery-item{aspect-ratio:1/1}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:auto}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:auto}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:auto}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="6"] .gallery-item:nth-child(n+3){grid-column:auto;grid-row:auto}
.media-gallery[data-layout="7"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none}
.media-gallery[data-layout="7"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(3){grid-column:1 / span 3;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(4){grid-column:4 / span 3;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(5){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(6){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="7"] .gallery-item:nth-child(7){grid-column:5 / span 2;grid-row:auto}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:5 / span 2;grid-row:auto}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:auto}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:auto}
.media-gallery[data-layout="10"] .gallery-item:nth-child(n+3){grid-column:auto;grid-row:auto}
.media-gallery[data-layout="5"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="6"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="8"] .gallery-item:nth-child(-n+2),
.media-gallery[data-layout="10"] .gallery-item:nth-child(-n+2){aspect-ratio:1/1}

.menu-inner .nav-item span:last-child{font-size:11px;color:var(--gold2)}
.menu-inner .nav-item,.menu-inner .nav-diamond{gap:5px}
.menu-inner .nav-icon{color:var(--gold2)}

@media (max-width:390px){
  .welcome-banner--full{min-height:156px}
  .welcome-banner--full .welcome-banner__headline{font-size:17px}
  .audio-track-wrap{gap:8px;padding-right:6px}
  .audio-time,.audio-duration{font-size:11px}
}


/* v27 refinements */
.title-box h1{margin:0;font-size:20px;line-height:1.08;font-weight:700;color:var(--gold2)}
.menu .nav-item span:last-child{font-size:12px !important;color:var(--muted) !important;font-weight:500 !important}
.menu .nav-item.active span:last-child{color:var(--gold2) !important}
.welcome-banner--full{display:block;position:relative;overflow:hidden;border-radius:26px;min-height:180px;margin-bottom:28px;background:#171310}
.welcome-banner--full .welcome-banner__bg{position:absolute;inset:0}
.welcome-banner--full .welcome-banner__bg img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.welcome-banner--full .welcome-banner__overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:18px 18px 18px 18px;background:linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.04) 38%,rgba(0,0,0,0) 68%)}
.welcome-banner__headline{margin:0;font-size:24px;line-height:1.04;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.projects-block{margin-top:8px}
.section-title{margin:0 0 18px}
.audio-card{padding:12px 14px;border-radius:22px}
.audio-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title title' 'player speed';gap:8px 10px;align-items:center}
.audio-title{grid-area:title;margin:0;font-size:15px;line-height:1.08}
.audio-actions{grid-area:speed;display:flex;align-self:center;justify-content:flex-end;margin:0}
.audio-controls-row{grid-area:player;display:grid;grid-template-columns:44px 44px minmax(100px,1fr) 50px;align-items:center;gap:10px;min-width:0}
.audio-play{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);display:grid;place-items:center;color:var(--text);padding:0}
.audio-play svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.audio-time,.audio-duration{font-size:13px;line-height:1;color:var(--text);font-weight:600;min-width:0}
.audio-duration{text-align:right}
.audio-track-wrap{display:contents}
.audio-range{width:100%;margin:0;height:4px;background:transparent;accent-color:var(--gold2)}
.audio-range::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,.26);border-radius:999px}
.audio-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--gold2);border:none;box-shadow:0 0 0 2px rgba(0,0,0,.22)}
.audio-range::-moz-range-track{height:4px;background:rgba(255,255,255,.26);border-radius:999px}
.audio-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--gold2)}
.audio-speed-toggle{min-width:56px;height:42px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:var(--text);font-weight:700}
.lesson-nav a{min-height:40px;font-size:13px;font-weight:600}
.media-gallery{gap:4px !important}
:root{--gallery-gap:4px}
.media-gallery[data-layout="5"],.media-gallery[data-layout="6"],.media-gallery[data-layout="8"],.media-gallery[data-layout="10"]{grid-auto-rows:auto !important}
.media-gallery[data-layout="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}
.media-gallery[data-layout="6"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,1fr)}
.media-gallery[data-layout="8"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,1fr)}
.media-gallery[data-layout="10"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,1fr)}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="5"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="5"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="6"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="6"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(1){grid-column:1 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(2){grid-column:4 / span 3;grid-row:1}
.media-gallery[data-layout="8"] .gallery-item:nth-child(3){grid-column:1 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(4){grid-column:3 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(5){grid-column:5 / span 2;grid-row:2}
.media-gallery[data-layout="8"] .gallery-item:nth-child(6){grid-column:1 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(7){grid-column:3 / span 2;grid-row:3}
.media-gallery[data-layout="8"] .gallery-item:nth-child(8){grid-column:5 / span 2;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(1){grid-column:1 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){grid-column:3 / span 2;grid-row:1}
.media-gallery[data-layout="10"] .gallery-item:nth-child(3){grid-column:1;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(4){grid-column:2;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(5){grid-column:3;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(6){grid-column:4;grid-row:2}
.media-gallery[data-layout="10"] .gallery-item:nth-child(7){grid-column:1;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(8){grid-column:2;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(9){grid-column:3;grid-row:3}
.media-gallery[data-layout="10"] .gallery-item:nth-child(10){grid-column:4;grid-row:3}
@media (max-width:390px){
  .welcome-banner__headline{font-size:20px}
  .audio-controls-row{grid-template-columns:40px 40px minmax(76px,1fr) 46px;gap:8px}
}


/* v28 cleanup overrides */
.menu .nav-item .nav-icon,
.menu .nav-item span:last-child{color:rgba(246,241,235,.96) !important}
.menu .nav-item.active .nav-icon,
.menu .nav-item.active span:last-child{color:var(--gold2) !important}
.menu .nav-diamond,
.menu .nav-diamond span{color:var(--gold2) !important}
.menu .nav-item span:last-child{font-size:12px !important;font-weight:500 !important}

.title-box h1{color:var(--gold2) !important;font-size:18px !important}

.home-stack .welcome-banner--full{margin-bottom:22px !important}
.welcome-banner--full{min-height:168px !important;background:#171310 !important}
.welcome-banner--full .welcome-banner__bg img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important}
.welcome-banner--full .welcome-banner__overlay{position:absolute !important;left:16px !important;right:62px !important;top:auto !important;bottom:14px !important;padding:0 !important;background:none !important;display:block !important}
.welcome-banner--full .welcome-banner__headline{font-size:16px !important;line-height:1.05 !important;margin:0 !important;text-shadow:0 1px 3px rgba(0,0,0,.35) !important}
.welcome-banner--full::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.18) 100%);pointer-events:none}
.welcome-banner--full .welcome-banner__overlay,.welcome-banner--full .welcome-banner__file{z-index:2}

.audio-card{padding:12px 14px !important}
.audio-main{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:'title title' 'player speed' !important;gap:8px 10px !important;align-items:center !important}
.audio-title{grid-area:title !important;margin:0 !important;font-size:15px !important;line-height:1.06 !important}
.audio-sub{display:none !important}
.audio-controls-row{grid-area:player !important;display:grid !important;grid-template-columns:40px 38px minmax(0,1fr) 44px !important;align-items:center !important;gap:10px !important;min-width:0 !important}
.audio-play{width:40px !important;height:40px !important;border-radius:12px !important;flex:none !important}
.audio-track-wrap{display:contents !important}
.audio-time,.audio-duration{font-size:12px !important;min-width:0 !important;color:rgba(246,241,235,.92) !important;font-variant-numeric:tabular-nums !important}
.audio-duration{text-align:right !important}
.audio-range{width:100% !important;min-width:0 !important;height:3px !important}
.audio-range::-webkit-slider-runnable-track{height:3px !important}
.audio-range::-webkit-slider-thumb{width:12px !important;height:12px !important;margin-top:-4.5px !important}
.audio-range::-moz-range-track{height:3px !important}
.audio-range::-moz-range-thumb{width:12px !important;height:12px !important}
.audio-actions{grid-area:speed !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;margin:0 !important}
.audio-speed-toggle{min-width:46px !important;height:34px !important;padding:0 10px !important;position:static !important;z-index:auto !important}

.media-gallery{gap:5px !important}
.media-gallery .gallery-item{aspect-ratio:1/1 !important}
.media-gallery[data-layout="5"],
.media-gallery[data-layout="6"],
.media-gallery[data-layout="8"],
.media-gallery[data-layout="10"]{grid-auto-rows:auto !important}
.media-gallery[data-layout="5"] .gallery-item:nth-child(1),
.media-gallery[data-layout="5"] .gallery-item:nth-child(2),
.media-gallery[data-layout="6"] .gallery-item:nth-child(1),
.media-gallery[data-layout="6"] .gallery-item:nth-child(2),
.media-gallery[data-layout="8"] .gallery-item:nth-child(1),
.media-gallery[data-layout="8"] .gallery-item:nth-child(2),
.media-gallery[data-layout="10"] .gallery-item:nth-child(1),
.media-gallery[data-layout="10"] .gallery-item:nth-child(2){aspect-ratio:1/1 !important}

@media (max-width:390px){
  .welcome-banner--full{min-height:150px !important}
  .welcome-banner--full .welcome-banner__headline{font-size:15px !important}
  .audio-controls-row{grid-template-columns:38px 34px minmax(0,1fr) 40px !important;gap:8px !important}
  .audio-speed-toggle{min-width:42px !important;height:32px !important}
}

/* v29 final pretest fixes */
.menu .nav-item .nav-icon,
.menu .nav-item span:last-child{color:rgba(246,241,235,.96) !important}
.menu .nav-item.active .nav-icon,
.menu .nav-item.active span:last-child{color:var(--gold2) !important}
.menu .nav-diamond{color:inherit !important}
.menu .nav-diamond span{color:#fff !important;font-size:31px !important;line-height:1 !important}

.welcome-banner--full{min-height:168px !important;background:#171310 !important;overflow:hidden !important}
.welcome-banner--full .welcome-banner__bg{position:absolute !important;inset:0 !important}
.welcome-banner--full .welcome-banner__bg img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;transform:scale(1.02)}
.welcome-banner--full .welcome-banner__overlay{position:absolute !important;left:16px !important;right:62px !important;top:auto !important;bottom:14px !important;padding:0 !important;background:none !important;display:block !important}
.welcome-banner--full .welcome-banner__headline{font-size:15px !important;line-height:1.04 !important;margin:0 !important;text-shadow:0 1px 3px rgba(0,0,0,.35) !important}

.audio-card{padding:12px 14px !important;border-radius:22px !important}
.audio-thumb{width:54px !important;height:54px !important;border-radius:14px !important}
.audio-main{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:'title title' 'player speed' !important;gap:8px 10px !important;align-items:center !important}
.audio-title{grid-area:title !important;margin:0 !important;font-size:15px !important;line-height:1.05 !important;font-weight:800 !important}
.audio-controls-row{grid-area:player !important;display:flex !important;align-items:center !important;gap:8px !important;min-width:0 !important;width:100% !important}
.audio-play{width:42px !important;height:42px !important;border-radius:14px !important;flex:0 0 auto !important}
.audio-track-wrap{display:flex !important;align-items:center !important;gap:8px !important;min-width:0 !important;flex:1 1 auto !important;width:100% !important;background:rgba(255,255,255,.06) !important;border-radius:12px !important;padding:0 10px !important;height:42px !important}
.audio-time,.audio-duration{font-size:12px !important;color:rgba(246,241,235,.9) !important;font-variant-numeric:tabular-nums !important;min-width:40px !important}
.audio-duration{text-align:right !important}
.audio-range{flex:1 1 auto !important;min-width:80px !important;height:4px !important;margin:0 !important}
.audio-actions{grid-area:speed !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important}
.audio-speed-toggle{width:48px !important;min-width:48px !important;height:36px !important;padding:0 !important;border-radius:999px !important;position:static !important;transform:none !important}

@media (max-width:390px){
  .audio-thumb{width:48px !important;height:48px !important}
  .audio-track-wrap{gap:6px !important;padding:0 8px !important}
  .audio-time,.audio-duration{min-width:34px !important;font-size:11px !important}
  .audio-range{min-width:60px !important}
}


/* v30 audio/menu overrides */
.menu .nav-item{color:rgba(246,241,235,.95)!important}
.menu .nav-item.active{color:var(--gold2)!important}
.menu .nav-item:not(.active) .nav-icon,
.menu .nav-item:not(.active) span{color:rgba(246,241,235,.95)!important}
.nav-diamond span{color:#fff !important;font-size:30px !important;line-height:1 !important;display:block !important;transform:translateY(-1px) !important}

.audio-card{padding:12px 14px !important;border-radius:22px !important}
.audio-main{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:'title title' 'player speed' !important;column-gap:10px !important;row-gap:8px !important;align-items:center !important}
.audio-title{grid-area:title !important;margin:0 !important;font-size:15px !important;line-height:1.08 !important;font-weight:800 !important}
.audio-controls-row{grid-area:player !important;display:block !important;min-width:0 !important;width:100% !important}
.audio-track-wrap{display:flex !important;align-items:center !important;gap:10px !important;width:100% !important;height:42px !important;padding:0 12px !important;border-radius:14px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.06) !important;box-sizing:border-box !important}
.audio-play{width:30px !important;height:30px !important;border:none !important;background:transparent !important;border-radius:10px !important;display:grid !important;place-items:center !important;flex:0 0 30px !important;padding:0 !important}
.audio-play svg{width:15px !important;height:15px !important}
.audio-time{display:none !important}
.audio-range{flex:1 1 auto !important;min-width:0 !important;width:auto !important;height:4px !important;margin:0 !important;background:transparent !important}
.audio-range::-webkit-slider-runnable-track{height:4px !important;background:rgba(255,255,255,.28) !important;border-radius:999px !important}
.audio-range::-webkit-slider-thumb{-webkit-appearance:none !important;width:12px !important;height:12px !important;margin-top:-4px !important;border-radius:50% !important;background:var(--gold2) !important;border:none !important;box-shadow:none !important}
.audio-range::-moz-range-track{height:4px !important;background:rgba(255,255,255,.28) !important;border-radius:999px !important}
.audio-range::-moz-range-thumb{width:12px !important;height:12px !important;border:none !important;border-radius:50% !important;background:var(--gold2) !important}
.audio-duration{font-size:13px !important;min-width:46px !important;text-align:right !important;color:rgba(246,241,235,.95) !important;font-variant-numeric:tabular-nums !important}
.audio-actions{grid-area:speed !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;margin:0 !important}
.audio-speed-toggle{width:50px !important;min-width:50px !important;height:40px !important;padding:0 !important;border-radius:999px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.18) !important;color:rgba(246,241,235,.95) !important;font-weight:700 !important;position:static !important}
@media (max-width:420px){
  .audio-track-wrap{gap:8px !important;padding:0 10px !important}
  .audio-duration{min-width:42px !important;font-size:12px !important}
  .audio-speed-toggle{width:46px !important;min-width:46px !important;height:38px !important}
}

/* v31 audio/menu overrides */

/* v31 audio/menu overrides */
.menu .nav-item .nav-icon,
.menu .nav-item span:last-child{color:rgba(246,241,235,.96)!important}
.menu .nav-item.active .nav-icon,
.menu .nav-item.active span:last-child{color:var(--gold2)!important}
.menu .nav-diamond{color:inherit!important}
.menu .nav-diamond span{color:#fff!important;font-size:31px!important;line-height:1!important;display:block!important;transform:translateY(-1px)!important}

.audio-card{padding:12px 14px!important;border-radius:22px!important}
.audio-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'title title' 'player speed'!important;gap:8px 10px!important;align-items:end!important}
.audio-title{grid-area:title!important;margin:0 0 2px!important;font-size:15px!important;line-height:1.08!important}
.audio-actions{grid-area:speed!important;display:flex!important;justify-content:flex-end!important;align-items:end!important;margin:0!important}
.audio-controls-row{grid-area:player!important;display:block!important;min-width:0!important}
.audio-track-wrap{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 10px 0 8px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important}
.audio-play{width:30px!important;height:30px!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:10px!important}
.audio-play svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}
.audio-duration{font-size:11px!important;line-height:1!important;font-weight:700!important;color:rgba(246,241,235,.92)!important;min-width:40px!important;text-align:right!important}
.audio-range{width:100%!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important}
.audio-range::-webkit-slider-runnable-track{height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--gold2) 0 var(--progress,0%), rgba(255,255,255,.25) var(--progress,0%) 100%)!important}
.audio-range::-moz-range-track{height:3px!important;border-radius:999px!important;background:rgba(255,255,255,.25)!important}
.audio-range::-webkit-slider-thumb{-webkit-appearance:none!important;width:3px!important;height:16px!important;border-radius:999px!important;background:#fff!important;border:none!important;margin-top:-6.5px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
.audio-range::-moz-range-thumb{width:3px!important;height:16px!important;border:none!important;border-radius:999px!important;background:#fff!important}
.audio-speed-toggle{min-width:44px!important;width:44px!important;height:34px!important;padding:0!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.05)!important;color:rgba(246,241,235,.95)!important;font-size:12px!important;font-weight:700!important}

/* v34 mobile refinement */
:root{
  --page:12px;
  --safe-top:env(safe-area-inset-top, 0px);
}
html,body{overflow-x:hidden}
.app{
  width:min(480px,100%);
  position:relative;
  padding-top:calc(var(--safe-top) + 40px) !important;
  padding-left:var(--page) !important;
  padding-right:var(--page) !important;
}
.app::before{
  content:"";
  display:block;
  height:calc(var(--safe-top) + 6px);
  margin:calc(-1 * (var(--safe-top) + 18px)) calc(-1 * var(--page)) 12px;
  background:
    radial-gradient(circle at 10% 46%, rgba(255,255,255,.85) 0 1.4px, transparent 1.8px),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.65) 0 1.1px, transparent 1.5px),
    radial-gradient(circle at 54% 30%, rgba(255,255,255,.75) 0 1.5px, transparent 1.9px),
    radial-gradient(circle at 72% 52%, rgba(255,255,255,.55) 0 1.1px, transparent 1.5px),
    radial-gradient(circle at 88% 24%, rgba(255,255,255,.75) 0 1.4px, transparent 1.9px),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0));
  opacity:.9;
  pointer-events:none;
}
.topbar{margin-bottom:16px !important}
.title-box h1{
  font-size:24px !important;
  line-height:1.06 !important;
  font-weight:800 !important;
}
.section-title{font-size:23px !important;line-height:1.08 !important;margin-bottom:12px !important}
.project-grid-title,.module-title,.lesson-title{font-size:19px !important;line-height:1.08 !important}
.copy,.lesson-sub,.module-sub,.project-grid-sub,.project-row p,.hero .hero-overlay p,.hero .hero-body .copy,.field-value{
  font-size:16px !important;
  line-height:1.46 !important;
}
.project-grid-sub,.project-row p,.lesson-sub,.module-sub{font-size:14px !important;line-height:1.38 !important}
.grid-2{gap:14px !important}
.stack{gap:16px !important}
.media-card,.profile-card,.support-panel,.welcome-full .text-card,.hero .hero-body{padding:14px !important}
.sticky-project-bar{top:calc(var(--safe-top) + 10px) !important;padding:6px 0 !important;margin-bottom:12px !important}
.project-drawer{top:calc(var(--safe-top) + 62px) !important}
.kinescope-wrap,.video-wrap,.demo-lesson-cover,.inline-photo,.hero .hero-cover{margin-left:-2px;margin-right:-2px}
.welcome-banner--full{margin-bottom:12px !important}
.welcome-banner__headline{font-size:16px !important;line-height:1.08 !important}
.welcome-full .photo-card{margin-bottom:8px !important}
.welcome-full .text-card{padding-top:14px !important}
.menu{width:min(480px,calc(100vw - 8px)) !important;bottom:10px !important}
.menu-inner{padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important}
.nav-diamond span{font-size:42px !important;transform:translateY(-1px) !important;color:#fff !important}
.nav-item{font-size:12px !important}
.nav-item span:last-child{font-size:12px !important}

/* audio player */
.audio-card{
  padding:2px 0 6px !important;
  margin:10px 0 10px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  gap:0 !important;
}
.audio-thumb,.audio-title,.audio-sub{display:none !important}
.audio-main{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
.audio-actions{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
}
.audio-controls-row{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  padding-right:54px !important;
}
.audio-track-wrap{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
}
.audio-play{
  width:42px !important;
  height:42px !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:var(--gold2) !important;
  padding:0 !important;
  flex:0 0 42px !important;
}
.audio-play svg{width:30px !important;height:30px !important;fill:currentColor !important}
.audio-range{
  -webkit-appearance:none !important;
  appearance:none !important;
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, var(--gold2) 0 var(--progress,0%), rgba(255,255,255,.18) var(--progress,0%) 100%) !important;
  outline:none !important;
  margin-right:4px !important;
}
.audio-range::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:3px !important;
  height:18px !important;
  border-radius:2px !important;
  background:#fff7ea !important;
  border:none !important;
  box-shadow:none !important;
}
.audio-range::-moz-range-thumb{
  width:3px !important;
  height:18px !important;
  border-radius:2px !important;
  background:#fff7ea !important;
  border:none !important;
  box-shadow:none !important;
}
.audio-range::-moz-range-track{
  height:4px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
}
.audio-duration{
  min-width:50px !important;
  text-align:right !important;
  font-size:13px !important;
  line-height:1 !important;
  color:rgba(246,241,235,.9) !important;
  font-variant-numeric:tabular-nums !important;
}
.audio-speed-toggle{
  min-width:34px !important;
  width:34px !important;
  height:28px !important;
  padding:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.2) !important;
  color:rgba(246,241,235,.95) !important;
  font-size:13px !important;
  font-weight:700 !important;
}

@media (max-width:390px){
  .app{padding-top:calc(var(--safe-top) + 36px) !important}
  .title-box h1{font-size:22px !important}
  .section-title{font-size:21px !important}
  .copy,.lesson-sub,.module-sub,.project-grid-sub,.project-row p{font-size:15px !important}
  .project-grid-sub,.project-row p,.lesson-sub,.module-sub{font-size:13px !important}
  .audio-controls-row{gap:8px !important;padding-right:48px !important}
  .audio-duration{min-width:46px !important;font-size:12px !important}
  .audio-play{width:38px !important;height:38px !important;flex-basis:38px !important}
  .audio-play svg{width:28px !important;height:28px !important}
}