/* =========================================================
   道乐传媒 Silver Dollar Entertainment — Hollywood Cinematic v2
   Design: Film Noir × Emerald × Antique Gold
   ========================================================= */

:root {
  /* ── Palette ── */
  --void: #040604;
  --bg: #070907;
  --bg2: #0b0e0b;
  --card: #101410;
  --raised: #171c17;
  --bright: #f0ede4;
  --text: #cdc8bc;
  --text2: #8a8474;
  --muted: #524d42;
  --emerald: #1a5c32;
  --emerald-l: #2d7a4a;
  --emerald-glow: rgba(45,122,74,.15);
  --gold: #c5a440;
  --gold-l: #dcc060;
  --gold-d: #9a7e2e;
  --gold-glow: rgba(197,164,64,.12);
  --gold-sub: rgba(197,164,64,.06);
  --bd1: rgba(197,164,64,.08);
  --bd2: rgba(197,164,64,.18);
  --bd3: rgba(197,164,64,.38);

  /* ── Type ── */
  --ff-display: 'Bebas Neue','Noto Serif SC',serif;
  --ff-heading: 'Noto Serif SC','Cormorant Garamond',Georgia,serif;
  --ff-body: 'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;

  /* ── Ease ── */
  --ease: cubic-bezier(.4,0,.2,1);
  --spring: cubic-bezier(.34,1.56,.64,1);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{font-size:16px;scroll-behavior:smooth}

body{font-family:var(--ff-body);background:var(--void);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}

img{max-width:100%;display:block}

a{color:inherit;text-decoration:none}

.container{max-width:1300px;margin:0 auto;padding:0 24px}

/* ── Film Grain ── */
.film-grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E");background-size:300px;animation:grain .3s steps(1) infinite}

0%{transform:translate(0,0)}

25%{transform:translate(-2px,1px)}

50%{transform:translate(1px,-2px)}

75%{transform:translate(-1px,2px)}

/* ── Cinematic Bars ── */
.cine-bar{position:fixed;left:0;right:0;height:40px;background:#000;z-index:9998;transition:height .6s var(--ease)}

.cine-bar--top{top:0}

.cine-bar--bottom{bottom:0}

/* ── Labels & Headings ── */
.label{display:block;font-family:var(--ff-display);font-size:.72rem;letter-spacing:.4em;color:var(--gold);margin-bottom:16px}

.heading-xl{font-family:var(--ff-display);font-size:clamp(36px,6vw,62px);letter-spacing:.04em;color:var(--bright);margin-bottom:14px}

.section-head{text-align:center;margin-bottom:72px}

.section-desc{font-family:var(--ff-heading);font-size:1.05rem;color:var(--text2);font-weight:300}

.body-text{font-size:.9rem;color:var(--text2);line-height:1.9;margin-bottom:16px}

/* =========================================================
   NAV
   ========================================================= */
.nav{position:fixed;top:40px;left:0;right:0;z-index:1000;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent);transition:background .5s,box-shadow .5s}

.nav.scrolled{background:rgba(7,9,7,.95);backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--bd1)}

.nav__logo{display:flex;align-items:center;gap:10px;line-height:1.15}

.nav__logo-icon{width:36px;height:36px;color:var(--gold)}

/* Nav Logo Image */
.nav__logo-img{height:56px;width:auto;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(197,164,64,.4));transition:filter .3s}

.nav__logo:hover .nav__logo-img{filter:drop-shadow(0 0 14px rgba(197,164,64,.6))}

.nav__logo-zh{display:block;font-family:var(--ff-display);font-size:1.2rem;letter-spacing:.1em;color:var(--gold)}

.nav__logo-en{display:block;font-family:var(--ff-display);font-size:.72rem;letter-spacing:.14em;color:var(--gold);text-shadow:0 0 6px rgba(197,164,64,.3)}

.nav__links{display:flex;align-items:center;gap:30px}

.nav__link{font-size:.76rem;letter-spacing:.08em;color:var(--text2);transition:color .3s;position:relative}

.nav__link::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}

.nav__link:hover,.nav__link.active{color:var(--gold)}

.nav__link:hover::after,.nav__link.active::after{width:100%}

.nav__link--cta{padding:9px 22px;border:1px solid var(--bd2);color:var(--gold);font-family:var(--ff-display);font-size:.7rem;letter-spacing:.12em;transition:all .3s}

.nav__link--cta:hover{background:var(--gold);border-color:var(--gold);color:var(--bg)}

.nav__burger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none}

/* ── Language Switcher ── */
.lang-switch{display:flex;align-items:center;gap:4px;margin-left:8px;padding:5px 12px;border:1px solid var(--bd2);border-radius:20px;background:transparent;color:var(--text2);font-family:var(--ff-body);font-size:.72rem;letter-spacing:.04em;cursor:pointer;transition:all .3s;user-select:none}

.lang-switch:hover{border-color:var(--gold);color:var(--gold)}

.lang-switch .lang-active{color:var(--gold);font-weight:600}

.lang-switch .lang-sep{color:var(--muted)}

.lang-switch .lang-inactive{color:var(--text2)}

.nav__burger span{display:block;width:24px;height:1px;background:var(--text);transition:all .3s}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:40px}

.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 100% 70% at 50% 0%,#0d1f10,var(--void) 55%),radial-gradient(ellipse 60% 40% at 20% 80%,rgba(26,92,50,.12),transparent 60%),radial-gradient(ellipse 50% 35% at 80% 70%,rgba(197,164,64,.06),transparent 55%)}

.hero__canvas{position:absolute;inset:0;width:100%;height:100%}

.hero__vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 40%,transparent 30%,rgba(4,6,4,.55) 100%)}

.hero__spotlight{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}

.hero__spotlight--1{width:500px;height:500px;top:10%;left:20%;background:radial-gradient(circle,rgba(26,92,50,.2),transparent 70%);animation:spot1 8s ease-in-out infinite}

.hero__spotlight--2{width:350px;height:350px;top:30%;right:15%;background:radial-gradient(circle,rgba(197,164,64,.1),transparent 70%);animation:spot2 10s ease-in-out infinite}

0%,100%{transform:translate(0,0) scale(1);opacity:.6}

50%{transform:translate(30px,-20px) scale(1.1);opacity:1}

0%,100%{transform:translate(0,0) scale(1);opacity:.5}

50%{transform:translate(-20px,15px) scale(1.15);opacity:.8}

.hero__content{position:relative;z-index:2;text-align:center;max-width:960px;padding:0 32px;animation:heroIn 1.6s var(--ease) forwards}

from{opacity:0;transform:translateY(24px)}

to{opacity:1;transform:translateY(0)}

/* ── Hero Logo ── */
.hero__logo-wrap{display:flex;justify-content:center;width:100%;max-width:400px;margin:0 auto 24px;animation:logoFloat 4s ease-in-out infinite}

.hero__logo-img{width:100%;height:auto;filter:drop-shadow(0 0 35px rgba(197,164,64,.35));border-radius:8px;transition:filter .5s var(--ease),transform .5s var(--ease)}

.hero__logo-img:hover{filter:drop-shadow(0 0 45px rgba(197,164,64,.5))}

0%,100%{transform:translateY(0)}

50%{transform:translateY(-6px)}

from{filter:drop-shadow(0 0 30px rgba(197,164,64,.2)) drop-shadow(0 0 60px rgba(100,160,.12))}

to{filter:drop-shadow(0 0 45px rgba(197,164,64,.35)) drop-shadow(0 0 80px rgba(100,160,220,.22))}

.hero__badge{display:inline-flex;align-items:center;gap:12px;font-family:var(--ff-display);font-size:.7rem;letter-spacing:.35em;color:var(--gold);margin-bottom:28px;padding:8px 20px;border:1px solid var(--bd2);background:var(--gold-sub)}

.hero__badge-dash{color:var(--muted)}

.hero__title{margin-bottom:20px}

.hero__title-zh{display:block;font-family:var(--ff-heading);font-size:clamp(48px,7vw,88px);font-weight:400;letter-spacing:.08em;color:var(--bright);line-height:1.1;margin-bottom:4px}

.hero__title-en{display:block;font-family:var(--ff-display);font-size:clamp(14px,2.5vw,22px);letter-spacing:.6em;color:var(--text2);line-height:1.2;font-weight:400}

.hero__title-en--gold{color:var(--gold);text-shadow:0 0 40px rgba(197,164,64,.3)}

.hero__tagline{font-family:var(--ff-heading);font-size:clamp(16px,2.5vw,22px);color:var(--text2);font-weight:300;margin-bottom:8px;letter-spacing:.04em}

.hero__sub{font-size:.76rem;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:44px}

.hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}

.hero__stats{display:flex;gap:48px;justify-content:center;padding-top:40px;border-top:1px solid var(--bd1)}

.stat{text-align:center}

.stat__num{display:block;font-family:var(--ff-display);font-size:2rem;color:var(--gold);line-height:1}

.stat__label{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.1em;margin-top:6px;text-transform:uppercase}

.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-family:var(--ff-display);font-size:.62rem;letter-spacing:.25em;animation:scrollBob 2.5s ease-in-out infinite}

.hero__scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--gold),transparent)}

0%,100%{transform:translateX(-50%) translateY(0)}

50%{transform:translateX(-50%) translateY(6px)}

/* =========================================================
   BUTTONS
   ========================================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-family:var(--ff-display);font-size:.82rem;letter-spacing:.14em;cursor:pointer;transition:all .35s var(--ease);border:none;text-decoration:none}

.btn--gold{background:var(--gold);color:var(--bg)}

.btn--gold:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 8px 30px rgba(197,164,64,.25)}

.btn--ghost{background:transparent;border:1px solid rgba(212,207,196,.25);color:var(--text)}

.btn--ghost:hover{border-color:var(--bd3);color:var(--gold)}

.btn--outline{background:transparent;border:1px solid var(--bd3);color:var(--gold)}

.btn--outline:hover{background:var(--gold-glow)}

.btn--sm{padding:10px 20px;font-size:.75rem}

.btn--full{width:100%}

/* =========================================================
   ABOUT
   ========================================================= */
.about{padding:120px 0}

.about__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}

.about__text .label,.about__text .heading-xl{text-align:left}

.about__lead{font-family:var(--ff-heading);font-size:1.25rem;color:var(--text);line-height:1.8;margin-bottom:24px;font-weight:400;padding-left:20px;border-left:2px solid var(--gold)}

.about__pillars{display:flex;flex-direction:column;gap:16px;margin-top:40px}

.pillar{display:flex;align-items:flex-start;gap:16px;padding:20px;border:1px solid var(--bd1);background:var(--card);transition:border-color .3s}

.pillar:hover{border-color:var(--bd2)}

.pillar__icon{font-size:1.6rem;flex-shrink:0}

.pillar h3{font-family:var(--ff-heading);font-size:1rem;margin-bottom:4px;font-weight:400}

.pillar p{font-size:.82rem;color:var(--text2)}

.about__visual{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.about__card{padding:28px 20px;border:1px solid var(--bd1);background:var(--card);text-align:center;transition:all .3s}

.about__card:hover{border-color:var(--bd2)}

.about__card--main{grid-column:1/-1;padding:40px 28px;border-color:var(--bd2);background:linear-gradient(135deg,var(--card),rgba(197,164,64,.04))}

.about__card-icon{font-size:2rem;margin-bottom:12px}

.about__card--main .about__card-icon{font-size:2.5rem}

.about__card h3{font-family:var(--ff-heading);font-size:1rem;margin-bottom:4px;font-weight:400}

.about__card p{font-size:.8rem;color:var(--text2)}

/* =========================================================
   STRENGTHS
   ========================================================= */
.strengths{padding:100px 0;background:var(--bg2);border-top:1px solid var(--bd1);border-bottom:1px solid var(--bd1)}

.strengths__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.str-card{padding:36px 28px;border:1px solid var(--bd1);background:var(--card);transition:all .4s;position:relative}

.str-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .4s}

.str-card:hover{border-color:var(--bd2);transform:translateY(-4px)}

.str-card:hover::before{opacity:1}

.str-card__num{font-family:var(--ff-display);font-size:2.5rem;color:var(--bd2);line-height:1;margin-bottom:16px}

.str-card h3{font-family:var(--ff-heading);font-size:1.15rem;margin-bottom:12px;font-weight:400;color:var(--bright)}

.str-card p{font-size:.85rem;color:var(--text2);line-height:1.8;margin-bottom:16px}

.str-card__tags{display:flex;gap:8px;flex-wrap:wrap}

.str-card__tags span{font-family:var(--ff-display);font-size:.68rem;letter-spacing:.1em;padding:4px 12px;border:1px solid var(--bd1);color:var(--gold)}

/* =========================================================
   SERVICES
   ========================================================= */
.services{padding:120px 0}

.services__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}

.svc-card{padding:40px 32px;border:1px solid var(--bd1);background:var(--card);position:relative;transition:all .4s;display:flex;flex-direction:column}

.svc-card:hover{border-color:var(--bd2);transform:translateY(-3px)}

.svc-card--hero{border-color:rgba(197,164,64,.2);background:linear-gradient(160deg,var(--card),rgba(197,164,64,.03))}

.svc-card__rating{position:absolute;top:24px;right:24px;font-family:var(--ff-display);font-size:1.8rem;color:var(--gold);text-shadow:0 0 20px rgba(197,164,64,.3)}

.svc-card__badge{display:inline-block;font-family:var(--ff-display);font-size:.68rem;letter-spacing:.12em;padding:5px 14px;border:1px solid var(--bd2);color:var(--gold);margin-bottom:20px;align-self:flex-start}

.svc-card__badge--new{border-color:var(--emerald);color:var(--emerald-l)}

.svc-card__badge--eco{border-color:#5a7a8a;color:#7aa0b0}

.svc-card h3{font-family:var(--ff-heading);font-size:1.5rem;margin-bottom:8px;font-weight:400}

.svc-card__tagline{font-family:var(--ff-heading);font-size:.95rem;color:var(--text2);font-style:italic;margin-bottom:20px}

.svc-card__desc{font-size:.88rem;color:var(--text2);line-height:1.8;margin-bottom:24px}

.svc-card__list{margin-bottom:28px;flex-grow:1;list-style:none}

.svc-card__list li{font-size:.85rem;color:var(--text2);padding:7px 0;border-bottom:1px solid var(--bd1);display:flex;align-items:center;gap:10px}

.svc-card__list li::before{content:'◆';color:var(--gold);font-size:.45rem;flex-shrink:0}

/* =========================================================
   PRICING
   ========================================================= */
.pricing{padding:120px 0;background:var(--bg2);border-top:1px solid var(--bd1);border-bottom:1px solid var(--bd1)}

.pricing__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.price-card{padding:36px 24px;border:1px solid var(--bd1);background:var(--card);display:flex;flex-direction:column;transition:all .4s;position:relative;overflow:hidden}

.price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .4s}

.price-card:hover{border-color:var(--bd2);transform:translateY(-4px)}

.price-card:hover::before{opacity:1}

.price-card--a::before{background:var(--muted)}

.price-card--s::before{background:var(--emerald-l)}

.price-card--sp::before{background:var(--gold)}

.price-card--spp::before{background:linear-gradient(90deg,var(--gold),var(--gold-l));opacity:1}

.price-card--spp{border-color:rgba(197,164,64,.25);background:linear-gradient(180deg,rgba(197,164,64,.05),var(--card))}

.price-card__tier{font-family:var(--ff-display);font-size:2.4rem;line-height:1;margin-bottom:4px}

.price-card--a .price-card__tier{color:var(--muted)}

.price-card--s .price-card__tier{color:var(--emerald-l)}

.price-card--sp .price-card__tier{color:var(--gold)}

.price-card--spp .price-card__tier{color:var(--gold);text-shadow:0 0 24px rgba(197,164,64,.4)}

.price-card__name{font-family:var(--ff-heading);font-size:.95rem;color:var(--text);margin-bottom:20px;font-weight:400}

.price-card__price{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--bd1)}

.price-card__num{font-family:var(--ff-display);font-size:1.6rem;color:var(--gold)}

.price-card__unit{font-size:.75rem;color:var(--muted);margin-left:4px}

.price-card__features{list-style:none;margin-bottom:28px;flex-grow:1}

.price-card__features li{font-size:.82rem;color:var(--text2);padding:6px 0;border-bottom:1px solid var(--bd1);display:flex;align-items:center;gap:8px}

.price-card__features li::before{content:'✓';color:var(--emerald-l);font-size:.7rem;flex-shrink:0}

.pricing__tvc{margin-top:24px}

.tvc-card{padding:40px;border:1px solid var(--bd2);background:linear-gradient(135deg,var(--card),rgba(197,164,64,.03));display:flex;align-items:center;gap:40px}

.tvc-card__badge{display:inline-block;font-family:var(--ff-display);font-size:.68rem;letter-spacing:.12em;padding:5px 14px;border:1px solid var(--bd2);color:var(--gold);flex-shrink:0}

.tvc-card h3{font-family:var(--ff-heading);font-size:1.3rem;font-weight:400;margin-bottom:8px}

.tvc-card p{font-size:.88rem;color:var(--text2);line-height:1.7;flex-grow:1}

/* =========================================================
   TRAINING
   ========================================================= */
.training{padding:120px 0}

.training__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}

.trn-card{padding:48px 40px;border:1px solid var(--bd1);background:var(--card);transition:all .4s}

.trn-card:hover{border-color:var(--bd2)}

.trn-card--main{border-color:rgba(197,164,64,.2)}

.trn-card__duration{font-family:var(--ff-display);font-size:.72rem;letter-spacing:.2em;color:var(--gold);margin-bottom:16px}

.trn-card h3{font-family:var(--ff-heading);font-size:1.6rem;margin-bottom:8px;font-weight:400;line-height:1.3}

.trn-card__subtitle{font-size:.88rem;color:var(--text2);margin-bottom:12px}

.trn-card__goal{font-size:.85rem;color:var(--text2);padding:14px;border:1px solid var(--bd1);background:var(--raised);margin-bottom:24px;line-height:1.7}

.trn-card__pipeline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding:16px;border:1px solid var(--bd1);background:var(--raised);font-family:var(--ff-display);font-size:.72rem;letter-spacing:.08em;color:var(--text2)}

.trn-card__pipeline span:not(.arrow){padding:4px 10px;border:1px solid var(--bd1);color:var(--gold)}

.arrow{color:var(--muted);font-size:.9rem}

.trn-card__modules{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}

.module{display:flex;gap:16px;padding:16px;border:1px solid var(--bd1);background:var(--raised);transition:border-color .3s}

.module:hover{border-color:var(--bd2)}

.module__num{font-family:var(--ff-display);font-size:1.2rem;color:var(--gold);flex-shrink:0;width:28px}

.module strong{font-family:var(--ff-heading);font-size:.95rem;display:block;margin-bottom:4px;font-weight:400}

.module p{font-size:.8rem;color:var(--text2);line-height:1.6}

.module__result{color:var(--emerald-l)!important;margin-top:4px;font-style:italic}

.trn-card__thinking h4{font-family:var(--ff-display);font-size:.78rem;letter-spacing:.2em;color:var(--muted);margin-bottom:16px}

.thinking-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--bd1)}

.thinking-item span{font-size:1.4rem}

.thinking-item strong{font-family:var(--ff-heading);font-size:.95rem;display:block;margin-bottom:2px;font-weight:400}

.thinking-item p{font-size:.8rem;color:var(--text2)}

.trn-card__highlights{margin-top:28px;display:flex;flex-direction:column;gap:12px}

.highlight{padding:14px;border:1px solid var(--bd1);background:var(--raised)}

.highlight strong{display:block;font-family:var(--ff-display);font-size:.72rem;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}

.highlight p{font-size:.82rem;color:var(--text2)}

/* =========================================================
   TEAM
   ========================================================= */
.team{padding:120px 0}

.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.crew-card{border:1px solid var(--bd1);background:var(--card);overflow:hidden;transition:all .4s}

.crew-card:hover{border-color:var(--bd2);transform:translateY(-4px)}

.crew-card__avatar{height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--raised),rgba(26,92,50,.1));border-bottom:1px solid var(--bd1)}

.crew-card--ai .crew-card__avatar{background:linear-gradient(135deg,rgba(197,164,64,.08),rgba(26,92,50,.08))}

.crew-card__info{padding:24px 20px}

.crew-card__info h3{font-family:var(--ff-heading);font-size:1.1rem;margin-bottom:6px;font-weight:400}

.crew-card__title{display:block;font-family:var(--ff-display);font-size:.72rem;letter-spacing:.1em;color:var(--gold);margin-bottom:12px}

.crew-card__info p{font-size:.82rem;color:var(--text2);line-height:1.7}

/* =========================================================
   WORKS
   ========================================================= */
.works{padding:120px 0;background:var(--bg2);border-top:1px solid var(--bd1);border-bottom:1px solid var(--bd1)}

.works__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:240px 240px;gap:12px}

.work-card{position:relative;overflow:hidden;border:1px solid var(--bd1);background:var(--card);display:flex;align-items:flex-end;cursor:pointer;transition:all .4s}

.work-card--lg{grid-column:span 2;grid-row:span 2}

.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .5s,transform .5s}

.work-card:hover img{opacity:.75;transform:scale(1.04)}

.work-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,6,4,.92) 0%,rgba(4,6,4,.4) 55%,transparent 100%);z-index:1}

.work-card__overlay{position:relative;z-index:2;padding:24px;width:100%}

.work-card__cat{display:block;font-family:var(--ff-display);font-size:.68rem;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}

.work-card__overlay h3{font-family:var(--ff-heading);font-size:1.1rem;margin-bottom:4px;font-weight:400;color:var(--bright)}

.work-card__overlay p{font-size:.8rem;color:var(--text2)}

.work-card__stat{display:inline-block;margin-top:8px;font-family:var(--ff-display);font-size:.75rem;letter-spacing:.08em;color:var(--gold)}

/* =========================================================
   PARTNERS
   ========================================================= */
.partners{padding:80px 0}

.partners__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.partner{padding:36px 24px;border:1px solid var(--bd1);background:var(--card);text-align:center;transition:all .3s}

.partner:hover{border-color:var(--bd2)}

.partner__name{display:block;font-family:var(--ff-heading);font-size:1rem;color:var(--text);margin-bottom:8px;line-height:1.4}

.partner__role{display:block;font-family:var(--ff-display);font-size:.68rem;letter-spacing:.12em;color:var(--gold)}

/* =========================================================
   CONTACT
   ========================================================= */
.contact{padding:120px 0;background:var(--bg2);border-top:1px solid var(--bd1)}

.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}

.contact__info .label{text-align:left}

.contact__info .heading-xl{text-align:left}

.contact__info .body-text{text-align:left;margin-bottom:36px}

.contact__details{display:flex;flex-direction:column;gap:20px}

.contact__item{display:flex;align-items:flex-start;gap:14px}

.contact__item span{font-size:1.4rem;margin-top:2px}

.contact__item strong{display:block;font-family:var(--ff-display);font-size:.72rem;letter-spacing:.12em;color:var(--gold);margin-bottom:4px}

.contact__item p{font-size:.88rem;color:var(--text2)}

.contact__form{background:var(--card);border:1px solid var(--bd2);padding:48px 40px}

.contact__form h3{font-family:var(--ff-display);font-size:1.3rem;letter-spacing:.1em;margin-bottom:28px;text-align:center}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.form-group{margin-bottom:16px}

.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--raised);border:1px solid var(--bd1);color:var(--text);padding:13px 16px;font-family:var(--ff-body);font-size:.88rem;outline:none;transition:border-color .3s}

.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bd3)}

.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}

.form-group select{appearance:none;cursor:pointer}

.form-group select option{background:var(--card)}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:#000;padding:80px 0 40px;border-top:1px solid var(--bd1)}

.footer__top{display:grid;grid-template-columns:1.5fr 2.5fr;gap:60px;padding-bottom:60px;border-bottom:1px solid var(--bd1)}

.footer__logo{font-family:var(--ff-heading);font-size:1.8rem;color:var(--gold);margin-bottom:4px;font-weight:400}

.footer__logo-en{font-family:var(--ff-display);font-size:.65rem;letter-spacing:.25em;color:var(--muted);margin-bottom:12px}

.footer__tagline{font-size:.88rem;color:var(--text2);line-height:1.7;max-width:280px}

.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}

.footer__col h4{font-family:var(--ff-display);font-size:.75rem;letter-spacing:.15em;color:var(--gold);margin-bottom:20px}

.footer__col a{display:block;font-size:.85rem;color:var(--muted);margin-bottom:10px;transition:color .3s}

.footer__col a:hover{color:var(--gold)}

.footer__bottom{margin-top:32px;display:flex;justify-content:space-between;gap:16px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}

/* =========================================================
   SCROLL ANIMATIONS
   ========================================================= */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}

.reveal.in-view{opacity:1;transform:translateY(0)}

  .strengths__grid{grid-template-columns:repeat(2,1fr)}

  .services__grid{grid-template-columns:1fr 1fr}

  .svc-card--hero{grid-column:1/-1}

  .pricing__grid{grid-template-columns:repeat(2,1fr)}

  .team__grid{grid-template-columns:repeat(2,1fr)}

  .works__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}

  .work-card--lg{grid-column:1/-1}

  .partners__grid{grid-template-columns:repeat(2,1fr)}

  .footer__top{grid-template-columns:1fr;gap:40px}

  .tvc-card{flex-direction:column;align-items:flex-start;gap:16px}

  .nav__links{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;background:rgba(7,9,7,.98);backdrop-filter:blur(20px);flex-direction:column;padding:80px 32px;gap:24px;transform:translateX(100%);transition:transform .3s var(--ease)}

  .nav__links.open{display:flex;transform:translateX(0)}

  .nav__burger{display:flex}

  .cine-bar{height:24px}

  .nav{top:24px;padding:0 20px}

  .hero{padding-top:0}

  .about__inner{grid-template-columns:1fr;gap:48px}

  .training__grid{grid-template-columns:1fr}

  .contact__grid{grid-template-columns:1fr;gap:48px}

  .form-row{grid-template-columns:1fr}

  .hero__logo-img{max-width:90vw}

  .hero__stats{gap:24px;flex-wrap:wrap}

  .strengths__grid{grid-template-columns:1fr}

  .services__grid{grid-template-columns:1fr}

  .pricing__grid{grid-template-columns:1fr}

  .team__grid{grid-template-columns:1fr}

  .works__grid{grid-template-columns:1fr}

  .work-card--lg{grid-column:auto}

  .partners__grid{grid-template-columns:1fr}

  .footer__cols{grid-template-columns:1fr;gap:32px}

  .footer__bottom{flex-direction:column;text-align:center}

  .contact__form{padding:32px 20px}