/* AI Films · Charcoal & Gold — andyhtu.com */
.atu-films{--gold:#EDBF50;--gold2:#AF8214;--ink:#1c1c1e;--ink2:#2a2a2d;--W:1840px;background:#EFE8DC;color:#212121;font-family:Inter,system-ui,sans-serif;padding:128px 20px 90px!important;margin-top:0!important;-webkit-font-smoothing:antialiased}
.atu-films *,.atu-films *::before,.atu-films *::after{box-sizing:border-box}
/* when a hero sits above this section, drop the menu clearance and blend with the hero's wave */
.atu-films:not(:first-child){padding-top:40px!important;background:transparent}
.atu-films :where(p,h1,h2,h3,ul,figure){margin:0}
.atu-films .is-layout-flow>*{margin-block-start:0}
.atu-films>*{max-width:var(--W);margin-inline:auto!important}
.atu-films a{color:inherit;text-decoration:none}
.atu-films .wp-block-heading{font-family:Oswald,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:0;color:inherit}
.atu-films .wp-block-heading strong{color:var(--gold2);font-weight:inherit}
.atu-films .atu-k{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.26em;font-size:11px;color:var(--gold2)}
/* buttons: first = solid gold, rest = outline */
.atu-films .wp-block-buttons{display:flex;gap:8px;flex-wrap:wrap}
.atu-films .wp-block-button__link{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;line-height:1;padding:13px 18px;border-radius:99px;border:1px solid currentColor;background:transparent;color:inherit;white-space:nowrap;transition:transform .2s,background .2s}
.atu-films .wp-block-button:first-child .wp-block-button__link{background:var(--gold);border-color:var(--gold);color:#111}
.atu-films .wp-block-button__link:hover{transform:translateY(-2px)}
/* social icons */
.atu-films .wp-block-social-links{display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:0}
.atu-films .wp-block-social-links .wp-social-link{background:none!important;color:#d8d5ce!important;border:1px solid currentColor;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;opacity:.8;transition:.2s;margin:0}
.atu-films .wp-social-link a{padding:0!important;display:grid;place-items:center;width:100%;height:100%}
.atu-films .wp-social-link svg{width:15px!important;height:15px!important;fill:currentColor!important}
.atu-films .wp-social-link:hover{opacity:1;background:var(--gold)!important;border-color:var(--gold);color:#111!important}
/* scanlines + static */
.atu-scan{position:relative;overflow:hidden}
.atu-scan::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000047 2px 4px),radial-gradient(ellipse at center,transparent 55%,#0009 100%)}
.atu-noise{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity .08s}
@keyframes atu-bl{50%{opacity:.25}}@keyframes atu-mv{to{background-position:22px 0}}@keyframes atu-pan{from{transform:scale(1.03)}to{transform:scale(1.12)}}
/* ── HERO ── */
.atu-hero{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:8px}
.atu-intro,.atu-mini{border-radius:24px;padding:28px;position:relative;overflow:hidden}
.atu-intro{background:var(--ink);color:#f2efe8;display:flex;flex-direction:column;gap:14px}
.atu-intro .atu-k{color:var(--gold)}
.atu-intro h1{font-size:clamp(40px,4vw,64px)!important;line-height:.9!important}
.atu-intro h1 strong{color:var(--gold)}
.atu-intro p:not(.atu-k){color:#b3b0b8;font-size:15px;line-height:1.6}
.atu-intro::after{content:"◀ ▶ flip channels";font-family:Oswald;text-transform:uppercase;letter-spacing:.26em;font-size:11px;color:#77767f;margin-top:auto}
.atu-minis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.atu-mini{background:var(--ink2);color:#f2efe8}
.atu-mini .atu-k{color:var(--gold)}
.atu-mini h3{font-size:clamp(22px,2vw,30px)!important;line-height:1!important;margin-top:10px}
.atu-mini p:not(.atu-k){font-size:13px;margin-top:8px;line-height:1.45;color:#a7a5ad}
.atu-mini.is-gold{background:var(--gold);color:#111}
.atu-mini.is-gold .atu-k{color:#111;display:flex;align-items:center;gap:8px}
.atu-mini.is-gold .atu-k::before{content:"";width:8px;height:8px;border-radius:50%;background:#111;animation:atu-bl 1.2s steps(2) infinite}
.atu-mini.is-gold p:not(.atu-k){color:#3b352b}
.atu-mini.is-gold::after{content:"";display:block;height:6px;border-radius:9px;margin-top:14px;background:repeating-linear-gradient(-45deg,#111 0 8px,#3b352b 8px 16px);background-size:22px 22px;animation:atu-mv 1s linear infinite;-webkit-mask:linear-gradient(90deg,#000 35%,#0003 35%);mask:linear-gradient(90deg,#000 35%,#0003 35%)}
.atu-tv{grid-column:2/4;grid-row:1/3;border-radius:24px;background:#000;min-height:540px;color:#fff}
.atu-tv .atu-feed{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .2s;animation:atu-pan 16s ease-in-out infinite alternate}
.atu-tv .atu-feed.on{opacity:1}
.atu-tv .atu-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#000c,transparent 65%),linear-gradient(0deg,#000a,transparent 40%)}
.atu-tv .atu-live{position:absolute;top:22px;left:26px;z-index:5;font-family:Oswald;letter-spacing:.24em;font-size:11px;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.atu-tv .atu-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#e2231a;box-shadow:0 0 10px #e2231a;animation:atu-bl 1s steps(2) infinite}
.atu-osd{position:absolute;top:16px;right:26px;z-index:5;font-family:VT323,monospace;color:#7CFF8A;text-shadow:0 0 8px #7cff8a88;text-align:right;line-height:.9}
.atu-osd b{font-size:56px;font-weight:400;display:block}.atu-osd span{font-size:22px;text-transform:uppercase}
.atu-tv.ready .atu-channel{position:absolute;left:32px;bottom:88px;z-index:5;max-width:520px;opacity:0;visibility:hidden;transition:opacity .2s}
.atu-tv.ready .atu-channel.on{opacity:1;visibility:visible}
.atu-tv.ready .atu-channel .wp-block-image{display:none}
.atu-channel .atu-k{color:var(--gold)}
.atu-channel h2{font-size:clamp(48px,5.6vw,92px)!important;line-height:.86!important;margin:6px 0 12px!important}
.atu-channel p:not(.atu-k){font-size:15px;line-height:1.55;color:#e2dfd8}
.atu-channel .wp-block-buttons{margin-top:18px}
.atu-dial{position:absolute;left:16px;right:16px;bottom:16px;z-index:6;display:flex;gap:8px}
.atu-dial button{flex:1;background:#000a;backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:12px;color:#a7a7b0;padding:10px 14px;text-align:left;cursor:pointer;position:relative;overflow:hidden;font-family:Oswald;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.atu-dial button b{font-family:VT323,monospace;font-weight:400;font-size:22px;margin-right:8px}
.atu-dial button::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold)}
.atu-dial button.on{color:#fff;border-color:var(--gold)}.atu-dial button.on b{color:var(--gold)}.atu-dial button.on::after{width:100%;transition:width 6.5s linear}
/* ── section heads ── */
.atu-reel,.atu-tune{margin-top:90px!important}
.atu-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 16px;margin-bottom:28px}
.atu-head .atu-k{grid-column:1}
.atu-head h2{grid-column:1;font-size:clamp(40px,5vw,76px)!important;line-height:.92!important}
.atu-head .wp-block-buttons{grid-column:2;grid-row:1/3;align-self:end}
.atu-films .atu-head .wp-block-button:first-child .wp-block-button__link{background:transparent;border-color:#212121;color:#212121}
/* ── REEL ── */
.atu-mason{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(180px,17vw,320px);gap:8px;grid-auto-flow:dense}
.atu-mv{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:#111;box-shadow:0 22px 44px -28px #212121bb;display:block}
.atu-mv.fr{grid-column:2/span 2;grid-row:span 2}
.atu-mv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.atu-mv:hover img{transform:scale(1.06)}
.atu-mv::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#000d 0,#0000 55%)}
.atu-mv .meta{position:absolute;left:20px;right:20px;bottom:16px;z-index:5;color:#fff}
.atu-mv .meta small{font-family:Oswald;text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--gold)}
.atu-mv .meta b{display:block;font-family:Oswald;text-transform:uppercase;font-size:clamp(18px,1.7vw,26px);line-height:1.05;margin-top:4px}
.atu-mv.fr .meta b{font-size:clamp(34px,4vw,64px)}
.atu-mv .pb{position:absolute;top:16px;right:16px;z-index:5;width:46px;height:46px;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:#111;font-size:14px;transition:.3s;box-shadow:0 0 0 6px #00000033}
.atu-mv.fr .pb{width:82px;height:82px;font-size:24px;top:auto;bottom:28px;right:28px}
.atu-mv:hover .pb{transform:scale(1.12)}
.atu-mv .pb::before{content:"";border-left:13px solid #111;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.atu-mv.fr .pb::before{border-left-width:24px;border-top-width:15px;border-bottom-width:15px;margin-left:7px}
.atu-films img.emoji{display:inline!important;width:1em!important;height:1em!important;vertical-align:-.1em;filter:grayscale(1) brightness(0)}
.atu-mv .dur{position:absolute;top:16px;left:16px;z-index:5;font-family:VT323,monospace;font-size:19px;color:#fff;background:#000a;padding:0 8px;border-radius:6px;text-transform:uppercase}
.atu-mv.more{background:var(--gold);display:grid;place-items:center;text-align:center;color:#111}
.atu-mv.more::before{display:none}
.atu-mv.more b{font-family:Oswald;text-transform:uppercase;font-size:30px;display:block;line-height:1}.atu-mv.more span{font-family:Oswald;text-transform:uppercase;letter-spacing:.2em;font-size:11px}
.atu-reel.ready .atu-reel-list{display:none}
/* ── STATIONS ── */
.atu-stations{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.atu-station{background:linear-gradient(160deg,#2d2d31,#151517);border-radius:30px;padding:16px;box-shadow:inset 0 1px 0 #ffffff17,0 40px 70px -40px #000c;color:#f2efe8;transition:transform .35s;position:relative}
.atu-station:hover{transform:translateY(-6px)}
.atu-station.ready>.wp-block-image{display:none}
.atu-scr{position:relative;aspect-ratio:16/10.5;border-radius:20px;background:#000}
.atu-scr .fl{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s}
.atu-station:hover .atu-scr .fl{transform:scale(1.04)}
.atu-scr::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#000e 0,#0000 55%)}
.atu-scr .bug{position:absolute;top:16px;right:20px;z-index:5;font-family:VT323,monospace;font-size:22px;color:#fff;opacity:.9;text-transform:uppercase}
.atu-scr .lower{position:absolute;left:24px;right:24px;bottom:22px;z-index:5}
.atu-scr .lower h3{font-size:clamp(44px,4.6vw,76px)!important;line-height:.88!important}
.atu-scr .lower p:not(.atu-k){font-size:14.5px;color:#d9d6cf;margin-top:10px;max-width:440px;line-height:1.5}
.atu-station .atu-k{color:var(--gold);margin-bottom:6px}
.atu-ctl{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 8px 4px}
.atu-ctl .wp-block-button__link{color:#f2efe8}
.atu-ctl .wp-block-button:first-child .wp-block-button__link{color:#111}
/* ── DISTRX STRIP ── */
.atu-dx{margin-top:10px!important;background:var(--ink);color:#f2efe8;border-radius:30px;display:grid;grid-template-columns:auto 1fr 420px;align-items:stretch;min-height:230px;overflow:hidden;position:relative}
.atu-dx .big{padding:30px 40px;display:flex;align-items:center;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(70px,9vw,150px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--gold);border-right:1px solid #ffffff14}
.atu-dx .mid{padding:30px 34px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.atu-dx .mid .atu-k{color:var(--gold);display:flex;align-items:center;gap:8px}
.atu-dx .mid .atu-k::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:atu-bl 1.2s steps(2) infinite}
.atu-dx .mid h3{display:none}
.atu-dx .mid p:not(.atu-k){color:#b3b0b8;line-height:1.6;max-width:560px}
.atu-dx .mid::after{content:"";height:6px;max-width:420px;border-radius:9px;background:repeating-linear-gradient(-45deg,#EDBF50 0 8px,#AF8214 8px 16px);background-size:22px 22px;animation:atu-mv 1s linear infinite;order:3;-webkit-mask:linear-gradient(90deg,#000 35%,#0002 35%);mask:linear-gradient(90deg,#000 35%,#0002 35%)}
.atu-dx .mid .wp-block-buttons{order:4}
.atu-dx .pic{position:relative;background:#000;min-height:200px}
.atu-dx .pic .fl{position:absolute;inset:0;background-size:cover;background-position:center}
.atu-dx .pic .sig{position:absolute;left:18px;bottom:14px;z-index:5;font-family:VT323,monospace;font-size:22px;color:#7CFF8A;text-shadow:0 0 8px #7cff8a88}
.atu-dx.ready>.wp-block-image{display:none}
/* modal */
.atu-modal{position:fixed;inset:0;background:#000e;z-index:99999;display:none;place-items:center;padding:20px}.atu-modal.on{display:grid}
.atu-modal .box{width:min(1200px,100%);aspect-ratio:16/9;border:1px solid var(--gold,#EDBF50);border-radius:14px;overflow:hidden}
.atu-modal iframe{width:100%;height:100%;border:0}
.atu-modal button{position:fixed;top:24px;right:28px;background:#EDBF50;border:0;border-radius:99px;padding:10px 18px;font-family:Oswald;letter-spacing:.14em;cursor:pointer}
/* responsive */
@media(max-width:1000px){.atu-hero{grid-template-columns:1fr}.atu-tv{grid-column:auto;grid-row:auto;min-height:560px}.atu-stations{grid-template-columns:1fr}.atu-dx{grid-template-columns:1fr}.atu-dx .big{border:0;padding-bottom:0}}
@media(max-width:860px){.atu-mason{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.atu-mv.fr{grid-column:span 2}.atu-head{grid-template-columns:1fr}.atu-head .wp-block-buttons{grid-column:1;grid-row:auto}}
@media(max-width:600px){.atu-films{padding:110px 14px 60px!important}.atu-minis{grid-template-columns:1fr}.atu-dial button span{display:none}.atu-tv.ready .atu-channel{left:20px;right:20px}}

/* long YouTube titles: max 2 lines */
.atu-mv .meta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* v1.1.1 */

/* v1.1.2 · everything 16:9 (1920x1080 shape) */
.atu-tv{aspect-ratio:16/9;min-height:460px;height:auto}
.atu-scr{aspect-ratio:16/9}
.atu-mason{grid-auto-rows:calc((min(100vw - 40px, 1840px) - 16px) / 3 * 0.5625)}
@media(max-width:860px){.atu-mason{grid-auto-rows:calc((100vw - 36px) / 2 * 0.5625)}}
@media(max-width:600px){.atu-mason{grid-auto-rows:calc((100vw - 36px) / 2 * 0.5625)}}