/*
 * FMC About page styles. Extracted from an inline <style> block that used to
 * be echoed directly inside FMC_About::render() — moved here so it's a real
 * enqueued stylesheet (cacheable, not re-emitted into the markup every time
 * the shortcode renders).
 */
.fmc-about{--bg:#000;--ink:#ECE7DD;--white:#fff;--dim:#7d7a73;--line:rgba(255,255,255,.16);background:#000;color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;max-width:1100px;margin:0 auto;padding:0 20px 10px;line-height:1.5}
.fmc-about *{box-sizing:border-box}
.fmc-about .disp{font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.94;text-transform:uppercase}
.fmc-about .kick{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.fmc-about .kick .r{color:var(--ink)}
.fmc-about .white{color:var(--white)}
.fmc-about .hero{position:relative;border-bottom:1px solid var(--line);padding:60px 0 56px}
.fmc-about .tick{position:absolute;width:16px;height:16px}
.fmc-about .tick::before,.fmc-about .tick::after{content:"";position:absolute;background:var(--ink)}
.fmc-about .tick::before{width:16px;height:2px;top:7px}.fmc-about .tick::after{height:16px;width:2px;left:7px}
.fmc-about .t-tl{top:6px;left:0}.fmc-about .t-tr{top:6px;right:0}.fmc-about .t-bl{bottom:6px;left:0}.fmc-about .t-br{bottom:6px;right:0}
.fmc-about .hero h1{font-size:13vw;margin:22px 0 0}
@media(min-width:900px){.fmc-about .hero h1{font-size:130px}}
.fmc-about .hero .sub{margin-top:24px;max-width:680px;font-size:18px;line-height:1.5}
.fmc-about .about-nav{display:flex;justify-content:space-between;align-items:center;font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:14px 0 2px}
.fmc-about .about-nav a{color:var(--dim);text-decoration:none}
.fmc-about .about-nav a:hover{color:var(--ink)}
.fmc-about .hero-pola{display:inline-block;background:#f4f2ec;padding:12px 12px 32px;transform:rotate(-3deg);box-shadow:0 24px 60px rgba(0,0,0,.55);margin-top:40px;width:min(260px,72%)}
.fmc-about .hero-pola img{display:block;width:100%;aspect-ratio:1/1.12;object-fit:cover;background:#ddd9d0}
.fmc-about .hero-pola .cap{display:block;margin-top:10px;font-family:Georgia,serif;font-style:italic;font-size:13px;color:#1a1a1a}
.fmc-about .hero-pola.alt{transform:rotate(2.5deg)}
.fmc-about .pola-wrap{margin:34px 0 2px}
.fmc-about .pola-wrap.r{text-align:right}
.fmc-about section{padding:54px 0;border-bottom:1px solid var(--line)}
.fmc-about section h2{font-size:8vw;margin:14px 0 22px}
@media(min-width:900px){.fmc-about section h2{font-size:56px}}
.fmc-about .body p{font-size:17px;max-width:720px;color:#cfc9bd;margin:0 0 16px;line-height:1.62}
.fmc-about .body p b{color:var(--ink);font-weight:600}
.fmc-about .pull{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:7vw;line-height:1.02;max-width:880px;margin:28px 0 4px}
@media(min-width:900px){.fmc-about .pull{font-size:40px}}
.fmc-about .pull .white{color:var(--white)}
.fmc-about .plates{display:flex;gap:22px;flex-wrap:wrap;margin-top:8px}
.fmc-about .plates figure{flex:1;min-width:300px;margin:18px 0 0}
.fmc-about .plates img{max-width:100%;display:block;border:1px solid var(--line)}
/* Live animated plates (scroll-triggered, sized by --pw so they scale on any screen) */
.fmc-about .fmc-plate{position:relative;width:100%;aspect-ratio:1/1;background:#000;border:1px solid var(--line);overflow:hidden;--pw:480px}
.fmc-about .fmc-plate .pl-tick{position:absolute;width:14px;height:14px;z-index:3}
.fmc-about .fmc-plate .pl-tick::before,.fmc-about .fmc-plate .pl-tick::after{content:"";position:absolute;background:var(--ink)}
.fmc-about .fmc-plate .pl-tick::before{width:14px;height:2px;top:6px}.fmc-about .fmc-plate .pl-tick::after{height:14px;width:2px;left:6px}
.fmc-about .fmc-plate .tl{top:9px;left:9px}.fmc-about .fmc-plate .tr{top:9px;right:9px}.fmc-about .fmc-plate .bl{bottom:9px;left:9px}.fmc-about .fmc-plate .br{bottom:9px;right:9px}
.fmc-about .fmc-plate .pl-mast{position:absolute;top:calc(var(--pw)*.045);left:calc(var(--pw)*.055);right:calc(var(--pw)*.055);display:flex;justify-content:space-between;font-family:"Space Mono",monospace;font-size:calc(var(--pw)*.022);letter-spacing:.14em;color:var(--ink);border-bottom:1px solid rgba(236,231,221,.25);padding-bottom:calc(var(--pw)*.018)}
.fmc-about .fmc-plate .pl-title{position:absolute;top:calc(var(--pw)*.135);left:calc(var(--pw)*.055);font-size:calc(var(--pw)*.066);color:var(--ink);line-height:.96}
.fmc-about .fmc-plate .pl-title small{display:block;font-family:"Helvetica Neue",Arial,sans-serif;text-transform:none;font-weight:700;font-size:calc(var(--pw)*.04);letter-spacing:0;margin-top:calc(var(--pw)*.012)}
.fmc-about .fmc-plate .pl-foot{position:absolute;bottom:calc(var(--pw)*.045);left:calc(var(--pw)*.055);right:calc(var(--pw)*.055);display:flex;justify-content:space-between;align-items:flex-end;font-family:"Space Mono",monospace;font-size:calc(var(--pw)*.019);letter-spacing:.12em;color:var(--dim);border-top:1px solid rgba(236,231,221,.25);padding-top:calc(var(--pw)*.016)}
.fmc-about .fmc-plate .pl-foot .fmc{font-family:"Anton",sans-serif;font-size:calc(var(--pw)*.034);color:var(--ink)}
.fmc-about .fmc-plate .pl-bars{position:absolute;left:calc(var(--pw)*.055);bottom:calc(var(--pw)*.13);display:flex;align-items:flex-end;gap:calc(var(--pw)*.015);height:calc(var(--pw)*.55)}
.fmc-about .fmc-plate .bar{position:relative;width:calc(var(--pw)*.05);background:#8f8a80;transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.fmc-about .fmc-plate .bar.hi{background:#fff}
.fmc-about .fmc-plate.play .bar{transform:scaleY(1)}
.fmc-about .fmc-plate .bar b{position:absolute;top:calc(var(--pw)*-.042);left:50%;transform:translateX(-50%);font-family:"Anton",sans-serif;font-size:calc(var(--pw)*.026);color:var(--ink);opacity:0;transition:opacity .4s;transition-delay:calc(var(--d,0s) + .45s)}
.fmc-about .fmc-plate.play .bar b{opacity:1}
.fmc-about .fmc-plate .pl-mult{position:absolute;right:calc(var(--pw)*.06);bottom:calc(var(--pw)*.265);font-family:"Anton",sans-serif;font-size:calc(var(--pw)*.20);color:#fff;line-height:1}
.fmc-about .fmc-plate .pl-big{position:absolute;left:calc(var(--pw)*.05);bottom:calc(var(--pw)*.245);font-family:"Anton",sans-serif;font-size:calc(var(--pw)*.30);color:#fff;line-height:.9}
.fmc-about .fmc-plate .pl-band{position:absolute;left:calc(var(--pw)*.055);right:calc(var(--pw)*.055);bottom:calc(var(--pw)*.155);height:calc(var(--pw)*.085);display:flex}
.fmc-about .fmc-plate .pl-band i{height:100%;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.fmc-about .fmc-plate .pl-band i.a{background:#fff}.fmc-about .fmc-plate .pl-band i.b{background:#6f6a62}.fmc-about .fmc-plate .pl-band i.c{background:#bdb8ae}
.fmc-about .fmc-plate.play .pl-band i.a{width:80%}.fmc-about .fmc-plate.play .pl-band i.b{width:18%}.fmc-about .fmc-plate.play .pl-band i.c{width:2%}
.fmc-about .fmc-plate .pl-note{position:absolute;left:calc(var(--pw)*.055);bottom:calc(var(--pw)*.10);font-family:"Space Mono",monospace;font-size:calc(var(--pw)*.024);color:var(--ink)}
.fmc-about .plates figcaption{font-family:"Space Mono",monospace;font-size:12px;color:var(--dim);margin-top:10px;letter-spacing:.05em}
.fmc-about .cta{padding:60px 0 50px;border-bottom:0}
.fmc-about .cta h2{font-size:10vw}
@media(min-width:900px){.fmc-about .cta h2{font-size:92px}}
.fmc-about .btns{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.fmc-about .btn{font-family:"Space Mono",monospace;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:16px 26px;text-decoration:none;border:1px solid var(--ink);color:var(--ink)}
.fmc-about .btn.fill{background:var(--ink);color:#000}
.fmc-about .btn:hover{background:#fff;border-color:#fff;color:#000}