:root{--dark:#07111d;--text:#111;--muted:#787878;--light:#fff;--soft:#f5f1ea;--line:#e9e4dc;--orange:#f16319;--cyan:#0c8da6;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#fff}body{font-family:"DM Sans",Arial,sans-serif;color:var(--dark);background:#fff;overflow-x:hidden}img,video{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{width:16px;height:16px;border-radius:50%;border:1px solid var(--orange);position:fixed;left:0;top:0;transform:translate(-50%,-50%);z-index:9998;pointer-events:none;transition:width .3s var(--ease),height .3s var(--ease),background .3s var(--ease),opacity .3s var(--ease)}.cursor.active{width:70px;height:70px;background:rgba(241,99,25,.12);border-color:rgba(241,99,25,.22)}
.bs-header-2-area{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(7,17,29,.06)}.bs-header-2-row{height:86px;padding:0 48px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center}.bs-header-logo-1{display:flex;align-items:center;gap:10px;font-size:38px;font-weight:900;letter-spacing:-.055em;color:#050b12}.logo-grid{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.logo-grid span:nth-child(1){background:var(--orange)}.logo-grid span:nth-child(2){background:var(--cyan)}.logo-grid span:nth-child(3){background:var(--cyan)}.logo-grid span:nth-child(4){background:var(--orange)}.bs-main-navigation ul{display:flex;justify-content:center;align-items:center;gap:42px;list-style:none}.bs-main-navigation a{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;position:relative;padding:9px 0}.bs-main-navigation a:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--orange);transition:.4s var(--ease)}.bs-main-navigation a:hover:after{width:100%}.bs-header-2-action-link{justify-self:end;display:flex;align-items:center;gap:22px;font-size:22px;font-weight:800;letter-spacing:.18em;text-transform:lowercase;color:#050b12}.social-text{font-size:20px}.offcanvas-btn{width:28px;height:18px;display:flex;flex-direction:column;justify-content:space-between;border:0;background:transparent;cursor:pointer}.offcanvas-btn span{height:2px;width:100%;background:#07111d;display:block}
.bs-hero-2-area{position:relative;background:#fff;overflow:hidden;padding:202px 0 34px;min-height:745px}.bs-container-1{max-width:1288px;margin:0 auto;padding:0 16px}.bs-hero-2-wrap{position:relative;margin-bottom:132px;z-index:3}.bs-h-2{font-family:"DM Sans",Arial,sans-serif;color:var(--dark);font-weight:900;text-transform:uppercase;letter-spacing:-.06em}.bs-hero-2-title-1{font-size:clamp(90px,8.85vw,176px);line-height:.78;text-align:center;transform-origin:center}.item-row{display:flex;align-items:center;justify-content:center;gap:34px;margin-top:24px;position:relative}.bs-hero-2-img-1{width:232px;height:96px;overflow:hidden;flex:0 0 auto;transform-origin:center}.bs-hero-2-img-1 img,.bs-hero-2-img-2 img,.bs-hero-2-bg-shape img{width:100%;height:100%;object-fit:cover}.bs-hero-2-title-2{font-size:clamp(78px,7.35vw,146px);line-height:.78;color:transparent;-webkit-text-stroke:2px var(--dark);text-stroke:2px var(--dark);font-weight:800;transform-origin:center}.bs-hero-2-img-2{width:298px;height:98px;overflow:hidden;flex:0 0 auto;transform-origin:center;margin-left:18px}.item-row-2{display:flex;align-items:flex-start;justify-content:center;gap:108px;margin-top:28px;position:relative}.bs-hero-2-title-3{font-size:clamp(88px,8.5vw,169px);line-height:.78;transform-origin:center}.bs-hero-2-title-4{font-size:clamp(46px,3.2vw,64px);line-height:.94;letter-spacing:-.045em;max-width:405px;margin-top:4px;transform-origin:center}.bs-hero-2-marquee{position:relative;z-index:4;overflow:hidden;height:42px;display:flex;align-items:center;background:transparent}.bs-hero-2-marquee-active{display:flex;width:max-content;animation:heroMarquee 31s linear infinite}.bs-hero-2-marquee-text{font-size:25px;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(7,17,29,.72);text-stroke:1px rgba(7,17,29,.72);font-weight:900;text-transform:uppercase;letter-spacing:.075em;padding-right:34px}@keyframes heroMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.bs-hero-2-bg-shape{position:absolute;left:0;bottom:0;width:346px;height:318px;z-index:1;overflow:hidden;pointer-events:none}.bs-hero-2-bg-shape img{filter:saturate(.78) contrast(1.08)}
.wa-split-up,.wa-split-right,.wa-fadeInUp,.wa-slideInUp{opacity:0;transform:translateY(55px);transition:1s var(--ease)}.wa-split-right{transform:translateX(48px)}.wa-slideInUp{transform:translateY(90px)}.visible{opacity:1;transform:translate(0,0)}.tilt_scale{transition:transform .28s ease-out}.wa-img-cover img{transition:transform 1.1s var(--ease)}.wa-img-cover:hover img{transform:scale(1.06)}.section{padding:118px 0;position:relative}.container{max-width:1240px;margin:0 auto;padding:0 24px}.sec-title{text-align:center;margin-bottom:58px}.subtitle{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:900;margin-bottom:12px}.title{font-size:clamp(44px,5.2vw,82px);line-height:.92;letter-spacing:-.055em;font-weight:900;text-transform:uppercase;color:var(--dark)}.small-title{font-size:clamp(42px,4vw,64px)}.lead{font-size:18px;line-height:1.75;color:var(--muted)}.small{font-size:15px;line-height:1.75;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:40px;background:#07111d;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;position:relative;overflow:hidden;border:0;cursor:pointer}.btn:after{content:"";position:absolute;inset:0;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:.4s var(--ease);z-index:0}.btn:hover:after{transform:scaleX(1)}.btn span{position:relative;z-index:1}.page-hero{padding:180px 0 80px;background:#fff}.page-hero .container{max-width:1050px}.page-hero .lead{max-width:760px;margin-top:24px}.soft{background:#f8f6f2}
.bs-work-1-area{background:#f8f6f2;padding:96px 0 105px;position:relative;overflow:hidden}.bs-work-1-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.tabs-btn{display:grid;gap:0;list-style:none}.tab-btn{width:100%;display:flex;align-items:center;gap:18px;background:transparent;border:0;text-align:left;font-size:34px;letter-spacing:-.04em;font-weight:500;color:#777;padding:24px 0;border-bottom:1px solid #ded8cf;cursor:pointer;transition:.4s var(--ease)}.tab-btn .number{font-size:13px;letter-spacing:.12em;color:#aaa;width:32px}.tab-btn.active,.tab-btn:hover{color:var(--orange);padding-left:12px}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeUp .6s var(--ease)}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.tab-card{display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:end}.tab-card img{height:390px;width:100%;object-fit:cover}.tab-copy{padding-bottom:16px}.video-section video{width:100%;height:620px;object-fit:cover;filter:saturate(.92) contrast(1.04)}.video-section{position:relative}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:#fff;color:#07111d;display:grid;place-items:center;font-size:26px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px}.project-card:nth-child(even){margin-top:78px}.project-img{height:390px;overflow:hidden;position:relative;background:#eee}.project-img img{width:100%;height:100%;object-fit:cover}.project-label{position:absolute;left:16px;top:16px;background:#fff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;z-index:2}.project-title{font-size:26px;letter-spacing:-.045em;font-weight:900;text-transform:capitalize;margin-top:16px;color:#07111d}.showcase{background:#07111d;color:#fff;padding:105px 0;overflow:hidden}.showcase .title{color:#fff}.showcase-track{display:flex;gap:26px;width:max-content;animation:showcaseMove 35s linear infinite;margin-top:54px}.showcase-item{width:420px;flex:0 0 auto}.showcase-item img{height:330px;width:100%;object-fit:cover}.showcase-item h3{font-size:26px;line-height:1.08;letter-spacing:-.045em;text-transform:capitalize;margin-top:18px}@keyframes showcaseMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:130px 1fr 1.1fr;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:.35s var(--ease)}.process-item:hover{padding-left:18px;background:#faf7f1}.process-no{font-size:44px;font-weight:900;color:var(--orange);letter-spacing:-.06em}.process-item h3{font-size:32px;letter-spacing:-.045em;text-transform:uppercase}.services-hover{background:#eee7dc;position:relative;padding:0;overflow:hidden}.service-row{min-height:138px;border-bottom:1px solid rgba(7,17,29,.12);display:grid;grid-template-columns:1fr 420px;align-items:center;padding:0 5vw;position:relative;transition:.45s var(--ease)}.service-row h3{font-size:clamp(44px,5vw,86px);letter-spacing:-.055em;text-transform:uppercase}.service-row p{color:#5f5b54}.service-row img{position:absolute;right:30%;top:20px;width:220px;height:130px;object-fit:cover;opacity:0;transform:scale(.85) rotate(-2deg);transition:.45s var(--ease);pointer-events:none}.service-row:hover{background:#07111d;color:#fff}.service-row:hover p{color:rgba(255,255,255,.72)}.service-row:hover img{opacity:1;transform:scale(1) rotate(0deg)}.about-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px;align-items:start}.about-sticky{position:sticky;top:130px}.timeline{display:grid;gap:18px}.timeline-card{border:1px solid var(--line);padding:28px;background:#fff}.timeline-card .role{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-weight:900;margin-bottom:8px}.timeline-card h3{font-size:24px;letter-spacing:-.04em;margin-bottom:10px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.skills-grid div{background:#fff;border:1px solid var(--line);padding:22px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.contact{background:#05080c;color:#fff;padding:120px 0 48px;position:relative;overflow:hidden}.contact.contact-page{padding-top:185px;min-height:calc(100vh - 80px)}.contact .title{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px}.contact-card{border-bottom:1px solid rgba(255,255,255,.16);padding:22px 0}.contact-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-weight:900;margin-bottom:8px}.contact-form{display:grid;gap:15px}.field{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);padding:18px 0;color:#fff;outline:0}.field:focus{border-color:var(--orange)}textarea.field{height:145px;resize:vertical}.site-footer-mini{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:25px 48px;background:#05080c;color:rgba(255,255,255,.56);font-size:13px;border-top:1px solid rgba(255,255,255,.12)}.page-simple{padding-top:180px}
@media(max-width:1100px){.bs-header-2-row{grid-template-columns:200px 1fr 190px;padding:0 28px}.bs-header-logo-1{font-size:28px}.bs-main-navigation ul{gap:22px}.bs-header-2-action-link{font-size:16px;letter-spacing:.08em}.bs-hero-2-area{padding-top:150px}.bs-container-1{max-width:900px}.bs-hero-2-img-2{display:none}.item-row-2{gap:48px}.bs-hero-2-bg-shape{width:230px;height:210px}.skills-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cursor{display:none}.bs-header-2-row{height:72px;display:flex;justify-content:space-between;padding:0 20px}.bs-header-logo-1{font-size:24px}.logo-grid{width:16px;height:16px}.bs-main-navigation,.social-text{display:none}.bs-header-2-action-link{gap:0}.bs-hero-2-area{padding:115px 0 48px;min-height:auto}.bs-container-1{padding:0 22px}.bs-hero-2-wrap{margin-bottom:64px}.bs-hero-2-title-1,.bs-hero-2-title-3{font-size:clamp(58px,17vw,106px);text-align:left}.item-row{justify-content:flex-start;gap:14px;margin-top:16px}.bs-hero-2-img-1{width:30vw;height:12vw}.bs-hero-2-title-2{font-size:clamp(54px,15vw,96px);-webkit-text-stroke:1px var(--dark)}.item-row-2{display:block;margin-top:16px}.bs-hero-2-title-4{font-size:42px;margin-top:22px}.bs-hero-2-bg-shape{display:none}.bs-hero-2-marquee-text{font-size:16px}.section{padding:82px 0}.page-hero{padding:125px 0 55px}.bs-work-1-wrap,.tab-card,.projects-grid,.process-item,.about-wrap,.contact-grid{grid-template-columns:1fr}.tab-btn{font-size:26px}.project-card:nth-child(even){margin-top:0}.video-section video{height:360px}.service-row{grid-template-columns:1fr;padding:32px 22px}.service-row img{display:none}.contact{padding-top:82px}.contact.contact-page{padding-top:125px}.process-item:hover{padding-left:0}.title{font-size:44px}.skills-grid{grid-template-columns:1fr}.site-footer-mini{padding:22px}.showcase-item{width:320px}.showcase-item img{height:250px}}