/* Kachi Offiah — performance-minded premium polish */
:root{--premium-ink:#0b0b0d;--premium-paper:#f6f5f1;--premium-panel:#fff;--premium-line:rgba(10,10,12,.11);--premium-muted:#69696f;--premium-accent:#5700ef;--premium-radius:26px;--premium-shadow:0 24px 70px rgba(0,0,0,.08);--premium-shadow-soft:0 12px 38px rgba(0,0,0,.06)}html{scroll-behavior:smooth}body{background:var(--premium-paper);color:var(--premium-ink);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{max-width:100%}img{height:auto}.main,.main-wrapper{overflow:clip}::selection{background:var(--premium-accent);color:#fff}
/* Fast preloader */.preloader{transition:opacity .22s ease,visibility .22s ease;pointer-events:none}.preloader svg{transition:opacity .22s ease}.preloader-exit{opacity:0!important;visibility:hidden!important}
/* Header */#header{position:relative;z-index:1000;transition:transform .28s ease,background .28s ease,box-shadow .28s ease}#header:not(.relative){position:fixed;top:0;left:0;right:0}#header.nav-hidden{transform:translateY(-110%)}#header.is-scrolled .navbar{background:rgba(248,248,246,.84);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px 0 rgba(0,0,0,.06)}#header.is-scrolled .navbar-brand,#header.is-scrolled .navbar .nav-link,#header.is-scrolled .navbar-toggler .title{color:#111!important}#header .navbar{padding:16px 0;transition:background .28s ease,box-shadow .28s ease}#header .navbar .container.header{min-height:48px}.navbar-brand{font-weight:800!important;letter-spacing:-.035em;font-size:clamp(20px,2vw,28px)!important}.navbar-nav.items{display:flex!important;gap:6px;align-items:center}.navbar-nav.items .nav-link{font-size:14px!important;font-weight:650!important;letter-spacing:-.01em;padding:10px 14px!important;border-radius:999px;transition:background .2s,color .2s,opacity .2s}.navbar-nav.items .nav-link:hover,.navbar-nav.items .nav-link.active{background:rgba(255,255,255,.14)}#header.is-scrolled .navbar-nav.items .nav-link:hover,#header.is-scrolled .navbar-nav.items .nav-link.active{background:rgba(0,0,0,.06)}.navbar-toggler{border-radius:999px!important;transition:background .2s,border-color .2s!important}.navbar-toggler:hover{background:rgba(255,255,255,.14)}#header.is-scrolled .navbar-toggler:hover{background:rgba(0,0,0,.06)}
/* Hero */.hero-section{min-height:min(860px,92vh);display:flex;align-items:flex-end;padding:180px 0 86px!important}.hero-section .hero-content{max-width:1180px}.hero-section .intro-text{display:inline-flex;align-items:center;gap:8px;font-size:14px!important;font-weight:700;letter-spacing:.02em;padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(0,0,0,.13);backdrop-filter:blur(8px)}.hero-section .section-title{font-size:clamp(58px,8.8vw,132px)!important;line-height:.88!important;letter-spacing:-.062em!important;font-weight:520!important;max-width:1120px;text-wrap:balance}.hero-section .sub-title{max-width:560px;font-size:clamp(17px,1.55vw,22px)!important;line-height:1.55!important;color:rgba(255,255,255,.88)!important}.hero-section+*{position:relative}.position-relative>video.position-absolute{filter:saturate(.92) contrast(1.04)}
/* Sections */.premium-section-head{padding:74px 0 34px;display:grid;gap:12px;border-top:1px solid var(--premium-line)}.premium-section-head>span{text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--premium-muted)}.premium-section-head>div{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.premium-section-head h2{font-size:clamp(40px,6vw,78px);line-height:.95;letter-spacing:-.055em;max-width:760px;margin:0}.premium-section-head .btn{flex:0 0 auto}section{position:relative}.primary-bg{background:#f5f4ef!important}.secondary-bg{background:#111113!important}.intro .title,.section-title,.cta-text .title{letter-spacing:-.045em!important;text-wrap:balance}.intro .title{font-size:clamp(40px,6vw,78px)!important}.sub-title{letter-spacing:-.015em}.content-round{height:32px!important}.rounded-div-wrapper{height:32px!important}.rounded-div{border-radius:0 0 50% 50%!important}
/* Cards and media */.card{border:0!important;background:transparent!important}.premium-card,.portfolio-item,.blog-item{border-radius:var(--premium-radius)!important}.portfolio-item .image-holder,.blog-item .image-holder,.post-thumbnail,.gallery-image{overflow:hidden;border-radius:var(--premium-radius)!important;background:#eae9e4;box-shadow:var(--premium-shadow-soft)}.portfolio-item .image-holder video,.portfolio-item .image-holder img,.blog-item .image-holder img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .45s ease}.portfolio-item:hover .image-holder video,.portfolio-item:hover .image-holder img,.blog-item:hover .image-holder img{transform:scale(1.025)}.portfolio-item .card-content,.blog-item .card-content{padding:15px 3px 4px!important}.portfolio-item .card-content .title,.blog-item .card-content .title{font-size:clamp(20px,2.3vw,30px)!important;line-height:1.08!important;letter-spacing:-.035em!important}.blog-thumbnail{aspect-ratio:16/11!important;height:auto!important;object-fit:cover}.blog-item .card-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)!important}.terms.badge{border-radius:999px!important;padding:7px 10px!important;background:#ebeae5!important;color:#4e4e52!important;border:0!important;font-weight:650!important;text-decoration:none!important;margin:4px 4px 0 0!important}.post-date{color:var(--premium-muted)!important;font-size:13px!important}
/* Portfolio video grid */.filter-items.items.inner{row-gap:48px!important}.filter-items .portfolio-item .image-holder{aspect-ratio:4/5}.filter-items .portfolio-item video{width:100%!important;height:100%!important;object-fit:cover!important;display:block}.stack-wrapper .portfolio-item .image-holder{border-radius:32px!important;aspect-ratio:16/10}.stack-wrapper .portfolio-item .image-holder img{width:100%;height:100%;object-fit:cover}.stack-wrapper .stack-item{margin-bottom:18px}
/* Buttons */.btn,.content-btn{border-radius:999px!important;min-height:52px;padding:13px 21px!important;font-weight:700!important;letter-spacing:-.015em!important;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important}.btn:not(.btn-outline){box-shadow:0 12px 30px rgba(0,0,0,.1)}.btn:hover{transform:translateY(-1px)}.magnetic-button{will-change:transform}.btn-outline{border-color:rgba(0,0,0,.2)!important}.secondary-bg .btn-outline,.text-white .btn-outline{border-color:rgba(255,255,255,.28)!important}
/* CTA */.cta{margin:48px 0 0!important;padding:clamp(70px,9vw,128px) 0!important}.cta.layout-2{border-radius:38px 38px 0 0}.cta .sub-title{font-size:13px!important;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--premium-muted)!important}.cta .title{font-size:clamp(48px,7vw,96px)!important;line-height:.92!important}.cta .title span{color:var(--premium-accent)}
/* Contact */.contact-area{padding-top:clamp(110px,13vw,180px)!important}.contact-info{position:sticky;top:130px}.contact-info h3{font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.045em!important;line-height:1.02!important}.contact-info p{color:var(--premium-muted)!important;line-height:1.75!important}.contact-form .form-control{border:1px solid var(--premium-line)!important;background:rgba(255,255,255,.78)!important;border-radius:18px!important;min-height:62px!important;padding-left:18px!important;box-shadow:none!important}.contact-form textarea.form-control{min-height:150px!important}.contact-form .form-control:focus{border-color:rgba(87,0,239,.45)!important;box-shadow:0 0 0 5px rgba(87,0,239,.08)!important;background:#fff!important}.form-input-group{display:flex!important;gap:9px!important;flex-wrap:wrap!important}.form-input .btn{min-height:auto!important;padding:10px 14px!important;font-size:13px!important}.btn-check:checked+.btn{background:#111!important;color:#fff!important;border-color:#111!important}.form-message{margin-top:16px!important;padding:0!important;font-weight:650!important}.form-message.success{color:#08764c}.form-message.error{color:#b42318}
/* Blog article */.post-content,.blog-single-content{font-size:clamp(17px,1.45vw,20px)!important;line-height:1.82!important}.post-content h2,.post-content h3,.blog-single-content h2,.blog-single-content h3{letter-spacing:-.035em!important;line-height:1.08!important;margin:1.7em 0 .65em!important}.post-content p,.blog-single-content p{margin-bottom:1.2em!important}.post-content img,.blog-single-content img{border-radius:22px!important}.youtube-container{border-radius:24px!important;overflow:hidden;box-shadow:var(--premium-shadow)!important}.post-thumbnail img{width:100%;max-height:720px;object-fit:cover}
/* Footer and offcanvas */.footer-area{padding:28px 0!important;border-top:1px solid var(--premium-line)}.footer-content{font-size:13px!important;color:var(--premium-muted)!important}.offcanvas{background:#111113!important;color:#fff}.offcanvas .nav-link{color:#fff!important;font-size:clamp(36px,8vw,64px)!important;line-height:1!important;letter-spacing:-.05em!important}.offcanvas .nav-link:hover{opacity:.7}.offcanvas .socials .nav-link,.offcanvas nav.nav .nav-link{font-size:15px!important;letter-spacing:0!important}
/* Search */#search .modal-content{background:rgba(248,248,246,.96)!important;backdrop-filter:blur(22px)}#search .search-title{font-size:clamp(38px,6vw,78px)!important;letter-spacing:-.05em!important}.search-form input{border-radius:999px!important;border:1px solid var(--premium-line)!important;background:#fff!important;padding:18px 22px!important}
/* Native reveal replaces expensive split/scroll animation stack */.js-ready .native-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.js-ready .native-reveal.reveal-img{overflow:hidden}.js-ready .native-reveal.is-visible{opacity:1;transform:none}.js-ready .animate-left.native-reveal{transform:translate3d(-24px,0,0)}.js-ready .animate-right.native-reveal{transform:translate3d(24px,0,0)}.js-ready .animate-left.native-reveal.is-visible,.js-ready .animate-right.native-reveal.is-visible{transform:none}
/* Media loading */video[data-autoplay="viewport"]{background:#101010;object-fit:cover}video[data-loaded="1"]{animation:mediaFade .35s ease both}@keyframes mediaFade{from{opacity:.65}to{opacity:1}}
/* Cursor */#cursor{margin-left:-7px;margin-top:-7px;will-change:transform;transition:width .18s ease,height .18s ease,opacity .18s ease}#cursor.hovered{width:34px!important;height:34px!important;opacity:.2!important}
/* Responsive */@media(max-width:991px){.hero-section{min-height:86vh;padding:150px 0 62px!important}.contact-info{position:static;margin-top:54px}.filter-items.items.inner{row-gap:32px!important}.cta.layout-2{border-radius:28px 28px 0 0}}@media(max-width:767px){.premium-section-head{padding:48px 0 24px}.premium-section-head>div{align-items:flex-start;flex-direction:column}.stack-wrapper .portfolio-item .image-holder{aspect-ratio:4/3}#header .navbar{padding:12px 0}.navbar-nav.items{display:none!important}.hero-section{min-height:82vh;padding:132px 0 48px!important}.hero-section .section-title{font-size:clamp(50px,16vw,80px)!important}.hero-section .sub-title{font-size:17px!important}.works,.blog-area,.portfolio-area,.service-area,.about-area{padding-left:0!important;padding-right:0!important}.stack-wrapper .image-holder,.portfolio-item .image-holder,.blog-item .image-holder{border-radius:20px!important}.filter-items .portfolio-item .image-holder{aspect-ratio:16/13}.cta{margin-top:26px!important}.cta.layout-2{border-radius:24px 24px 0 0}.footer-content{text-align:center}.form-input-group{gap:7px!important}.form-input .btn{padding:9px 12px!important}.offcanvas .nav-link{font-size:clamp(34px,13vw,56px)!important}}@media(max-width:480px){.hero-section .section-title{font-size:clamp(46px,15vw,66px)!important}.hero-section .intro-text{font-size:12px!important}.btn,.content-btn{min-height:48px;padding:12px 17px!important}.cta .title{font-size:44px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.native-reveal{opacity:1!important;transform:none!important}#cursor{display:none!important}}

/* Portfolio and appearances */
.portfolio-showcase{display:flex;flex-direction:column;gap:30px;margin-top:clamp(48px,7vw,90px);margin-bottom:clamp(72px,9vw,128px)}
.portfolio-showcase>.row:first-child{margin-bottom:clamp(8px,2vw,18px)}
.portfolio-showcase .intro{gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(25,21,18,.12)}
.portfolio-showcase .intro .title{margin:0;font-size:clamp(2rem,4.4vw,4.5rem);letter-spacing:-.055em;line-height:.98}
.portfolio-showcase .filter-items{row-gap:clamp(26px,4vw,44px)}
.portfolio-showcase .portfolio-item{height:100%}
.portfolio-showcase .image-holder{overflow:hidden;border-radius:22px;background:#111}
.portfolio-showcase .image-holder video,.portfolio-showcase .image-holder img{aspect-ratio:4/5;width:100%;height:100%;object-fit:cover}
.portfolio-showcase .card-content{padding:16px 2px 0!important}
.portfolio-showcase .card-content .title{font-size:clamp(1.15rem,1.6vw,1.5rem);letter-spacing:-.025em}
@media(max-width:767.98px){.portfolio-showcase .intro{align-items:flex-start!important;flex-direction:column}.portfolio-showcase .intro .btn{width:100%;justify-content:center}.portfolio-showcase .image-holder video,.portfolio-showcase .image-holder img{aspect-ratio:16/11}}

/* Homepage brand + expertise polish */
.services .clickable-card{display:block!important;text-decoration:none!important;color:inherit!important;border-radius:30px;outline:none}
.services .clickable-card>div{border-radius:30px!important;box-shadow:0 22px 60px rgba(0,0,0,.11)!important;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease;isolation:isolate}
.services .clickable-card video{height:clamp(280px,40vw,480px)!important;filter:brightness(.66) saturate(.92)!important;transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s ease}
.services .clickable-card>div>div{padding:clamp(22px,4vw,42px)!important;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0))!important}
.services .clickable-card h2{font-size:clamp(30px,4vw,54px)!important;letter-spacing:-.045em!important;font-weight:650!important}
.services .clickable-card:hover>div{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.16)!important}
.services .clickable-card:hover video{transform:scale(1.025);filter:brightness(.72) saturate(1)!important}
.service-wrapper .item{height:100%;padding:26px 0;border-top:1px solid var(--premium-line);gap:18px}
.service-wrapper .item-count{font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;color:var(--premium-muted)!important;padding-top:5px}
.service-wrapper .content h4{font-size:clamp(23px,2.2vw,31px)!important;letter-spacing:-.035em!important;line-height:1.05!important;margin-bottom:14px!important}
.service-wrapper .content p{color:var(--premium-muted)!important;line-height:1.72!important;margin-bottom:0!important}
@media(max-width:767px){.services .clickable-card>div{border-radius:22px!important}.services .clickable-card video{height:260px!important}.service-wrapper .item{padding:22px 0}}