/* commun.css — Art Media Entertainment */

:root{
      --ink:#09090b;--ink2:#111114;--ink3:#1a1a1f;--border:#2c2c35;
      --amber:#d4a017;--amber2:#f0c040;--magenta:#e8357a;--cyan:#00c8d4;--purple:#a855f7;
      --white:#f7f5f0;--muted:#8a8d9a;--muted2:#bbbdc8;
      --ff-hero:'Bebas Neue',sans-serif;--ff-serif:'DM Serif Display',Georgia,serif;--ff-body:'DM Sans',sans-serif;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{background:var(--ink);color:var(--white);font-family:var(--ff-body);font-weight:300;line-height:1.65;overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--amber)}
    @keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    @keyframes shimmer{0%,100%{opacity:.5}50%{opacity:1}}
    @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @keyframes spotlight{0%,100%{opacity:.06}50%{opacity:.13}}
    .reveal{opacity:0;transform:translateY(36px);transition:opacity .65s ease,transform .65s ease}
    .reveal.on{opacity:1;transform:translateY(0)}

    /* NAV */
    #nav{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 4rem;transition:background .4s}
    #nav.stuck{background:rgba(9,9,11,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
    .nav-logo{display:flex;align-items:center;gap:.9rem}
    .nav-logo-img{height:52px;width:auto;mix-blend-mode:lighten;filter:drop-shadow(0 0 8px rgba(212,160,23,.45));flex-shrink:0}
    .nav-logo-text{display:flex;flex-direction:column;gap:.05rem}
    .nav-logo-a{font-family:var(--ff-hero);font-size:1.25rem;letter-spacing:.12em;color:var(--white);line-height:1}
    .nav-logo-a span{color:var(--amber)}
    .nav-logo-b{font-size:.58rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
    .nav-menu{display:flex;align-items:center;gap:2.2rem;list-style:none}
    .nav-menu a{font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);transition:color .25s;position:relative}
    .nav-menu a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--amber);transition:width .3s}
    .nav-menu a:hover,.nav-menu a.active{color:var(--white)}
    .nav-menu a:hover::after,.nav-menu a.active::after{width:100%}
    .nav-cta{background:var(--amber);color:var(--ink)!important;font-weight:700!important;padding:.55rem 1.4rem;transition:background .25s!important}
    .nav-cta::after{display:none!important}
    .nav-cta:hover{background:var(--amber2)!important}
    .nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer}
    .nav-burger span{display:block;width:26px;height:2px;background:var(--white)}

    /* BTNS */
    .btn-fill{font-family:var(--ff-body);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--amber);color:var(--ink);padding:.9rem 2.2rem;transition:background .25s,transform .2s;display:inline-block}
    .btn-fill:hover{background:var(--amber2);transform:translateY(-2px)}
    .btn-outline{font-family:var(--ff-body);font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--white);border:1.5px solid var(--border);padding:.9rem 2.2rem;transition:border-color .25s,color .25s,transform .2s;display:inline-block}
    .btn-outline:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-2px)}

    /* HERO */

/* ── Footer ── */
footer{background:var(--ink2);border-top:1px solid var(--border);padding:4rem 4rem 2rem}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--border);margin-bottom:2rem}
.ft-brand-name{font-family:var(--ff-hero);font-size:1.5rem;letter-spacing:.08em;color:var(--white);margin-bottom:.3rem}
.ft-brand-name span{color:var(--amber)}
.ft-brand-tag{font-size:.65rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}
.ft-about{font-size:.85rem;color:var(--muted2);line-height:1.75;max-width:32ch}
.ft-col h4{font-size:.7rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.ft-col ul a{font-size:.88rem;color:var(--muted2);transition:color .25s}
.ft-col ul a:hover{color:var(--amber)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ft-copy{font-size:.72rem;color:var(--muted);letter-spacing:.1em}
.ft-legal{display:flex;gap:2rem}
.ft-legal a{font-size:.72rem;color:var(--muted);transition:color .25s}
.ft-legal a:hover{color:var(--amber)}

/* ── Responsive ── */
@media(max-width:1100px){
  #nav{padding:1.2rem 2rem}
  footer{padding:3rem 2rem 1.5rem}
  .ft-grid{grid-template-columns:1fr 1fr;gap:2.5rem}
}
@media(max-width:768px){
  .nav-menu{display:none}
  .nav-menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(9,9,11,.98);padding:2rem;gap:1.2rem;border-bottom:1px solid var(--border)}
  .nav-burger{display:flex}
  .ft-grid{grid-template-columns:1fr;gap:2rem}
  .ft-bot{flex-direction:column;text-align:center}
}