/* ABOUT */
.about{max-width:1180px;margin:0 auto;padding:80px 5vw 40px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
@media(max-width:820px){.about{grid-template-columns:1fr;gap:26px;padding:70px 5vw 24px}.about-fig{aspect-ratio:16/10!important}}
.about h2{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.0;letter-spacing:-.01em}
.about p{color:var(--muted);font-weight:300;font-size:1.05rem;line-height:1.8;margin-bottom:16px}
.about p .em{font-family:'Playfair Display',serif;font-style:italic;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.about-fig{position:relative;margin-top:28px;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;cursor:pointer;box-shadow:0 34px 70px -34px rgba(43,36,25,.55)}
.about-fig img,.about-fig video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.about-fig img{filter:saturate(1.06) contrast(1.03)}
/* the video plays on its own GPU layer with no per-frame CSS filter — a colour
   filter forces the browser to re-process every decoded frame and stutters */
.about-fig video{transform:translateZ(0);backface-visibility:hidden}
.about-fig:hover img,.about-fig:hover video{transform:scale(1.05)}
.about-fig::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,11,4,.6),transparent 46%);pointer-events:none}
.reel-tag{position:absolute;left:22px;bottom:18px;z-index:2;font-family:'Inter Tight',sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#f4ecdb;pointer-events:none;opacity:.9;transition:opacity .3s}
.about-fig:hover .reel-tag{opacity:1}
.vlb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:5vh 5vw;background:rgba(6,5,3,.72);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.vlb.on{opacity:1;visibility:visible}
.vlb video{max-width:min(1100px,92vw);max-height:86vh;width:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 40px 120px rgba(0,0,0,.6);transform:scale(.96);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.vlb.on video{transform:scale(1)}
.vlb-close{position:absolute;top:26px;right:5vw;font-family:'Inter Tight',sans-serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#f4ecdb;background:transparent;border:1px solid rgba(244,236,219,.4);border-radius:30px;padding:9px 18px;cursor:pointer;transition:border-color .3s,color .3s}
.vlb-close:hover{border-color:var(--gold);color:var(--gold)}
.about-stats{display:grid;grid-template-columns:repeat(2,auto);gap:20px 44px;margin:26px 0 6px;padding-top:22px;border-top:1px solid var(--line)}
.about-stats .n{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:2.1rem;line-height:1;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:max-content}
.about-stats .l{font-family:'Inter Tight',sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:6px}
.link-more{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-family:'Inter Tight',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--ink) 42%,transparent);border-radius:40px;padding:14px 30px;transition:background .3s,color .3s,gap .3s}
.link-more:hover{background:var(--ink);color:var(--bg)}
.link-more:hover{gap:18px}