﻿/* About page - premium */
.about-cine-hero{position:relative;min-height:580px;display:flex;align-items:center;background-position:center;background-size:cover;color:#fff;overflow:hidden}
.about-cine-glow{position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(227,30,36,.35),transparent 70%);pointer-events:none}
.about-cine-content{position:relative;z-index:2;max-width:780px;padding:80px 0}
.about-cine-top{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.about-cine-flag,.about-cine-since{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.about-cine-flag img{border-radius:2px}
.about-cine-since{color:#ff8a8e;border-color:rgba(227,30,36,.4);background:rgba(227,30,36,.15)}
.about-cine-hero h1{font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.08;text-transform:uppercase;margin:0 0 20px}
.about-cine-hero h1 span{color:var(--hottex-red)}
.about-cine-lead{font-size:17px;line-height:1.75;color:#ddd;margin-bottom:28px;max-width:640px}
.about-cine-lead strong{color:#fff}
.about-cine-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.about-cine-trust{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:12px;font-weight:600;color:#bbb}
.about-cine-trust i{color:var(--hottex-red);margin-right:6px}
.about-marquee{background:var(--hottex-red);color:#fff;overflow:hidden;padding:0}
.about-marquee-track{display:flex;width:max-content;animation:about-marquee 22s linear infinite}
.about-marquee-group{display:flex;align-items:center;flex-shrink:0;padding:14px 0}
.about-marquee-group span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;padding:0 10px}
.about-marquee-group .dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 18px}
@keyframes about-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-pitch{background:#fff;padding:70px 0;border-bottom:1px solid #eee}
.about-pitch-inner{max-width:900px;margin:0 auto;text-align:center}
.about-pitch-label{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--hottex-red);margin-bottom:16px}
.about-pitch blockquote{margin:0;font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.45;color:#111}
.about-pitch blockquote span{color:var(--hottex-red)}
.about-pitch-author{margin-top:18px;font-size:13px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px}
.about-story-block{background:#f7f7f8}
.about-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-story-visual{position:relative}
.about-story-img-main{border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.15)}
.about-story-img-main img{width:100%;height:460px;object-fit:cover;display:block}
.about-float-card{position:absolute;background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 12px 32px rgba(0,0,0,.12);display:flex;align-items:center;gap:10px}
.about-float-1{bottom:24px;left:-20px;flex-direction:column;text-align:center;min-width:100px}
.about-float-1 strong{font-size:28px;font-weight:800;color:var(--hottex-red);line-height:1}
.about-float-1 span{font-size:10px;font-weight:700;text-transform:uppercase;color:#666}
.about-float-2{top:24px;right:-16px}
.about-float-2 i{font-size:22px;color:var(--hottex-red)}
.about-float-2 strong{display:block;font-size:13px;font-weight:800;text-transform:uppercase}
.about-float-2 span{font-size:11px;color:#888}
.about-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--hottex-red);margin-bottom:12px}
.about-tag.light{color:#ff8a8e}
.about-story-copy h2{font-size:clamp(26px,3vw,36px);font-weight:800;text-transform:uppercase;line-height:1.15;margin-bottom:18px}
.about-story-copy h2 span{color:var(--hottex-red)}
.about-story-copy p{color:#555;font-size:15px;line-height:1.75;margin-bottom:14px}
.about-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.about-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8e8e8;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:700;color:#333}
.about-pill i{color:var(--hottex-red);font-size:11px}
.about-section-title{margin-bottom:40px}
.about-section-title.center{text-align:center}
.about-section-title h2{font-size:clamp(26px,3vw,36px);font-weight:800;text-transform:uppercase;line-height:1.15;margin:0}
.about-section-title h2 span{color:var(--hottex-red)}
.about-sub{color:#666;font-size:15px;line-height:1.6;margin-top:10px;max-width:560px;margin-left:auto;margin-right:auto}
.about-journey{background:#111;color:#fff;padding:70px 0}
.about-journey-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-top:40px}
.about-step{flex:1;max-width:280px;text-align:center;padding:0 20px}
.about-step-num{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--hottex-red);margin-bottom:12px}
.about-step-icon{width:64px;height:64px;border-radius:50%;background:rgba(227,30,36,.15);border:1px solid rgba(227,30,36,.3);display:grid;place-items:center;margin:0 auto 16px;font-size:24px;color:var(--hottex-red)}
.about-step h3{font-size:15px;font-weight:800;text-transform:uppercase;margin-bottom:10px}
.about-step p{font-size:13px;color:#aaa;line-height:1.65;margin:0}
.about-step-line{flex:0 0 60px;height:2px;background:linear-gradient(90deg,rgba(227,30,36,.5),rgba(227,30,36,.1));margin-top:52px}
.about-pillars{background:#fff}
.about-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-pillar{background:#fafafa;border:1px solid #eee;border-radius:16px;padding:32px 28px;text-align:center;transition:.25s ease}
.about-pillar:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.about-pillar.featured{background:linear-gradient(145deg,#111,#1f1f1f);border-color:#333;color:#fff}
.about-pillar.featured p{color:#bbb}
.about-pillar-icon{width:56px;height:56px;border-radius:14px;background:#fff1f1;color:var(--hottex-red);display:grid;place-items:center;font-size:22px;margin:0 auto 18px}
.about-pillar.featured .about-pillar-icon{background:rgba(227,30,36,.2);color:#ff8a8e}
.about-pillar h3{font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.about-pillar p{font-size:14px;color:#666;line-height:1.65;margin:0}
.about-world{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;padding:70px 0}
.about-world-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.about-world-grid h2{font-size:clamp(26px,3vw,38px);font-weight:800;text-transform:uppercase;line-height:1.15;margin-bottom:16px}
.about-world-grid h2 span{color:var(--hottex-red)}
.about-world-grid>p,.about-world-grid>div>p{color:#bbb;font-size:15px;line-height:1.7;margin-bottom:22px;max-width:520px}
.about-world-regions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.about-world-regions span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700;text-transform:uppercase}
.about-world-regions img{border-radius:2px}
.about-world-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}
.about-world-hq{display:flex;align-items:center;gap:14px;background:rgba(227,30,36,.12);border:1px solid rgba(227,30,36,.25);border-radius:12px;padding:16px;margin-bottom:16px}
.about-world-hq img{border-radius:3px}
.about-world-hq strong{display:block;font-size:14px;font-weight:800;text-transform:uppercase}
.about-world-hq small{font-size:12px;color:#bbb;line-height:1.4}
.about-world-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.about-world-metrics div{background:rgba(255,255,255,.05);border-radius:10px;padding:16px 12px;text-align:center}
.about-world-metrics strong{display:block;font-size:22px;font-weight:800;color:#fff;margin-bottom:2px}
.about-world-metrics span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#888}
.about-power{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.about-power-layout{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:48px;align-items:start}
.about-power-intro{position:sticky;top:100px}
.about-power-intro h2{font-size:clamp(28px,3.5vw,40px);font-weight:800;text-transform:uppercase;line-height:1.12;margin:0 0 16px}
.about-power-intro h2 span{color:var(--hottex-red)}
.about-power-desc{color:#555;font-size:15px;line-height:1.75;margin:0 0 22px;max-width:420px}
.about-power-badges{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.about-power-badges span{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#333}
.about-power-badges i{color:var(--hottex-red);font-size:14px}
.about-power-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.about-power-card{background:#fafafa;border:1px solid #ececec;border-radius:14px;padding:22px 20px;transition:.25s ease;height:100%}
.about-power-card:hover{background:#fff;border-color:#ffd0d2;box-shadow:0 14px 36px rgba(227,30,36,.08);transform:translateY(-3px)}
.about-power-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.about-power-icon{width:50px;height:50px;border-radius:12px;background:#fff1f1;color:var(--hottex-red);display:grid;place-items:center;font-size:20px;border:1px solid #ffe0e0}
.about-power-num{font-size:11px;font-weight:800;letter-spacing:.6px;color:#ccc;line-height:1}
.about-power-card h4{font-size:14px;font-weight:800;text-transform:uppercase;margin:0 0 8px;color:#111;letter-spacing:.2px}
.about-power-card p{font-size:13px;color:#666;line-height:1.6;margin:0}
.about-team-block{background:#fff}
.about-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.about-team-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;transition:.25s ease;height:100%}
.about-team-card:hover{border-color:#ffd0d2;box-shadow:0 14px 32px rgba(227,30,36,.1);transform:translateY(-4px)}
.about-team-photo{position:relative;height:220px;background:linear-gradient(180deg,#fafafa,#f0f0f0);overflow:hidden}
.about-team-photo img{width:100%;height:100%;object-fit:cover}
.about-team-initial{width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,#fff1f1,#ffe0e0);color:var(--hottex-red);font-size:32px;font-weight:800;display:grid;place-items:center;margin:auto;position:absolute;inset:0}
.about-team-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4));pointer-events:none}
.about-team-info{padding:20px 18px 22px}
.about-team-dept{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--hottex-red);margin-bottom:6px}
.about-team-info h3{font-size:16px;font-weight:800;text-transform:uppercase;margin:0 0 4px}
.about-team-role{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}
.about-team-bio{font-size:13px;color:#666;line-height:1.55;margin:0 0 14px}
.about-team-social{display:flex;gap:10px}
.about-team-social a{width:34px;height:34px;border-radius:50%;background:#f4f4f5;color:#555;display:grid;place-items:center;text-decoration:none;font-size:13px;transition:.2s ease}
.about-team-social a:hover{background:var(--hottex-red);color:#fff}
.about-impact{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:56px 0}
.about-impact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}
.about-impact-item strong{display:block;font-size:clamp(28px,4vw,38px);font-weight:800;color:var(--hottex-red);line-height:1.1;margin-bottom:4px}
.about-impact-item span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666}
.about-final-cta{position:relative;background:linear-gradient(105deg,#111,#2a2a2a);color:#fff;padding:70px 0;overflow:hidden;text-align:center}
.about-final-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(227,30,36,.2),transparent 70%);pointer-events:none}
.about-final-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}
.about-final-cta h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;text-transform:uppercase;line-height:1.15;margin-bottom:14px}
.about-final-cta p{color:#bbb;font-size:15px;line-height:1.65;margin-bottom:24px}
.about-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:991px){.about-story-layout,.about-world-grid,.about-power-layout{grid-template-columns:1fr;gap:36px}.about-power-intro{position:static}.about-pillars-grid{grid-template-columns:repeat(2,1fr)}.about-team-grid{grid-template-columns:repeat(2,1fr)}.about-impact-grid{grid-template-columns:repeat(3,1fr)}.about-journey-steps{flex-direction:column;align-items:center}.about-step-line{width:2px;height:40px;margin:0;flex:none}.about-float-1{left:10px}.about-float-2{right:10px}}
@media(max-width:575px){.about-cine-hero{min-height:480px}.about-cine-content{padding:50px 0}.about-pillars-grid,.about-power-grid,.about-team-grid,.about-impact-grid{grid-template-columns:1fr}.about-story-img-main img{height:320px}.about-float-card{display:none}}
