/* Pastor Chris Online — "Monochrome & Gold" theme (Direction B).
   Loaded after site.css. Everything is scoped to body.t-mono so the Broadcast theme is untouched.
   Tokens: --bg --surface --text --muted --accent --accent-text --live --font --font-display --band --band-ink */

.t-mono{--line:#2E3036;--line2:#4A4D55;--deep:#0F1012;--ink2:#C9CACD;--accent-deep:#7A5712;--live-soft:#FF7A7C;
  font-family:var(--font),system-ui,sans-serif;font-size:16px}
.t-mono a{color:var(--accent)}.t-mono a:hover{color:#F3C565}
.t-mono :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.t-mono .wrap{max-width:1240px;padding:0 24px}
.t-mono .xp{font-stretch:normal}

/* ---------- type ---------- */
.t-mono .h1{font-family:var(--font-display),sans-serif;font-weight:300;font-stretch:normal;font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:.5px;text-transform:uppercase;color:#fff}
.t-mono .h1.sm{font-size:clamp(34px,4.6vw,60px)}
.t-mono .h2,.t-mono .b-h2{margin:0;font-family:var(--font-display),sans-serif;font-weight:200;font-stretch:normal;font-size:clamp(40px,5.2vw,72px);line-height:1;letter-spacing:1px;text-transform:uppercase;color:#fff}
.t-mono .h-xl,.t-mono .h-lg{font-family:var(--font-display),sans-serif;font-weight:300;font-stretch:normal;letter-spacing:.5px;color:#fff}
.t-mono .h-xl{font-size:clamp(32px,4vw,52px)}.t-mono .h-lg{font-size:clamp(28px,3.4vw,44px)}
.t-mono .h-md,.t-mono .b-h3{margin:0;font-family:var(--font-display),sans-serif;font-weight:300;font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.t-mono .tag,.t-mono .b-eye{font-family:var(--font-display),sans-serif;font-weight:500;font-size:15px;letter-spacing:3px;text-transform:uppercase}
.t-mono .tag.accent,.t-mono .b-eye{color:var(--accent)}
.t-mono .b-eye.live{color:var(--live-soft)}
.t-mono .ct{font-family:var(--font-display),sans-serif;font-weight:400;font-size:22px;line-height:1.1;letter-spacing:.3px;text-transform:uppercase}
.t-mono .cm{color:var(--muted);font-size:15px}
.t-mono .lead{font-size:19px;color:var(--ink2);max-width:640px}
.t-mono .body,.t-mono .prose{color:var(--ink2)}
.t-mono .prose h2,.t-mono .prose h3{font-family:var(--font-display),sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.t-mono .b-small{font-family:var(--font-display),sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.t-mono .sub{font-family:var(--font-display),sans-serif;font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}
.t-mono .rh{align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}

/* ---------- buttons: square, condensed, letter-spaced ---------- */
.t-mono .pill{border-radius:0;min-height:46px;padding:0 22px;font:500 15px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;border:1px solid var(--accent);background:transparent;color:var(--accent);transition:background .2s,color .2s}
.t-mono .pill:hover{background:var(--accent);color:var(--accent-text)}
.t-mono .pill.big{min-height:50px;font-size:16px}
.t-mono .p-gold{background:var(--accent);color:var(--accent-text)}
.t-mono .p-gold:hover{background:#F3C565;border-color:#F3C565}
.t-mono .p-line{background:transparent;color:var(--accent)}
.t-mono .p-ghost{border-color:var(--line2);color:var(--text)}.t-mono .p-ghost:hover{background:var(--text);color:var(--bg);border-color:var(--text)}
.t-mono .p-red{border-color:var(--live);color:#fff}.t-mono .p-red:hover{background:var(--live);color:#fff}
.t-mono .chip-sm{min-height:34px;padding:0 12px;font-size:13px}
.t-mono .circ,.t-mono .arw{border-radius:0;border-color:var(--line2);background:transparent;font-family:var(--font-display),sans-serif}
.t-mono .chipbtn,.t-mono .tbtn,.t-mono .chip{border-radius:0;border:0;border-bottom:1px solid transparent;background:transparent;padding:0 2px;min-height:40px;font:400 16px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.t-mono .chipbtn:hover,.t-mono .tbtn:hover{background:transparent;color:#fff}
.t-mono .chipbtn.on,.t-mono .chipbtn[aria-pressed="true"],.t-mono .tbtn.on,.t-mono .tbtn[aria-selected="true"],.t-mono .tab[aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent);background:transparent}
.t-mono .chip{border-bottom:0;color:var(--ink2)}

/* ---------- forms ---------- */
.t-mono .inp{border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--line2);color:#fff;font-size:17px}
.t-mono textarea.inp{border:1px solid var(--line2)}
.t-mono .inp:focus{border-color:var(--accent);outline:0;box-shadow:0 1px 0 var(--accent)}
.t-mono .lab{font-family:var(--font-display),sans-serif;font-size:14px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.t-mono .search .inp,.t-mono input[type=search].inp{font:300 22px var(--font-display),sans-serif;letter-spacing:1px}

/* ---------- surfaces: flat, hairlines, square ---------- */
.t-mono .panel,.t-mono .sc,.t-mono .cardx,.t-mono .formcard,.t-mono .fband,.t-mono .modal{border-radius:0;border-color:var(--line);background:var(--surface)}
.t-mono .thumb,.t-mono .rimg,.t-mono .timg,.t-mono .cimg,.t-mono .ms-img,.t-mono .ab-img,.t-mono .nxi,.t-mono .qa-img,.t-mono .thumb64,.t-mono .cvr,.t-mono .player,.t-mono .music-img{border-radius:0}

/* Black-and-white photography that warms to colour (and a gold wash) on hover/focus */
.t-mono .thumb .bg,.t-mono .thumb img.bg,.t-mono .rimg,.t-mono .timg,.t-mono .cimg,.t-mono .ms-img,.t-mono .ab-img,.t-mono .nxi,.t-mono .qa-img,.t-mono .b-cimg,.t-mono .fb-img,.t-mono .thumb64.bg,.t-mono .music-img,.t-mono .phero .bg{filter:grayscale(1) contrast(1.05) brightness(.85);transition:filter .45s ease,transform .6s ease}
.t-mono .card:hover .bg,.t-mono .card:focus-visible .bg,.t-mono a:hover>.rimg,.t-mono a:hover .cimg,.t-mono .b-col:hover .b-cimg,.t-mono .qa:hover .qa-img,.t-mono a:hover .nxi{filter:grayscale(0) contrast(1) brightness(1)}
.t-mono .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(212,162,60,.55),rgba(212,162,60,0) 50%);opacity:0;transition:opacity .4s;pointer-events:none}
.t-mono .card:hover .thumb::after,.t-mono .card:focus-visible .thumb::after,.t-mono .card.cur .thumb::after{opacity:1}
.t-mono .card.cur .thumb{box-shadow:none;outline:2px solid var(--accent);outline-offset:4px}
.t-mono .card .ct,.t-mono .card .qtitle,.t-mono .ovtitle{font-family:var(--font-display),sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.5px}
.t-mono .card:hover .ct{color:var(--accent)}
.t-mono .ovtitle{font-weight:300}
.t-mono .typebg{background:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 1px,transparent 1px 9px),#232428}
.t-mono .play,.t-mono .bigplay,.t-mono .pbtn{background:var(--accent);color:var(--accent-text)}
.t-mono .badge{border-radius:0;background:var(--deep);font-family:var(--font-display),sans-serif;font-size:13px;letter-spacing:3px}
.t-mono .badge.gold{background:var(--accent);color:var(--accent-text)}

/* stats: thin gold numerals */
.t-mono .stat{background:transparent;border:0;border-top:1px solid var(--line);padding:22px 4px 0}
.t-mono .bignum{font-family:var(--font-display),sans-serif;font-weight:200;font-stretch:normal;font-size:clamp(56px,6vw,84px);line-height:.9;color:var(--accent);letter-spacing:-1px}

/* countdown */
.t-mono .cd{gap:12px}
.t-mono .cd span{background:transparent;border:0;border-left:1px solid var(--line2);border-radius:0;align-items:flex-start;padding:0 14px;min-width:84px}
.t-mono .cd span:first-child{border-left:0;padding-left:0}
.t-mono .cd b{font-family:var(--font-display),sans-serif;font-weight:200;font-size:clamp(46px,5vw,72px);line-height:.95;color:#fff}
.t-mono .cd i{font-family:var(--font-display),sans-serif;letter-spacing:3px;color:var(--muted)}

/* rows / lists (C markup) */
.t-mono .row{border-top-color:var(--line);grid-template-columns:90px minmax(0,1fr) auto}
.t-mono .row .rt{font-family:var(--font-display),sans-serif;font-weight:300;font-size:24px;text-transform:uppercase;letter-spacing:.5px}
.t-mono .row:hover .rt{color:var(--accent)}

/* ---------- header ---------- */
.t-mono .b-hd{background:var(--deep);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}
.t-mono .b-hd .hdi{max-width:1240px;padding:8px 24px;gap:8px 24px}
.t-mono .b-hd .brand{color:var(--text);gap:12px}
.t-mono .b-hd .brand-name,.t-mono .b-ft .brand-name{font-family:var(--font-display),sans-serif;font-weight:300;font-size:21px;letter-spacing:3px;text-transform:uppercase;color:var(--text)}
.t-mono .b-hd .mainnav{gap:0 22px}
.t-mono .b-hd .nv{gap:6px;color:var(--ink2);font:400 16px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase}
.t-mono .b-hd .nv .nn,.t-mono .mnav .nn{color:#6E7076;font-weight:300}
.t-mono .b-hd .nv:hover,.t-mono .b-hd .nv.on{color:var(--accent)}.t-mono .b-hd .nv.on .nn{color:var(--accent)}
.t-mono .b-hd .pill{min-height:40px;padding:0 16px;font-size:14px}
.t-mono .b-hd .av{border-radius:0;width:22px;height:22px}
.t-mono .ic,.t-mono .menu-btn{border-radius:0;border-color:var(--line2)}
.t-mono .mnav{background:var(--deep);border-top:1px solid var(--line)}
.t-mono .mnav .mi{font:300 26px var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);color:var(--text)}

/* ---------- footer ---------- */
.t-mono .b-ft{background:var(--deep);border-top:1px solid var(--line);margin-top:96px;padding-top:56px}
.t-mono .b-ftg{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(auto-fit,minmax(170px,1fr));gap:36px 32px}
.t-mono .b-fabout p{color:var(--muted);font-size:15px;line-height:1.6;max-width:360px;margin:16px 0 0}
.t-mono .b-fabout .brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.t-mono .b-fcol{display:flex;flex-direction:column;gap:10px}
.t-mono .b-fh{font:500 14px var(--font-display),sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.t-mono .b-fcol a{color:var(--ink2);text-decoration:none;font:400 16px var(--font-display),sans-serif;letter-spacing:2px;text-transform:uppercase}
.t-mono .b-fcol a:hover{color:var(--accent)}
.t-mono .b-ftb{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:48px;padding-top:20px;padding-bottom:28px;font-size:13px;color:#8A8C92}
.t-mono .b-top{color:#8A8C92;text-decoration:none;font-family:var(--font-display),sans-serif;letter-spacing:2px;text-transform:uppercase}

/* ---------- angled-panel hero ---------- */
.t-mono .b-hero{position:relative;height:var(--h,820px);display:flex;background:var(--band);overflow:hidden}
.t-mono .b-left{position:relative;z-index:3;flex:0 0 340px;padding:56px 40px 48px;display:flex;flex-direction:column;gap:24px;color:var(--band-ink)}
.t-mono .b-tick{width:22px;height:2px;background:var(--band-ink);margin-left:150px}
.t-mono .b-rule{height:1px;background:#8A8D94;margin:36px -40px 0}
.t-mono .b-wordmark{display:flex;align-items:center;gap:26px;text-decoration:none;color:var(--band-ink)}
.t-mono .b-wordmark>span{display:flex;flex-direction:column;font:300 46px/.98 var(--font-display),sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.t-mono .b-tag{margin:0;font:400 19px/1.5 var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#3F4249;max-width:250px}
.t-mono .b-kick{margin:0;font:500 15px var(--font-display),sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--accent-deep)}
.t-mono .b-slats{position:relative;z-index:1;flex:1 1 auto;display:flex;margin-left:-60px;margin-right:-240px}
.t-mono .b-slat{position:relative;flex:1 1 0;min-width:0;transform:skewX(-24deg);transform-origin:50% 82%;overflow:hidden;border-left:1px solid rgba(255,255,255,.07);transition:flex-grow .5s cubic-bezier(.2,.7,.2,1),background-color .4s;
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 1px,transparent 1px var(--tex,8px))}
.t-mono .b-slat.on{flex-grow:2.6;background-color:#2A261C!important}
.t-mono .b-bar{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--accent);transition:height .45s ease;z-index:2}
.t-mono .b-slat.on .b-bar{height:58px}
.t-mono .b-inner{position:absolute;inset:0;transform:skewX(24deg);transform-origin:50% 82%}
.t-mono .b-photo,.t-mono .b-glow,.t-mono .b-scrim{position:absolute;top:0;bottom:0;left:-420px;right:-420px;pointer-events:none}
.t-mono .b-photo{background-size:cover;background-position:58% 40%;filter:grayscale(1) brightness(.6) contrast(1.05);transition:filter .5s ease,transform .9s ease}
.t-mono .b-slat:hover .b-photo{filter:grayscale(1) brightness(.72) contrast(1.05)}
.t-mono .b-slat.on .b-photo{filter:grayscale(1) brightness(.85) contrast(1.1);transform:scale(1.04)}
.t-mono .b-scrim{background:linear-gradient(to bottom,rgba(16,17,20,.6) 0%,rgba(16,17,20,.2) 45%,rgba(16,17,20,.75) 100%)}
.t-mono .b-glow{background:linear-gradient(to top,rgba(212,162,60,.72) 0%,rgba(212,162,60,0) 45%);opacity:0;transition:opacity .5s ease}
.t-mono .b-slat.on .b-glow{opacity:1}
.t-mono .b-lab{position:absolute;top:calc(var(--h,820px) * .68);left:0;right:0;padding:0 30px;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--text);font-family:var(--font-display),sans-serif;display:flex;flex-direction:column;z-index:3}
.t-mono .b-lab .n{font-size:100px;font-weight:200;line-height:.85;letter-spacing:-1px;transition:color .3s}
.t-mono .b-lab .t{font-size:36px;font-weight:300;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s;white-space:nowrap}
.t-mono .b-slat:hover .b-lab .n,.t-mono .b-slat:hover .b-lab .t{color:#fff}
.t-mono .b-slat.on .b-lab .n,.t-mono .b-slat.on .b-lab .t{color:#F3C565}
.t-mono .b-peek{position:absolute;top:calc(var(--h,820px) * .15);left:230px;width:420px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s ease .12s,transform .35s ease .12s,visibility 0s linear .45s;display:flex;flex-direction:column;gap:14px;z-index:3}
.t-mono .b-slat.on .b-peek{opacity:1;visibility:visible;transform:none;transition:opacity .35s ease .15s,transform .35s ease .15s,visibility 0s}
.t-mono .b-big{margin:0;font:300 46px/1.02 var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.t-mono .b-body{color:#D6D7DA;font-size:17px;line-height:1.55}.t-mono .b-body p{margin:0}
.t-mono .b-body ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.t-mono .b-peek .cd{margin-top:4px}.t-mono .b-peek .cd b{font-size:48px}.t-mono .b-peek .cd span{min-width:64px}
.t-mono .b-peek .btns{margin-top:6px}

/* ---------- page band + intro ---------- */
.t-mono .b-band{position:relative;height:420px;background:var(--band);overflow:hidden}
.t-mono .b-band-ph,.t-mono .b-band-gl{position:absolute;top:0;bottom:0;left:30%;right:0;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.t-mono .b-band-ph{background-size:cover;filter:grayscale(1) brightness(.72) contrast(1.08)}
.t-mono .b-band-gl{background:linear-gradient(to top,rgba(212,162,60,.6),rgba(212,162,60,0) 50%)}
.t-mono .b-band-txt{position:absolute;left:0;right:0;bottom:40px}
.t-mono .b-band-txt .wrap{display:flex;flex-direction:column;gap:8px}
.t-mono .b-num{font:200 150px/.8 var(--font-display),sans-serif;color:var(--band-ink);letter-spacing:-2px}
.t-mono .b-lab2{font:300 30px var(--font-display),sans-serif;letter-spacing:4px;text-transform:uppercase;color:#3F4249}
.t-mono .b-intro{padding-top:56px}
.t-mono .b-intro-txt{display:flex;flex-direction:column;gap:20px;max-width:900px}

/* ---------- sections ---------- */
.t-mono .sec{padding-top:88px}
.t-mono .b-sec{padding-top:88px}
.t-mono .b-sh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:28px}
.t-mono .b-sh .b-sub{font:400 15px var(--font-display),sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--muted);flex:1 1 280px}
.t-mono .b-sh .pill{align-self:center}
.t-mono .b-rows{border-bottom:1px solid var(--line)}
.t-mono .b-row{display:grid;grid-template-columns:90px minmax(0,1fr) 170px 170px 40px;align-items:center;gap:16px;min-height:76px;border-top:1px solid var(--line);color:var(--text);text-decoration:none;transition:color .2s,padding .3s}
.t-mono a.b-row:hover{color:var(--accent);padding-left:12px}
.t-mono .b-rn{font:200 40px var(--font-display),sans-serif;color:#6E7076}
.t-mono .b-rt{font:300 28px/1.1 var(--font-display),sans-serif;letter-spacing:.5px;text-transform:uppercase;padding:12px 0}
.t-mono .b-rk{font:400 14px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.t-mono .b-rd{font-size:15px;color:var(--muted)}
.t-mono .b-now{padding-top:0}
.t-mono .b-now-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-bottom:1px solid var(--line)}
.t-mono .b-now-it{display:flex;flex-direction:column;gap:8px;padding:26px 24px 26px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none}
.t-mono .b-now-it+.b-now-it{padding-left:24px;border-left:1px solid var(--line)}
.t-mono .b-now-t{font:300 26px/1.1 var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.t-mono .b-now-it:hover .b-now-t{color:var(--accent)}
.t-mono .b-now-d{color:var(--muted);font-size:15px}
.t-mono .b-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--line)}
.t-mono .b-col{display:flex;flex-direction:column;gap:10px;padding:26px 24px 26px 0;color:var(--text);text-decoration:none}
.t-mono .b-cn{font:200 44px/1 var(--font-display),sans-serif;color:var(--accent)}
.t-mono .b-ct{font:300 28px/1.05 var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.3px;color:#fff}
.t-mono a.b-col:hover .b-ct{color:var(--accent)}
.t-mono .b-cd{color:var(--muted);font-size:15px;line-height:1.5}
.t-mono .b-cimg{display:block;aspect-ratio:4/3;width:calc(100% - 0px);margin-bottom:6px}
.t-mono .b-quote-sec{border-top:1px solid var(--line);margin-top:88px;padding:72px 0 8px}
.t-mono .b-quotes{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-end;justify-content:space-between}
.t-mono .b-q{margin:0;flex:1 1 600px;display:flex;flex-direction:column;gap:16px}
.t-mono .b-q blockquote{margin:0;font:300 clamp(28px,3.4vw,44px)/1.12 var(--font-display),sans-serif;text-transform:uppercase;color:#fff}
.t-mono .b-q figcaption{color:var(--muted)}
.t-mono .b-qnav{display:flex;gap:10px}
.t-mono .b-form{margin-top:48px;border-top:1px solid var(--line);padding-top:32px;max-width:720px}
.t-mono .b-fband{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:0;background:var(--band);color:var(--band-ink);min-height:440px}
.t-mono .b-fband.rev .b-fimg{order:2;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.t-mono .b-fimg{position:relative;min-height:320px;background-size:cover;background-position:center;filter:grayscale(1) brightness(.8) contrast(1.05);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.t-mono .b-glow2{position:absolute;inset:0;background:linear-gradient(to top,rgba(212,162,60,.55),rgba(212,162,60,0) 55%)}
.t-mono .b-ftxt{padding:48px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.t-mono .b-fband .b-h2{color:var(--band-ink);font-size:clamp(36px,4vw,58px)}
.t-mono .b-fband .b-eye{color:var(--accent-deep)}
.t-mono .b-fband .body{color:#3F4249}
.t-mono .b-fband .p-line{color:var(--band-ink);border-color:var(--band-ink)}.t-mono .b-fband .p-line:hover{background:var(--band-ink);color:var(--band)}
.t-mono .b-fband .p-gold{background:var(--band-ink);border-color:var(--band-ink);color:var(--band)}

/* event page */
.t-mono .b-ev{padding-top:56px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.t-mono .b-ev-l{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}
.t-mono .b-ev-r{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.t-mono .b-crumbs{font:400 14px var(--font-display),sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.t-mono .b-crumbs a{color:var(--muted);text-decoration:none}.t-mono .b-crumbs a:hover{color:var(--accent)}
.t-mono .b-dl{margin:0;display:grid;grid-template-columns:110px minmax(0,1fr)}
.t-mono .b-dl dt{padding:14px 0;border-top:1px solid var(--line);font:400 14px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}
.t-mono .b-dl dd{margin:0;padding:14px 0;border-top:1px solid var(--line)}
.t-mono .b-dl dt:last-of-type,.t-mono .b-dl dd:last-of-type{border-bottom:1px solid var(--line)}
.t-mono .b-cdbox{display:flex;flex-direction:column;gap:26px;padding:36px;background:var(--surface);border-bottom:4px solid var(--accent)}
.t-mono .b-player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.t-mono .b-player video{width:100%;height:100%;display:block}
.t-mono .b-badge{position:absolute;top:18px;left:18px;font:500 14px var(--font-display),sans-serif;letter-spacing:3px;text-transform:uppercase;background:var(--deep);color:var(--accent);padding:6px 12px}
.t-mono .b-badge.live{background:var(--live);color:#fff}
.t-mono .b-split{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2.4fr);gap:24px 48px;border-top:1px solid var(--line);margin-top:88px;padding-top:32px}
.t-mono .b-row.static{grid-template-columns:90px minmax(0,1fr) 200px 0 0}
.t-mono .dd .ddm{border-radius:0;background:var(--deep)}

/* phero (if a Broadcast-only hero is used), strip, misc */
.t-mono .phero .shade,.t-mono .hero .shade{background:linear-gradient(to bottom,rgba(16,17,20,.55),rgba(16,17,20,.25) 45%,rgba(16,17,20,.92))}
.t-mono .hero .poster,.t-mono .hero video{filter:grayscale(1) brightness(.8)}
.t-mono .strip{margin-top:0}
.t-mono .toast{border-radius:0}
.t-mono .modal{border-radius:0}
.t-mono .clist .av,.t-mono .cmt .av{border-radius:0}
.t-mono .preview-bar{font-family:var(--font-display),sans-serif;letter-spacing:2px;text-transform:uppercase}

/* ---------- responsive (from the Direction B mockups) ---------- */
@media (max-width:1100px){
  .t-mono .b-hero{height:auto;flex-direction:column}
  .t-mono .b-left{flex:none;padding:32px 20px 24px;gap:16px}
  .t-mono .b-tick,.t-mono .b-rule{display:none}
  .t-mono .b-wordmark svg{width:56px;height:80px}.t-mono .b-wordmark>span{font-size:34px}
  .t-mono .b-slats{flex-direction:column;margin:0}
  .t-mono .b-slat{transform:none;flex:none;border-left:0;border-top:1px solid rgba(255,255,255,.07)}
  .t-mono .b-slat.on{flex-grow:0}
  .t-mono .b-inner{position:relative;transform:none;padding:22px 20px;display:flex;flex-direction:column-reverse;gap:16px}
  .t-mono .b-lab{position:relative;top:auto;padding:0;flex-direction:row;align-items:baseline;gap:16px}
  .t-mono .b-lab .n{font-size:52px}.t-mono .b-lab .t{font-size:28px}
  .t-mono .b-peek{position:relative;top:auto;left:auto;width:auto;display:none;transform:none}
  .t-mono .b-slat.on .b-peek{display:flex}
  .t-mono .b-slat.on .b-bar{height:6px}
  .t-mono .b-photo,.t-mono .b-glow,.t-mono .b-scrim{left:0;right:0}
  .t-mono .b-big{font-size:36px}
  .t-mono .b-band{height:300px}.t-mono .b-num{font-size:110px}.t-mono .b-lab2{font-size:24px}
  .t-mono .b-row{grid-template-columns:56px minmax(0,1fr) 30px}.t-mono .b-row .hide-sm{display:none}
  .t-mono .b-rn{font-size:30px}.t-mono .b-rt{font-size:22px}
  .t-mono .b-split{grid-template-columns:1fr}
}
@media (max-width:640px){
  .t-mono .b-now-it+.b-now-it{padding-left:0;border-left:0}
  .t-mono .b-ftxt,.t-mono .b-cdbox{padding:24px}
  .t-mono .b-fimg,.t-mono .b-fband.rev .b-fimg{clip-path:none}
  .t-mono .cd span{min-width:64px;padding:0 10px}
}
@media (prefers-reduced-motion:reduce){
  .t-mono .b-slat,.t-mono .b-photo,.t-mono .b-peek,.t-mono .b-bar,.t-mono .b-glow{transition:none}
}
/* header density: numbered nav needs more room than Broadcast's */
.t-mono .b-hd .brand-name{white-space:nowrap}
.t-mono .b-hd .hd-actions{flex-wrap:nowrap}
@media (max-width:1700px){.t-mono .b-hd .hd-actions .p-line{display:none}}
@media (max-width:1500px){.t-mono .b-hd .mainnav{gap:0 14px}.t-mono .b-hd .nv{font-size:15px;letter-spacing:1.8px}.t-mono .b-hd .hdi{gap:8px 18px}}
@media (max-width:1320px){.t-mono .b-hd .mainnav{display:none}.t-mono .b-hd .menu-btn{display:inline-flex}}
@media (max-width:720px){
  .t-mono .b-hd .hd-actions .pill:not(.p-gold){display:none}.t-mono .b-hd .brand-name{font-size:16px;letter-spacing:2px}
  .t-mono .b-ftg{grid-template-columns:1fr 1fr}.t-mono .b-fabout{grid-column:1/-1}
  .t-mono .pill{white-space:normal;max-width:100%;text-align:center;padding:8px 16px;line-height:1.25}
  .t-mono .h1,.t-mono .h2,.t-mono .b-h2,.t-mono .h-xl,.t-mono .h-lg,.t-mono .b-big,.t-mono .b-ct,.t-mono .b-rt,.t-mono .b-q blockquote{overflow-wrap:anywhere;hyphens:auto}
  .t-mono .b-dl{grid-template-columns:90px minmax(0,1fr)}
}
@media (max-width:400px){.t-mono .b-ftg{grid-template-columns:1fr}}
/* header: full-width bar, compact account, menu button only when the numbered nav is hidden */
.t-mono .b-hd .hdi{max-width:none;padding:8px 28px}
.t-mono .b-hd .brand-name{font-size:19px;letter-spacing:2.5px}
.t-mono .b-hd .acct .acct-name{display:none}
.t-mono .b-hd .acct{padding:0 12px}
@media (min-width:1321px){.t-mono .b-hd .menu-btn{display:none}}
.t-mono .b-ftxt .pill,.t-mono .b-peek .pill,.t-mono .b-cdbox .pill{white-space:normal;text-align:center;line-height:1.2;padding-top:8px;padding-bottom:8px}
.t-mono .split .h2,.t-mono .panel .h2,.t-mono .split-side .h2{font-size:clamp(30px,3.2vw,46px);font-weight:300}.t-mono .split-side,.t-mono .split-main{min-width:0}.t-mono .chiprow{flex-wrap:wrap}
/* keep all five panels on screen at desktop widths */
@media (min-width:1101px){
  .t-mono .b-left{flex-basis:300px;padding-right:28px}
  .t-mono .b-tick{margin-left:130px}
  .t-mono .b-slats{margin-right:-90px}
  .t-mono .b-lab{padding:0 24px}
  .t-mono .b-lab .t.long{font-size:26px;letter-spacing:1px}
  .t-mono .b-peek{left:190px;width:380px}
}
@media (min-width:1101px) and (max-width:1300px){.t-mono .b-lab .n{font-size:76px}.t-mono .b-lab .t{font-size:28px}.t-mono .b-big{font-size:38px}.t-mono .b-peek{width:330px}}
@media (min-width:1101px){
  .t-mono .b-slat.on{flex-grow:3.3}
  .t-mono .b-peek{left:250px;width:330px;top:calc(var(--h,820px) * .2)}
  .t-mono .b-big{font-size:40px}
  .t-mono .b-peek .cd b{font-size:42px}.t-mono .b-peek .cd span{min-width:56px;padding:0 10px}
}
.t-mono .b-more{align-self:center;font:400 15px var(--font-display),sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding:4px 0}
.t-mono .b-more:hover{color:var(--accent);border-color:var(--accent)}
@media (min-width:1101px){
  .t-mono .b-slats{margin-right:-50px}
  .t-mono .b-slat:not(.on) .b-lab .n{font-size:84px}
  .t-mono .b-slat:not(.on) .b-lab .t{font-size:30px}
  .t-mono .b-slat:not(.on) .b-lab .t.long{font-size:22px}
}
.t-mono .sx-ask .split-main,.t-mono .sx-ask .split-side{flex:1 1 100%}.t-mono .sx-ask .split-side [data-qa-list]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:4px 24px}.t-mono .qa{border-radius:0;border-top:1px solid var(--line);padding:16px 0}.t-mono .qt{font:300 22px/1.15 var(--font-display),sans-serif;text-transform:uppercase}
@media (max-width:1100px){.t-mono .b-row.static{grid-template-columns:56px minmax(0,1fr)}.t-mono .b-row.static>span:empty{display:none}.t-mono .b-row.static .b-rd{grid-column:2;margin-top:-10px;padding-bottom:12px}}
.t-mono .b-h1{margin:0;font:inherit}
.t-mono .b-hd.nav-collapsed .menu-btn{display:inline-flex}.t-mono .b-hd.nav-collapsed .mainnav{display:none}

/* ---------- adjustable photo colour ----------
   Site-wide levels come from Brand & theme (--img-rest, --img-hover, --img-panel, --wash: 0 = black & white, 1 = full colour).
   A single image can override them from the Media library (inline --sr = at rest, --sh = highlighted). */
.t-mono .thumb .bg,.t-mono .thumb img.bg,.t-mono .rimg,.t-mono .timg,.t-mono .cimg,.t-mono .ms-img,.t-mono .ab-img,.t-mono .nxi,.t-mono .qa-img,.t-mono .b-cimg,.t-mono .fb-img,.t-mono .thumb64.bg,.t-mono .music-img,.t-mono .phero .bg,.t-mono .cvr{filter:saturate(var(--sr,var(--img-rest,0))) contrast(1.05) brightness(.85);transition:filter .45s ease,transform .6s ease}
.t-mono .card:hover .bg,.t-mono .card:focus-visible .bg,.t-mono .card.cur .bg,.t-mono a:hover>.rimg,.t-mono a:focus-visible>.rimg,.t-mono a:hover .cimg,.t-mono .b-col:hover .b-cimg,.t-mono .qa:hover .qa-img,.t-mono a:hover .nxi,.t-mono .ms:hover .ms-img,.t-mono .tst:hover .timg,.t-mono .book:hover .cvr,.t-mono .cvr:hover{filter:saturate(var(--sh,var(--img-hover,1))) contrast(1) brightness(1)}
.t-mono .b-photo{filter:saturate(var(--sr,var(--img-rest,0))) brightness(.6) contrast(1.05)}
.t-mono .b-slat:hover .b-photo{filter:saturate(var(--sr,var(--img-rest,0))) brightness(.72) contrast(1.05)}
.t-mono .b-slat.on .b-photo{filter:saturate(var(--sh,var(--img-panel,0))) brightness(.85) contrast(1.1)}
.t-mono .b-band-ph{filter:saturate(var(--sr,var(--img-rest,0))) brightness(.72) contrast(1.08)}
.t-mono .b-fimg{filter:saturate(var(--sr,var(--img-rest,0))) brightness(.8) contrast(1.05);transition:filter .45s ease}
.t-mono .b-fband:hover .b-fimg{filter:saturate(var(--sh,var(--img-hover,1))) brightness(.92) contrast(1)}
.t-mono .hero .poster,.t-mono .hero video{filter:saturate(var(--img-rest,0)) brightness(.8)}
.t-mono .card:hover .thumb::after,.t-mono .card:focus-visible .thumb::after,.t-mono .card.cur .thumb::after,.t-mono .b-slat.on .b-glow{opacity:var(--wash,1)}
.t-mono .b-band-gl,.t-mono .b-glow2{opacity:var(--wash,1)}
.t-mono .b-player .embed-16x9{height:100%;aspect-ratio:auto}