@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@100..900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#000;overflow-x:hidden}.hero-section{color:#fff;isolation:isolate;background:#050505;width:100%;min-height:100vh;position:relative;overflow:hidden}.hero-video{object-fit:cover;object-position:center;z-index:1;opacity:.55;width:100%;height:100%;position:absolute;inset:0}@media (max-width:768px){.hero-video{object-position:center 30%}}.hero-overlay{z-index:2;background:linear-gradient(90deg,#000000bf 0%,#0000008c 45%,#00000059 100%);position:absolute;inset:0}.hero-grid{z-index:2;opacity:.05;background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0}.hero-container{z-index:5;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:120px 40px 70px;display:grid;position:relative}.hero-left{width:100%;max-width:760px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;letter-spacing:.32em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:14px 24px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.hero-bg-text{letter-spacing:8px;color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-family:Bebas Neue,sans-serif;font-size:200px;line-height:.8;position:absolute;bottom:-100px;right:-500px}.hero-title{z-index:5;flex-direction:column;gap:6px;margin-top:34px;display:flex;position:relative}.the-text,.sociate-text{letter-spacing:3px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:70px;font-weight:500;line-height:.88}.the-text{color:#fff}.sociate-text{color:#d92d20}.hero-description{color:#ffffffbd;max-width:620px;margin-top:30px;font-family:Inter,sans-serif;font-size:17px;line-height:1.9}.hero-buttons{flex-wrap:wrap;align-items:center;gap:18px;margin-top:42px;display:flex}.primary-btn,.secondary-btn{white-space:nowrap;letter-spacing:.24em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;height:62px;padding:0 34px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:all .35s;display:inline-flex}.primary-btn{color:#111;background:#fff;border:1px solid #fff}.primary-btn:hover{color:#fff;background:#d92d20;border-color:#d92d20;transform:translateY(-4px)}.secondary-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff0f;border:1px solid #ffffff1f}.secondary-btn:hover{color:#111;background:#fff;transform:translateY(-4px)}.hero-right{justify-content:center;align-items:center;width:100%;display:flex}.circle-wrapper{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.rotating-text{animation:16s linear infinite rotateText;position:absolute;inset:0}.rotating-text text{fill:#d92d20;letter-spacing:5px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:12px}.play-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;transition:all .35s;display:flex}.play-button:hover{background:#d92d20;transform:scale(1.08)}.play-icon{color:#fff;margin-left:4px;font-size:24px}.video-modal{z-index:999;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.video-wrapper{width:100%;max-width:1000px;position:relative}.popup-video{border-radius:24px;width:100%}.close-video{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;position:absolute;top:-50px;right:0}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1400px){.hero-container{padding:120px 40px 70px}}@media (max-width:1200px){.hero-container{gap:50px;padding:110px 50px 60px}.the-text,.sociate-text{font-size:76px}}@media (max-width:1024px){.hero-container{flex-direction:column;align-items:flex-start;gap:50px;min-height:auto;padding:110px 30px 60px;display:flex}.hero-bg-text{display:none}.the-text,.sociate-text{font-size:62px;line-height:.95}.hero-description{font-size:16px}.hero-buttons{gap:14px;width:100%}.primary-btn,.secondary-btn{min-width:200px;height:56px}.circle-wrapper{width:200px;height:200px}}@media (max-width:768px){.hero-container{gap:40px;padding:100px 20px 50px}.the-text,.sociate-text{font-size:48px;line-height:1}.hero-description{font-size:15.5px}.hero-buttons{flex-direction:column;width:100%}.primary-btn,.secondary-btn{width:100%;height:56px}.circle-wrapper{width:170px;height:170px}}@media (max-width:480px){.hero-container{padding:90px 16px 40px}.the-text,.sociate-text{font-size:38px}.circle-wrapper{width:140px;height:140px}.play-button{width:78px;height:78px}}@media (max-width:360px){.the-text,.sociate-text{font-size:34px}}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#121212;overflow-x:hidden}.homePortfolioSection{background:#121212;width:100%;padding:120px 80px;position:relative;overflow:hidden}.homePortfolioTop,.homePortfolioRow{width:100%;max-width:1400px;margin-inline:auto}.homePortfolioTopLeft{max-width:760px}.homePortfolioTag{color:#9e140b;letter-spacing:.35em;text-transform:uppercase;margin-bottom:22px;font-family:Inter,sans-serif;font-size:12px}.homePortfolioHeading{color:#fff;letter-spacing:4px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:50px;font-weight:500;line-height:.95}.homePortfolioDescription{color:#ffffffa6;max-width:650px;margin-top:28px;font-family:Inter,sans-serif;font-size:16px;line-height:1.9}.homePortfolioRow{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px;display:grid}.homePortfolioCard{isolation:isolate;background:#111;border:1px solid #ffffff14;border-radius:16px;width:100%;height:560px;text-decoration:none;transition:transform .45s,border-color .45s;position:relative;overflow:hidden}.homePortfolioVideoWrap{width:100%;height:100%;position:absolute;inset:0}.homePortfolioVideo{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s;display:block;transform:scale(1.05)}.homePortfolioOverlay{z-index:1;background:linear-gradient(#00000026,#000000f2);position:absolute;inset:0}.homePortfolioContent{z-index:5;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;position:relative}.homePortfolioHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.homeClientLogo{background:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.homePortfolioCategory{color:#fff;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:10px 16px;font-family:Inter,sans-serif;font-size:10px}.homePortfolioCenter{flex:1;align-items:center;display:flex}.homePortfolioCenter h3{color:#fff;letter-spacing:3px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:36px;line-height:.92}.homePortfolioBottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.homePortfolioBottom p{color:#fff;letter-spacing:.18em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:11px}.homePortfolioArrow{color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .45s,background .45s;display:flex}.homePortfolioCard:hover{border-color:#9e140b73;transform:translateY(-10px)}.homePortfolioCard:hover .homePortfolioVideo{transform:scale(1)}.homePortfolioCard:hover .homePortfolioArrow{background:#9e140b;transform:rotate(45deg)}@media (max-width:1400px){.homePortfolioSection{padding:110px 70px}.homePortfolioHeading{font-size:56px}}@media (max-width:1200px){.homePortfolioSection{padding:100px 40px}.homePortfolioRow{grid-template-columns:repeat(2,1fr);gap:22px}.homePortfolioCard{aspect-ratio:9/16;height:auto;min-height:520px}}@media (max-width:1024px){.homePortfolioHeading{font-size:48px}.homePortfolioDescription{font-size:15px}.homePortfolioRow{grid-template-columns:repeat(2,1fr);gap:20px}.homePortfolioCard{aspect-ratio:9/16;border-radius:28px;min-height:500px}.homePortfolioCenter h3{font-size:30px}}@media (max-width:900px){.homePortfolioSection{padding:90px 30px}.homePortfolioRow{grid-template-columns:repeat(2,1fr);gap:18px}.homePortfolioCard{aspect-ratio:9/16;min-height:480px}.homePortfolioCenter h3{font-size:26px}}@media (max-width:768px){.homePortfolioSection{padding:90px 22px}.homePortfolioRow{grid-template-columns:1fr;gap:22px}.homePortfolioCard{aspect-ratio:9/16;border-radius:26px;height:auto;min-height:540px}.homePortfolioHeading{letter-spacing:2px;font-size:40px}.homePortfolioDescription{font-size:14px;line-height:1.8}.homePortfolioContent{padding:20px}.homePortfolioCenter h3{letter-spacing:2px;font-size:28px}.homeClientLogo{width:60px;height:60px}.homePortfolioCategory{padding:8px 12px;font-size:9px}.homePortfolioArrow{width:50px;height:50px;font-size:20px}}@media (max-width:480px){.homePortfolioSection{padding:80px 16px}.homePortfolioCard{min-height:460px}.homePortfolioHeading{font-size:34px}.homePortfolioCenter h3{font-size:24px}.homePortfolioContent{padding:18px}.homeClientLogo{border-radius:14px;width:54px;height:54px}.homePortfolioArrow{width:46px;height:46px;font-size:18px}}
*{box-sizing:border-box;margin:0;padding:0}.customServicesSection{background:#111;width:100%;max-width:1400px;margin:0 auto;padding:100px 40px;position:relative;overflow:hidden}.customServicesTop{text-align:center;max-width:900px;margin:auto}.customServicesTag{color:#9e140b;text-transform:uppercase;letter-spacing:.4em;margin-bottom:20px;font-family:Inter,sans-serif;font-size:12px}.customServicesHeading{letter-spacing:4px;color:#fff;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:50px;font-weight:500;line-height:1}.customServicesDescription{color:#ffffffa6;max-width:650px;margin:35px auto 0;font-family:Inter,sans-serif;font-size:17px;line-height:1.9}.customServicesGrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;margin-top:90px;display:grid}.customServicesLeft{flex-direction:column;gap:22px;display:flex}.customServiceCard{cursor:pointer;isolation:isolate;background:#1a1a1a;border:1px solid #ffffff14;border-radius:30px;width:100%;height:110px;transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.customServiceCard:before{content:"";opacity:0;z-index:1;background:linear-gradient(120deg,#0000,#9e140b1f,#0000);transition:all .4s;position:absolute;inset:0}.customServiceCard:hover:before{opacity:1}.customServiceOverlay{z-index:2;background:linear-gradient(90deg,#000000eb,#00000073);position:absolute;inset:0}.customServiceContent{z-index:5;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 35px;display:flex;position:relative}.customServiceInfo{align-items:center;gap:24px;min-width:0;display:flex}.customServiceInfo span{color:#9e140b;letter-spacing:.3em;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.customServiceInfo h3{color:#fff;letter-spacing:4px;text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1;transition:all .35s}.customServiceArrow{color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:20px;transition:transform .35s,background .35s;display:flex}.customServiceCard:hover{border-color:#9e140b;transform:translate(6px);box-shadow:0 15px 35px #9e140b1f}.customServiceCard:hover .customServiceInfo h3{transform:translate(4px)}.customServiceCard:hover .customServiceArrow{background:#9e140b;transform:rotate(45deg)}.customServicesPreview{aspect-ratio:9/16;isolation:isolate;background:#000;border:1px solid #ffffff14;border-radius:34px;width:100%;max-width:290px;min-height:520px;margin-left:auto;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.customPreviewVideo{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block;position:absolute;inset:0;transform:scale(1.02)}.customServicesPreview:hover .customPreviewVideo{transform:scale(1.05)}@media (max-width:1024px){.customServicesSection{padding:50px 20px}.customServicesHeading{font-size:40px}.customServicesDescription{font-size:14px;line-height:1.7}.customServicesGrid{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:20px}.customServicesLeft{max-width:620px}.customServiceCard{border-radius:18px;height:76px}.customServiceContent{padding:0 12px}.customServiceInfo{gap:20px}.customServiceInfo span{font-size:10px}.customServiceInfo h3{letter-spacing:.5px;font-size:18px}.customServiceArrow{width:28px;min-width:28px;height:28px;font-size:11px}.customServicesPreview{border-radius:22px;max-width:220px;min-height:380px}}@media (max-width:768px){.customServicesSection{padding:60px 20px}.customServicesHeading{letter-spacing:2px;font-size:42px}.customServicesDescription{font-size:14px;line-height:1.8}.customServicesGrid{grid-template-columns:1fr;gap:30px}.customServicesLeft{order:2;width:100%}.customServicesPreview{order:1;width:100%;max-width:260px;min-height:420px;margin:0 auto}.customServiceCard{border-radius:18px;height:80px}.customServiceContent{padding:0 16px}.customServiceInfo{gap:12px}.customServiceInfo span{font-size:10px}.customServiceInfo h3{letter-spacing:1px;font-size:18px}.customServiceArrow{width:32px;min-width:32px;height:32px;font-size:12px}}@media (max-width:480px){.customServicesSection{padding:50px 16px}.customServicesHeading{font-size:34px}.customServicesDescription{font-size:13px}.customServicesPreview{max-width:220px;min-height:360px}.customServiceCard{height:72px}.customServiceInfo h3{letter-spacing:.5px;font-size:15px}.customServiceArrow{width:28px;min-width:28px;height:28px;font-size:11px}}