/* ANTB Apps · Multimedia — shared look for every tool in /multimedia/ */
:root{
  --paper:#f5f3ee; --paper-2:#ecE8df; --card:#fffdf8; --ink:#1c1b19; --ink-2:#55514a; --ink-3:#8a857b;
  --line:#dcd6ca; --accent:#b4532a; --accent-ink:#fffaf2; --accent-soft:#f3e2d6;
  --stage:#141210; --stage-2:#1f1c19; --danger:#b23a2a; --ok:#3c8a4f;
  --radius:14px; --serif:Georgia,"Times New Roman",serif;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans)}
a{color:var(--accent)}
em.serif,.serif-em{font-family:var(--serif);font-style:italic;font-weight:400}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
@media (max-width:640px){.wrap{padding:0 16px}}

/* site header */
.site-head{border-bottom:1px solid var(--line);background:var(--paper)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:2px;font-size:14px}
.brand .mk{width:28px;height:28px;border-radius:7px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:700 19px/1 var(--serif);letter-spacing:0}
.brand small{font-weight:600;color:var(--ink-3);letter-spacing:2px}
.site-nav{display:flex;gap:18px;flex-wrap:wrap}
.site-nav a{color:var(--ink-2);text-decoration:none;font-size:14px}
.site-nav a:hover,.site-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* breadcrumb + page title */
.crumbs{font-size:13px;color:var(--ink-3);margin:18px 0 6px}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:18px}
.page-title h1{margin:0;font:800 30px/1.1 var(--sans);letter-spacing:3px;text-transform:uppercase}
.page-title p{margin:4px 0 0;font:italic 20px/1.3 var(--serif);color:var(--ink-2)}
.privacy-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);background:var(--card);border-radius:99px;padding:5px 12px}
.privacy-pill i{width:8px;height:8px;border-radius:50%;background:var(--ok)}

/* footer */
.site-foot{border-top:1px solid var(--line);margin-top:40px}
.site-foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:36px;font-size:13px;color:var(--ink-3)}
.site-foot b{color:var(--ink);letter-spacing:1.5px}
.site-foot nav{display:flex;gap:16px}
.site-foot a{color:var(--ink-2);text-decoration:none}
.site-foot a:hover{color:var(--accent)}

/* shared controls */
.btn{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 14px;font:600 14px var(--sans);cursor:pointer;text-align:center;text-decoration:none}
.btn:hover{border-color:var(--ink-3)}
.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.primary:hover{background:#000}
.btn.danger{border-color:var(--danger);color:var(--danger)}
.btn:disabled{opacity:.45;cursor:not-allowed}
select{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px}
input[type=range],input[type=checkbox]{accent-color:var(--accent)}
.hidden{display:none!important}

/* ANTB multimedia category and filter-directory surfaces. */
.media-shell{max-width:1200px;margin:0 auto;padding:0 clamp(18px,4.4vw,56px) 84px}
.media-crumbs{display:flex;gap:9px;align-items:center;padding-top:24px;color:var(--ink-3);font-size:13px}.media-crumbs a{color:var(--ink-2);text-decoration:none}.media-crumbs a:hover{color:var(--accent)}
.media-hero{position:relative;overflow:hidden;margin-top:20px;padding:clamp(54px,8vw,98px) clamp(28px,6vw,72px);border-radius:32px;background:radial-gradient(circle at 82% 30%,#a96bbb 0 6%,transparent 6.5%),radial-gradient(circle at 75% 55%,#6ad4e5 0 14%,transparent 14.5%),linear-gradient(135deg,#241329,#111c31);color:#fff;box-shadow:0 30px 80px #12141a24}.media-hero:after{position:absolute;right:-7rem;bottom:-11rem;width:30rem;aspect-ratio:1;border:48px solid #f2b5ff;border-radius:50%;content:"";opacity:.16}.media-kicker{position:relative;z-index:1;margin:0;color:#bceff5;font-size:11px;font-weight:800;letter-spacing:.18em}.media-hero h1{position:relative;z-index:1;margin:14px 0;font:800 clamp(58px,8vw,104px)/.9 var(--display);letter-spacing:-.075em}.media-hero h1 em{color:#f2b5ff;font-style:normal}.media-hero>p:last-child{position:relative;z-index:1;max-width:620px;margin:22px 0 0;color:#d9ddeb;font-size:18px;line-height:1.7}.media-hero--small{padding-block:clamp(46px,7vw,76px)}.media-hero--small h1{font-size:clamp(52px,7vw,88px)}
.media-hero--art{isolation:isolate;background:#091424}.media-hero--art:before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#07111ff5 0%,#081522df 48%,#08152235 78%,transparent 100%);content:""}.media-hero--art:after{display:none}.media-hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.media-hero--art>:not(.media-hero-art){position:relative;z-index:2}
.media-collections,.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.media-collection,.filter-card{position:relative;display:flex;min-height:360px;flex-direction:column;overflow:hidden;padding:32px;border:1px solid #dcd6ca;border-radius:28px;background:#fffdf8;color:#1c1b19;text-decoration:none}.media-collection:first-child{background:linear-gradient(145deg,#112d3c,#24162e);color:#fff}.collection-icon,.filter-reel{position:relative;z-index:1;display:grid;width:72px;height:72px;place-items:center;border-radius:21px;background:#f2b5ff;color:#25162b;font:800 36px var(--display)}.media-collection .media-kicker{margin-top:48px;color:#8a857b}.media-collection:first-child .media-kicker{color:#a8dce6}.media-collection h2,.filter-card h2{position:relative;z-index:1;margin:10px 0;font:800 clamp(36px,5vw,56px)/1 var(--display);letter-spacing:-.055em}.media-collection p:not(.media-kicker),.filter-card p{position:relative;z-index:1;max-width:31rem;color:#6d6a65}.media-collection:first-child p{color:#d4dae5}.media-collection b,.filter-card b{position:relative;z-index:1;margin-top:auto;padding-top:28px}.media-collection i,.filter-card i{color:#c6f24e;font-style:normal}.media-coming{background:linear-gradient(145deg,#fffdf8,#e5f2ff)}
.media-privacy{display:flex;gap:10px;align-items:baseline;margin-top:18px;padding:17px 20px;border-radius:16px;background:#edf5e6;color:#5b6470;font-size:14px}.media-privacy strong{color:#0e1116}
.filter-card{min-height:410px;border-color:#273c68;background:linear-gradient(90deg,#11100ff2 0%,#1b1714d0 50%,#36261780 100%),radial-gradient(circle at 78% 34%,#d8b983 0 8%,transparent 9%),linear-gradient(145deg,#2a2520,#0f0d0c);color:#fff}.filter-card:after{position:absolute;right:-5rem;bottom:-7rem;width:19rem;aspect-ratio:1;border:30px solid #b4532a;border-radius:50%;content:"";opacity:.25}.filter-number{position:relative;z-index:1;margin-top:48px;color:#dbc8aa;font-size:11px;font-weight:800;letter-spacing:.16em}.filter-card p{color:#ded4c5}.filter-card--soon{border-color:#dcd6ca;background:linear-gradient(145deg,#fffdf8,#e5f2ff);color:#1c1b19}.filter-card--soon:after{border-color:#9bbfce}.filter-card--soon p{color:#6d6a65}.filter-card--soon .filter-reel{background:#5a48e8;color:#fff}
.quota-note{margin:8px 0 0;color:var(--ink-2);font-size:12.5px}.quota-note strong{color:var(--ink)}
.quota-note a{font-weight:700;text-underline-offset:3px}
@media(max-width:760px){.media-collections,.filter-grid{grid-template-columns:1fr}.media-hero{padding:48px 24px}.media-collection,.filter-card{min-height:310px}.media-privacy{align-items:flex-start;flex-direction:column}}

/* Shared folder artwork keeps the directory cards visually consistent. */
.media-collection,.filter-card{isolation:isolate;border-color:#33445e;background:#111c2c;color:#fff}
.folder-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.media-collection:before,.filter-card:before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#08111bed 0%,#111827d4 54%,#11182770 100%);content:""}
.media-collection>:not(.folder-art),.filter-card>:not(.folder-art){position:relative;z-index:2}
.media-collection .media-kicker{color:#a8dce6}
.media-collection p:not(.media-kicker),.filter-card p{color:#d4dae5}
.media-coming{background:#111c2c;color:#fff}
.media-coming:before{background:linear-gradient(90deg,#111827ee 0%,#18243ad2 55%,#18243a65 100%)}
.filter-card{background:#111c2c}
.filter-card:after{z-index:1}
.filter-card--oldreel:before{background:linear-gradient(90deg,#130e0be8 0%,#271b13d0 55%,#271b1362 100%)}
.filter-card--soon{border-color:#33445e;background:#111c2c;color:#fff}
.filter-card--soon:before{background:linear-gradient(90deg,#151024eb 0%,#231936d0 54%,#23193666 100%)}
.filter-card--soon p{color:#d4dae5}
.directory-copy{margin-top:24px;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:#fffdf8}
.directory-copy h2{margin:0 0 10px;font:800 clamp(28px,4vw,42px)/1.05 var(--display);letter-spacing:-.04em}
.directory-copy p{max-width:820px;margin:0;color:var(--ink-2);font-size:16px;line-height:1.7}
@media(max-width:760px){.folder-art{object-position:center}.directory-copy{padding:24px}.media-collection h2,.filter-card h2{font-size:clamp(34px,11vw,48px)}}