/* Affiliates: one centered banner on desktop; a balanced three-over-two group below 900px. */
.affiliate-bar{display:grid;gap:24px;align-items:center;padding:34px clamp(24px,5vw,84px) 42px;background:#080807;border-block:1px solid rgba(226,178,111,.22)}
.affiliate-copy{text-align:center}.affiliate-copy .eyebrow{margin:0}.affiliate-copy p:last-child:not(.eyebrow){margin:8px 0 0;color:#d7cdc0;font:500 1.05rem "Playfair Display",serif}
.affiliate-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,3vw,48px);align-items:center;width:100%;max-width:1120px;margin-inline:auto}
.affiliate-logos figure{margin:0;min-width:0;min-height:92px;display:grid;place-items:center;padding:8px 0}
.affiliate-logos a{display:grid;place-items:center;width:100%;min-height:92px;border-radius:4px;transition:background-color .2s ease,box-shadow .2s ease}
.affiliate-logos img{display:block;width:100%;max-width:160px;max-height:72px;object-fit:contain;filter:saturate(.82) brightness(1.05);transition:filter .2s ease,transform .2s ease}
.affiliate-logos a:hover,.affiliate-logos a:focus-visible{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(226,178,111,.22)}
.affiliate-logos a:hover img,.affiliate-logos a:focus-visible img{filter:saturate(1) brightness(1.16);transform:translateY(-2px)}
.affiliate-logos a:focus-visible{outline:2px solid #e2b26f;outline-offset:4px}
.affiliate-note{margin:0;color:#8e867c;font-size:.7rem;text-align:center}
@media(prefers-reduced-motion:reduce){.affiliate-logos a,.affiliate-logos img{transition:none}}
@media(max-width:900px){.affiliate-logos{grid-template-columns:repeat(6,minmax(0,1fr));max-width:660px;gap:20px 24px}.affiliate-logos figure{grid-column:span 2}.affiliate-logos figure:nth-child(4){grid-column:2/span 2}.affiliate-logos figure:nth-child(5){grid-column:4/span 2}}
@media(max-width:700px){.affiliate-bar{gap:18px;padding:27px 20px 30px}.affiliate-logos{gap:14px 12px}.affiliate-logos figure,.affiliate-logos a{min-height:72px}.affiliate-logos figure{padding:8px 0}.affiliate-logos img{max-width:120px;max-height:56px}.affiliate-note{line-height:1.45}}
.homepage-media{background:var(--paper);color:var(--ink)}.homepage-media-head{max-width:640px}.homepage-media-head .lead{margin-top:14px}.homepage-media-head{margin-inline:auto;text-align:center}.homepage-media-grid{display:grid;grid-template-columns:1fr;gap:28px;margin:38px auto 0;max-width:900px}.homepage-media-card{margin:0;border:1px solid rgba(226,178,111,.3);background:#100f0d}.homepage-media-card video{display:block;width:100%;aspect-ratio:16/9;background:#050504;object-fit:cover}.homepage-media-card figcaption{padding:22px 26px 26px}.media-number{display:block;color:var(--red);font:700 .72rem "Barlow Condensed",sans-serif;letter-spacing:.2em}.homepage-media-card h3{margin:6px 0 0;color:#f7efe5;font:500 1.5rem "Playfair Display",serif}.homepage-media-card p{margin:4px 0 0;color:#aaa196;font-size:.9rem}
.demo-reel-section{position:relative;background-color:#080807;background-image:linear-gradient(rgba(5,5,4,.78),rgba(5,5,4,.88)),url("MEDIA/IMAGES/TEXTURES/APPROVED/microphone-diagram-pattern-gold-black.webp");background-position:center top,center top;background-repeat:no-repeat,repeat;background-size:cover,512px 288px;color:#f6eee3;border-block:1px solid rgba(226,178,111,.22);box-shadow:inset 0 40px 80px rgba(0,0,0,.24),inset 0 -40px 80px rgba(0,0,0,.32)}.demo-reel-section .homepage-media-head .eyebrow{color:#d9a75e}.demo-reel-section .homepage-media-head h2{color:#f6eee3;text-shadow:0 2px 18px rgba(0,0,0,.45)}.demo-reel-section .homepage-media-head .lead{color:#c8bcad}

/* Demo reel console — warm-gold studio hardware treatment. */
.video-console-card{border:0;background:transparent}.video-console{--console-gold:#c8954e;position:relative;overflow:hidden;padding:10px;border:1px solid #594629;border-radius:22px;background:linear-gradient(145deg,#2a2926 0%,#11110f 34%,#080807 100%);box-shadow:0 26px 65px rgba(24,17,9,.34),inset 0 0 0 2px #0b0a09,inset 0 0 0 3px rgba(200,149,78,.46),inset 0 1px 0 rgba(255,230,184,.2);isolation:isolate}.video-console::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.28;background-image:radial-gradient(circle at 16% 22%,rgba(255,255,255,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 74% 61%,rgba(255,255,255,.08) 0 1px,transparent 1.5px);background-size:9px 11px,13px 15px;mix-blend-mode:screen}.video-console-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 22px;border-bottom:1px solid rgba(200,149,78,.64);color:var(--console-gold);font:600 clamp(1.1rem,2.4vw,1.7rem) "Josefin Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}.video-console-mode{display:flex;align-items:center;gap:9px;color:#d9c39f;font:700 .64rem "Barlow Condensed",sans-serif;letter-spacing:.16em}.video-console-mode i,.console-led{display:block;width:10px;height:10px;border-radius:50%;background:#d9362c;box-shadow:0 0 0 3px #24110f,0 0 10px rgba(217,54,44,.92)}.video-console-body{display:grid;grid-template-columns:minmax(0,1fr) 112px}.video-console-screen{margin:18px 14px 14px 18px;padding:8px;border:1px solid rgba(200,149,78,.5);border-radius:15px;background:#020202;box-shadow:inset 0 0 24px #000,0 0 0 3px #13120f}.video-console-screen video{border-radius:9px}.video-console-channel{position:relative;display:grid;place-items:center;min-height:100%;padding:48px 12px 34px;border-left:1px solid rgba(200,149,78,.55);background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 25%,rgba(255,255,255,.02))}.console-led{position:absolute;top:37px;left:50%;width:13px;height:13px;transform:translateX(-50%)}.console-screw{position:absolute;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#817b70 0 11%,#37342f 15% 38%,#090908 42% 100%);box-shadow:0 1px 2px #000}.console-screw::after{content:"";position:absolute;inset:6px 2px;background:#111;transform:rotate(24deg)}.screw-top{top:10px;right:11px}.screw-bottom{right:11px;bottom:11px}.volume-fader{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:10px;height:245px;margin-top:20px;color:#cdb792;font:700 .62rem "Barlow Condensed",sans-serif;letter-spacing:.17em;text-transform:uppercase}.volume-fader input{--fader-level:75%;width:34px;height:175px;margin:0;writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;background:transparent;cursor:ns-resize}.volume-fader input::-webkit-slider-runnable-track{width:8px;border:1px solid #050504;border-radius:7px;background:linear-gradient(to top,var(--console-gold) var(--fader-level),#25231f var(--fader-level));box-shadow:inset 0 0 0 2px #111,0 0 0 1px rgba(200,149,78,.25)}.volume-fader input::-webkit-slider-thumb{width:38px;height:25px;margin-left:-16px;border:1px solid #070706;border-radius:4px;appearance:none;-webkit-appearance:none;background:linear-gradient(#8b8377 0 30%,#d8c29c 45% 55%,#4c4741 70%);box-shadow:0 3px 7px #000}.volume-fader input::-moz-range-track{width:8px;border:1px solid #050504;border-radius:7px;background:#25231f}.volume-fader input::-moz-range-progress{width:8px;background:var(--console-gold)}.volume-fader input::-moz-range-thumb{width:38px;height:25px;border:1px solid #070706;border-radius:4px;background:linear-gradient(#8b8377 0 30%,#d8c29c 45% 55%,#4c4741 70%);box-shadow:0 3px 7px #000}.volume-fader input:focus-visible{outline:2px solid #f0c98e;outline-offset:8px}.volume-fader output{min-width:34px;color:#f0d3a2;text-align:center}.video-console-cues{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:12px;margin:0 14px 8px 18px;padding:10px 0 0;border-top:1px solid rgba(200,149,78,.28)}.video-console-cues button{width:48px;height:38px;border:1px solid rgba(200,149,78,.65);border-radius:4px;background:linear-gradient(#292722,#12110f);color:#e5bd7d;cursor:pointer;font-size:1.2rem;box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 0 #050504;transition:transform .14s,background .14s}.video-console-cues button:hover,.video-console-cues button:focus-visible{background:#c8954e;color:#0d0b08;outline:0;transform:translateY(-1px)}.video-console-cues button:active,.video-console-cues button.cue-pulse{transform:translateY(2px);box-shadow:inset 0 1px 4px #20160b}.video-console-cues>span{text-align:center}.video-console-cues b,.video-console-cues small{display:block}.video-console-cues b{color:#e1c49a;font:700 .68rem "Barlow Condensed",sans-serif;letter-spacing:.18em;text-transform:uppercase}.video-console-cues small{margin-top:2px;color:#82786a;font-size:.67rem}.video-console-card figcaption{margin:0 11px;border-right:1px solid rgba(200,149,78,.35);border-bottom:1px solid rgba(200,149,78,.35);border-left:1px solid rgba(200,149,78,.35);background:#100f0d}
@media(max-width:900px){.homepage-media-head,.homepage-media-grid{grid-template-columns:1fr}}
@media(max-width:560px){.homepage-media-card figcaption{padding:20px}}
@media(max-width:620px){.video-console{padding:7px;border-radius:14px}.video-console-head{min-height:54px;padding:9px 13px}.video-console-mode{font-size:.55rem}.video-console-body{grid-template-columns:minmax(0,1fr) 72px}.video-console-screen{margin:11px 9px 10px 11px;padding:5px;border-radius:10px}.video-console-screen video{border-radius:6px}.video-console-channel{padding-inline:7px}.volume-fader{height:190px}.volume-fader input{height:120px}.video-console-cues{grid-template-columns:46px minmax(0,1fr) 46px;margin-inline:11px 9px;gap:6px}.video-console-cues button{width:42px}.video-console-cues small{font-size:.58rem}.video-console-card figcaption{margin-inline:8px}}
/* Sound demo visualizer (replaces the demo reel video screen; visual baseline: ARCHIVE/ignored-local/paused-uncommitted-2026-09-29/DRAFTS/active/shared-or-uncertain/logo-audio-visualizer-2026-09-01/APPROVED-LOCKED-2026-09-01.html) */
.video-console-screen{display:grid}.viz-stage{position:relative;height:100%;min-height:230px;overflow:hidden;border-radius:9px;background:#050403}.viz-stage canvas{position:absolute;inset:0;width:100%;height:100%}.viz-logo{position:absolute;left:50%;top:50%;width:var(--viz-logo,120px);height:var(--viz-logo,120px);padding:0;border:0;background:none;transform:translate(-50%,-50%);cursor:pointer;will-change:transform}.viz-logo img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}.viz-logo:focus-visible{outline:2px solid #f0c98e;outline-offset:10px;border-radius:50%}.viz-logo-glow{position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(240,205,130,.35) 0%,rgba(240,205,130,.08) 45%,transparent 70%);opacity:0;pointer-events:none;will-change:opacity}.viz-play{position:absolute;left:calc(50% - 9px);top:50%;width:0;height:0;border-left:26px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;transform:translateY(-50%);transform-origin:9px 50%;opacity:0;transition:opacity .35s,filter .25s,transform .25s;pointer-events:none;filter:drop-shadow(0 0 12px rgba(0,0,0,.9)) drop-shadow(0 2px 6px rgba(0,0,0,.8))}.viz-stage.is-paused .viz-play{opacity:1}.viz-stage.is-paused .viz-logo:hover~.viz-play{filter:drop-shadow(0 0 18px rgba(255,246,228,.9)) drop-shadow(0 0 36px rgba(240,205,130,.5)) drop-shadow(0 2px 6px rgba(0,0,0,.8));transform:translateY(-50%) scale(1.14)}
@media(prefers-reduced-motion:reduce){.viz-logo{transform:translate(-50%,-50%)!important}}
/* Visualizer logo keeps the full bright gold gradient (overrides the site-wide champagne toning in checkmark-bevels.css); screen margins balanced around the centered halo. */
#demoVizLogo img{filter:none}.video-console-screen{margin:16px 16px 14px}
@media(max-width:620px){.video-console-screen{margin:10px 10px 9px}}
