:root{--red:#d71920;--black:#111;--dark:#1a1a1a;--gray:#666;--light:#f6f6f6;--white:#fff;--container:1240px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--black);background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:min(var(--container),92%);margin:0 auto}section{padding:140px 0}h1{font-size:clamp(3.5rem,6vw,5.8rem);font-weight:800;line-height:1.05}h2{font-size:clamp(2.4rem,4vw,3.8rem);font-weight:700;line-height:1.15}h3{font-size:1.7rem;font-weight:700}p{color:var(--gray);font-size:1.12rem;line-height:1.85}.section-tag{color:var(--red);text-transform:uppercase;letter-spacing:.25em;justify-content:center;align-items:center;gap:18px;margin-bottom:28px;font-size:.82rem;font-weight:700;display:flex}.section-tag:before,.section-tag:after{content:"";background:var(--red);width:60px;height:2px}.btn{border-radius:5px;justify-content:center;align-items:center;padding:18px 38px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:#b31218;transform:translateY(-2px)}.btn-outline{color:#fff;background:0 0;border:2px solid #fff}.btn-outline:hover{color:var(--black);background:#fff}.header{backdrop-filter:blur(18px);z-index:999;background:#fffffff5;border-bottom:1px solid #ececec;width:100%;height:92px;position:fixed;top:0;left:0}.header .container{height:100%}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:var(--black);flex-direction:column;display:flex}.logo strong{letter-spacing:.04em;text-transform:uppercase;font-size:1.35rem;font-weight:800}.logo span{color:#777;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:.8rem}nav{align-items:center;gap:42px;display:flex}nav a{font-size:.96rem;font-weight:600;transition:all .25s;position:relative}nav a:after{content:"";background:var(--red);width:0;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0}nav a:hover{color:var(--red)}nav a:hover:after{width:100%}.hero{background:#000;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;background:linear-gradient(90deg,#000000b3 0%,#00000073 45%,#0009 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:980px;position:relative}.hero-kicker{color:#fff;letter-spacing:.25em;text-transform:uppercase;justify-content:center;align-items:center;gap:18px;margin-bottom:30px;font-size:.85rem;font-weight:700;display:flex}.hero-kicker:before,.hero-kicker:after{content:"";background:#d71920;width:70px;height:2px}.hero h1{color:#fff;margin-bottom:30px;font-size:clamp(4rem,7vw,6.2rem);line-height:1.02}.hero-description{color:#fff;max-width:760px;margin:0 auto 55px;font-size:1.25rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.projects{background:#fff;padding:160px 0}.projects .section-tag{justify-content:center}.projects h2{text-align:center;max-width:920px;margin:0 auto 30px;font-size:clamp(2.8rem,5vw,4.2rem)}.projects-intro{text-align:center;color:#666;max-width:760px;margin:0 auto 90px;font-size:1.18rem;line-height:1.9}.project-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.project-card{transition:all .45s}.project-card:hover{transform:translateY(-10px)}.project-card img{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:100%;transition:all .7s}.project-card:hover img{transform:scale(1.04)}.project-info{padding-top:28px}.project-info span{color:var(--red);letter-spacing:.22em;text-transform:uppercase;font-size:.82rem;font-weight:700}.project-info h3{margin:16px 0;font-size:1.8rem;line-height:1.2;transition:all .3s}.project-card:hover h3{color:var(--red)}.project-info p{color:#666;line-height:1.9}.clients{background:#f8f8f8;padding:160px 0}.clients .section-tag{justify-content:center}.clients h2{text-align:center;max-width:900px;margin:0 auto 28px}.clients p{text-align:center;color:#666;max-width:720px;margin:0 auto 90px}.logos{grid-template-columns:repeat(5,1fr);place-items:center;gap:55px 65px;display:grid}.logos img{object-fit:contain;filter:grayscale();opacity:.75;width:170px;height:80px;transition:transform .35s,opacity .35s,filter .35s}.logos img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.08)}@media (width<=1000px){.logos{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.logos{grid-template-columns:repeat(2,1fr);gap:40px}.logos img{width:140px}}.about{background:#fff;padding:140px 0}.about-image img{border-radius:8px;width:100%}.about-content h2{margin:20px 0 35px}.about-content p{margin-bottom:22px}.about-content .btn{margin-top:18px}.cta{color:#fff;text-align:center;background:#111;padding:140px 0}.cta .container{max-width:860px}.cta h2{color:#fff;margin-bottom:28px}.cta p{color:#ffffffd1;max-width:700px;margin:0 auto 45px;font-size:1.15rem;line-height:1.8}.cta .btn{margin:0 auto}footer{color:#fff;background:#111;padding:70px 0}.footer-content{justify-content:space-between;align-items:flex-start;gap:60px;display:flex}.footer-content h3{margin-bottom:12px;font-size:1.5rem}.footer-content p{color:#bdbdbd;max-width:420px}.footer-links{flex-direction:column;gap:16px;display:flex}.footer-links a{color:#fff;transition:all .3s}.footer-links a:hover{color:var(--red)}.portfolio h1{margin-bottom:25px}.portfolio-intro{color:#666;max-width:760px;margin:0 auto 70px}.video-grid{grid-template-columns:repeat(2,1fr);gap:45px;display:grid}.video-card{text-align:left}.play-icon{color:#fff;background:#00000040;justify-content:center;align-items:center;font-size:4rem;transition:all .3s;display:flex;position:absolute;inset:0}.video-thumb:hover .play-icon{background:#00000073}.video-info{padding-top:24px}.video-info span{color:var(--red);letter-spacing:.18em;margin-bottom:12px;font-size:.82rem;font-weight:700;display:block}.video-info h3{margin-bottom:14px;font-size:1.45rem}.video-info p{color:#666}@media (width<=1000px){.project-grid,.video-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:60px}.logos{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){section{padding:90px 0}.header .container{padding:0 25px}.nav{flex-direction:column;gap:18px;height:auto;padding:20px 0}nav{flex-wrap:wrap;justify-content:center;gap:20px;margin-left:0}.hero{min-height:100vh;padding:130px 0 70px}.hero h1{font-size:2.8rem}.hero-text{font-size:1.05rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:320px}.logos{grid-template-columns:repeat(2,1fr);gap:35px}.logos img{width:130px;height:70px}.footer-content{flex-direction:column;gap:35px}}.portfolio{text-align:center;background:#fafafa;padding:150px 0}.video-grid{grid-template-columns:repeat(2,1fr);gap:45px;margin-top:70px;display:grid}.video-thumb{cursor:pointer;background:#000;border-radius:14px;position:relative;overflow:hidden}.video-thumb img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:all .5s}.video-thumb:hover img{transform:scale(1.05)}.play-button{color:#fff;background:#00000040;justify-content:center;align-items:center;font-size:70px;transition:all .3s;display:flex;position:absolute;inset:0}.video-thumb:hover .play-button{background:#00000073}.video-info{text-align:left;padding-top:24px}.video-info span{color:#d71920;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:700}.video-info h3{margin:12px 0;font-size:1.6rem}.modal{z-index:99999;background:#000000e6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.show{display:flex}.modal-content{width:min(1200px,92%);position:relative}.modal video{border-radius:8px;width:100%}#closeVideo{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute;top:-45px;right:0}.featured-videos{text-align:center;background:#fafafa;padding:140px 0}.video-preview{border-radius:14px;display:block;overflow:hidden}.video-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:all .45s}.video-preview:hover img{transform:scale(1.05)}.portfolio-button{margin-top:70px}.portfolio-home{background:#fafafa;padding:140px 0}.portfolio-home .container{width:90%;max-width:1200px;margin:0 auto}.portfolio-home .section-tag{text-align:center}.portfolio-home h1{text-align:center;width:100%;margin:0 auto 25px}.portfolio-card{text-align:left}.preview{object-fit:cover;opacity:0;width:100%;height:100%;transition:all .4s;position:absolute;inset:0}.portfolio-home{color:#fff;background:#0f0f10;padding:160px 0}.portfolio-home h2{text-align:center;color:#fff;margin-bottom:25px}.portfolio-text{text-align:center;color:#c6c6c6;max-width:760px;margin:0 auto 80px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:55px;display:grid}.portfolio-card{transition:all .35s}.portfolio-card:hover{transform:translateY(-8px)}.portfolio-image{background:#000;border-radius:14px;position:relative;overflow:hidden}.portfolio-image img,.portfolio-image video{aspect-ratio:16/9;object-fit:cover;width:100%}.preview{opacity:0;transition:all .35s;position:absolute;inset:0}.thumb{transition:all .35s}.portfolio-card:hover .thumb{opacity:0}.portfolio-card:hover .preview{opacity:1}.play-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;width:88px;height:88px;font-size:34px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:hover{transform:translate(-50%,-50%)scale(1.12)}.portfolio-info{margin-top:24px}.portfolio-info span{color:var(--red);text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;font-weight:700}.portfolio-info h3{color:#fff;margin:12px 0}.portfolio-info p{color:#bcbcbc}.portfolio-button{text-align:center;margin-top:90px}.video-modal{z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.video-modal.show{display:flex}.video-modal-content{width:min(1200px,92%);position:relative}.video-modal video{border-radius:12px;width:100%}.close-video{color:#fff;cursor:pointer;background:0 0;border:none;font-size:42px;position:absolute;top:-50px;right:0}.about{background:#fff}.about-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;display:grid}.about-content{max-width:720px}.about-content .section-tag{justify-content:flex-start}.about-content .section-tag:after{display:none}.about-content h2{margin:20px 0 35px;font-size:clamp(2.5rem,4vw,3.8rem);line-height:1.15}.about-content p{color:#666;margin-bottom:22px}.about-features{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px;display:grid}.feature h3{color:#d71920;margin-bottom:12px;font-size:2rem}.feature h4{margin-bottom:14px;font-size:1.15rem}.feature p{font-size:.98rem;line-height:1.8}.about-image img{object-fit:cover;border-radius:14px;width:100%;box-shadow:0 25px 70px #0000001f}@media (width<=768px){.hero{min-height:100svh;padding:110px 20px 60px}.hero-video{object-fit:cover;object-position:center center;transform:scale(.88)}.hero-content{width:100%;max-width:100%;padding:0 10px}.hero-kicker{letter-spacing:.15em;margin-bottom:18px;font-size:.9rem}.hero-kicker:before,.hero-kicker:after{width:40px}.hero h1{margin-bottom:22px;font-size:clamp(3rem,11vw,4rem);line-height:1.05}.hero-description{max-width:100%;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.hero-actions{flex-direction:column;gap:16px;width:100%}.hero-actions a{justify-content:center;width:100%;padding:16px 24px;font-size:1rem}section{padding:80px 0}.container{width:92%}.section-tag{font-size:.95rem}section h2{font-size:2.2rem;line-height:1.15}section p{font-size:1.05rem;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:28px}.project-card{border-radius:18px}.project-info{padding:24px}.project-info h3{font-size:1.55rem}.project-info p{font-size:1rem;line-height:1.7}.logos{justify-content:center;gap:26px}.logos img{width:auto;max-height:42px}}