:root{--primary-color:#ff6b35;--secondary-color:#f7931e;--accent-color:#00d4aa;--dark-color:#1a1a1a;--darker-color:#0f0f0f;--light-color:#ffffff;--gray-light:#f8f9fa;--gray-medium:#6c757d;--gray-dark:#343a40;--primary-gradient:linear-gradient(135deg,var(--primary-color),var(--secondary-color));--accent-gradient:linear-gradient(135deg,var(--accent-color),#00a991);--dark-gradient:linear-gradient(135deg,var(--dark-color),var(--darker-color));--hero-gradient:radial-gradient(circle at 20% 80%,rgba(255,107,53,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,170,0.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(247,147,30,0.05) 0%,transparent 50%);--font-primary:"poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-heading:"Playfair Display",Georgia,serif;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--font-6xl:3.75rem;--section-padding:100px 0;--container-padding:15px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-xs:0 1px 3px rgba(0,0,0,0.05);--shadow-sm:0 1px 6px rgba(0,0,0,0.07);--shadow-light:0 5px 15px rgba(0,0,0,0.08);--shadow-medium:0 10px 30px rgba(0,0,0,0.12);--shadow-heavy:0 20px 60px rgba(0,0,0,0.15);--shadow-color:0 25px 50px rgba(255,107,53,0.15);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-medium:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-loading:10000;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px}[data-theme=dark]{--light-color:#1a1a1a;--dark-color:#ffffff;--gray-light:#2d2d2d;--gray-medium:#a0a0a0;--gray-dark:#e0e0e0}[data-contrast=high]{--primary-color:#ff4500;--secondary-color:#ffa500;--accent-color:#00ff00;--dark-color:#000000;--light-color:#ffffff}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-size:var(--font-base);font-weight:400;background-color:var(--light-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--dark-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-6xl)}h2{font-size:var(--font-5xl)}h3{font-size:var(--font-4xl)}h4{font-size:var(--font-3xl)}h5{font-size:var(--font-2xl)}h6{font-size:var(--font-xl)}p{margin-bottom:var(--spacing-lg);color:var(--gray-medium);line-height:1.7}a{color:inherit;transition:var(--transition-medium);cursor:pointer}a,a:hover{text-decoration:none}img{max-width:100%;height:auto;display:block;border-style:none}ol,ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;padding:0}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--primary-color);color:var(--light-color)}::-moz-selection{background:var(--primary-color);color:var(--light-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-light)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gradient)}html{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--gray-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.d-flex-center{display:flex;align-items:center;justify-content:center}.position-relative{position:relative}.position-absolute{position:absolute}.w-100{width:100%}.h-100{height:100%}.overflow-hidden{overflow:hidden}.container{width:100%;padding-right:var(--container-padding);padding-left:var(--container-padding);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:90%}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.loading-screen{position:fixed;inset:0;z-index:var(--z-loading);overflow:hidden;background:radial-gradient(60% 80% at 50% 50%,rgba(255,107,53,.08),transparent 70%),linear-gradient(135deg,#1a1a1a,#0f0f0f);transition:opacity .8s cubic-bezier(.22,1,.36,1),visibility .8s cubic-bezier(.22,1,.36,1)}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-screen .loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen .loader{position:absolute;top:50%;left:50%;margin-left:-50px;animation:speeder .4s linear infinite}.loading-screen .loader>span{height:5px;width:35px;background:#ff6b35;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}.loading-screen .base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #f4f4f4;border-bottom:6px solid transparent}.loading-screen .base span:before{content:"";height:22px;width:22px;border-radius:50%;background:#f4f4f4;position:absolute;right:-110px;top:-16px}.loading-screen .base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #f4f4f4;border-bottom:16px solid transparent;top:-16px;right:-98px}.loading-screen .face{position:absolute;height:12px;width:20px;background:#f4f4f4;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px}.loading-screen .face:after{content:"";height:12px;width:12px;background:#ff6b35;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 2px 2px}.loading-screen .loader>span>span{width:30px;height:1px;background:#ffffff;position:absolute}.loading-screen .loader>span>span:first-child{animation:fazer1 .2s linear infinite}.loading-screen .loader>span>span:nth-child(2){top:3px;animation:fazer2 .4s linear infinite}.loading-screen .loader>span>span:nth-child(3){top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}.loading-screen .loader>span>span:nth-child(4){top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.loading-screen .longfazers{position:absolute;width:100%;height:100%}.loading-screen .longfazers span{position:absolute;height:2px;width:20%;background:#ffffff}.loading-screen .longfazers span:first-child{top:20%;animation:lf .6s linear infinite;animation-delay:-5s}.loading-screen .longfazers span:nth-child(2){top:40%;animation:lf2 .8s linear infinite;animation-delay:-1s}.loading-screen .longfazers span:nth-child(3){top:60%;animation:lf3 .6s linear infinite}.loading-screen .longfazers span:nth-child(4){top:80%;animation:lf4 .5s linear infinite;animation-delay:-3s}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.loading-screen .clouds{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden}.loading-screen .cloud{position:absolute;background:#fff;border-radius:50%;opacity:.18;animation:moveClouds linear infinite}.loading-screen .cloud:after,.loading-screen .cloud:before{content:"";position:absolute;background:#fff;border-radius:50%}.loading-screen .cloud:before{width:60%;height:60%;top:-30%;left:10%}.loading-screen .cloud:after{width:40%;height:40%;top:-20%;left:50%}.loading-screen .cloud1{width:100px;height:60px;top:15%;left:90vw;animation-duration:2s}.loading-screen .cloud2{width:150px;height:80px;top:35%;left:105vw;animation-duration:3s}.loading-screen .cloud3{width:80px;height:50px;top:20%;left:130vw;animation-duration:4s}.loading-screen .cloud4{width:100px;height:80px;top:70%;left:72vw;animation-duration:3s}.loading-screen .cloud5{width:170px;height:50px;top:80%;left:98vw;animation-duration:2s}@keyframes moveClouds{0%{transform:translateX(0)}to{transform:translateX(-140vw)}}@media (prefers-reduced-motion:reduce){.loading-screen .cloud,.loading-screen .loader,.loading-screen .loader>span>span,.loading-screen .longfazers span{animation:none!important}.loading-screen .longfazers{display:none}}@media (scripting:none){.loading-screen{display:none!important}}.navbar{background:rgba(15,15,15,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s ease,padding .3s ease,border-color .3s ease;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed)}.navbar-logo{height:46px;width:46px;object-fit:contain}.navbar.scrolled{background:rgba(15,15,15,.92);padding:.5rem 0;border-bottom-color:rgba(255,255,255,.12)}.navbar-brand{display:inline-flex;align-items:center;margin-left:-60px;color:#f4f4f4!important;text-decoration:none;transition:opacity .25s ease}.navbar-brand:hover{opacity:.82}.navbar-nav{align-items:center;gap:.35rem;margin-right:-80px}.nav-link{color:rgba(255,255,255,.72)!important;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:.95rem;letter-spacing:.005em;padding:.4rem .7rem!important;position:relative;transition:color .25s ease}.nav-link:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.15rem;height:1.5px;background:#ff6b35;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav-link:hover{color:#f4f4f4!important}.nav-link:hover:after{transform:scaleX(1)}.nav-link.active{color:#f4f4f4!important}.nav-link.active:after{transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid #ff6b35;outline-offset:3px;border-radius:3px}.navbar-toggler{border:none;padding:.4rem .55rem;border-radius:8px;transition:background .25s ease;background:transparent}.navbar-toggler:focus{box-shadow:none;outline:2px solid rgba(255,255,255,.25);outline-offset:2px}.navbar-collapse{border-top:1px solid rgba(255,255,255,.08);margin-top:.75rem;padding-top:.5rem}@media (min-width:992px){.navbar-collapse{border-top:none;margin-top:0;padding-top:0}}@media (max-width:991.98px){.navbar-nav{padding:.5rem 0 .25rem;gap:0;align-items:normal}.nav-link{padding:.85rem .25rem!important;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.06)}.nav-link:after{left:.25rem;right:auto;width:22px;bottom:.6rem}.navbar-collapse{background:rgba(15,15,15,.96);margin:.75rem calc(var(--container-padding) * -1) 0;padding:.5rem var(--container-padding) 1rem;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}.hero-section{min-height:100vh;position:relative;display:flex;align-items:center;background:var(--darker-color);overflow:hidden;color:var(--light-color)}.hero-background{z-index:1}.hero-background,.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--darker-color)}.hero-overlay{z-index:2}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;width:4px;height:4px;background:var(--primary-color);border-radius:var(--radius-full);animation:float-particle 8s ease-in-out infinite;opacity:.7}.floating-element:first-child{top:20%;left:10%;animation-delay:0s;animation-duration:6s}.floating-element:nth-child(2){top:60%;right:20%;animation-delay:2s;background:var(--accent-color);animation-duration:8s}.floating-element:nth-child(3){bottom:30%;left:30%;animation-delay:4s;background:var(--secondary-color);animation-duration:7s}@keyframes float-particle{0%,to{transform:translateY(0) scale(1) rotate(0deg);opacity:.7}25%{transform:translateY(-30px) scale(1.3) rotate(90deg);opacity:1}50%{transform:translateY(-60px) scale(.8) rotate(180deg);opacity:.5}75%{transform:translateY(-30px) scale(1.1) rotate(270deg);opacity:.9}}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:start;width:25vw}.hero-title{font-size:6.6vw;font-weight:800;overflow:hidden;font-family:var(--font-primary);padding:0;width:100%;line-height:1.1;margin:0 0 0 -7px}.title-line{display:inline;transform:translateY(100%);animation:slide-up-title .8s cubic-bezier(.4,0,.2,1) forwards}.title-line:first-child{animation-delay:.2s}.title-line:nth-child(2){animation-delay:.4s}.title-line:nth-child(3){animation-delay:.6s}.accent-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}@keyframes slide-up-title{to{transform:translateY(0)}}.hero-description{font-size:var(--font-xl);line-height:1.7;margin-bottom:var(--spacing-2xl);max-width:600px;color:rgba(255,255,255,.85);animation:fade-in-up 1s ease-out .8s both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;animation:fade-in-up 1s ease-out 1s both}.btn{font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);border-radius:10px;border:none;position:relative;overflow:hidden;transition:var(--transition-medium);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-base);cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:var(--transition-slow)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:var(--light-color);box-shadow:var(--shadow-color)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy);color:var(--light-color)}.btn-outline-light{background:transparent;color:var(--light-color);border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:var(--primary-color);transform:translateY(-3px);color:var(--light-color)}.btn i{transition:var(--transition-fast);position:relative;z-index:2}.btn:hover i{transform:translateX(5px)}.btn span{position:relative;z-index:2}.hero-image{position:relative;z-index:3;animation:fade-in-left 1s ease-out .6s both}@keyframes fade-in-left{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.image-container{position:relative;max-width:400px;margin:0 auto}.image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;transition:var(--transition-slow)}.image-wrapper:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.05)}.image-wrapper img{width:100%;height:auto;display:block}.image-decoration{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:var(--accent-gradient);border-radius:var(--radius-full);opacity:.8;animation:pulse-decoration 3s ease-in-out infinite;z-index:-1}@keyframes pulse-decoration{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.6}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:rgba(255,255,255,.7);z-index:3;animation:fade-in-up 1s ease-out 1.5s both}.scroll-indicator a{color:inherit;text-decoration:none;transition:var(--transition-medium)}.scroll-indicator:hover{color:var(--primary-color);transform:translateX(-50%) translateY(-10px)}.scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:20px;margin:0 auto var(--spacing-md);position:relative;transition:var(--transition-medium)}.scroll-wheel{width:4px;height:10px;background:var(--primary-color);border-radius:var(--radius-sm);position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-wheel-move 2s ease-in-out infinite}@keyframes scroll-wheel-move{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.5;transform:translateX(-50%) translateY(12px)}}.scroll-indicator p{font-size:var(--font-sm);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:0;opacity:.8}@media (max-width:991.98px){.hero-content{align-items:center;text-align:center;width:100%}.hero-title{font-size:6rem;margin:0}.hero-description,.hero-title{text-align:center}.hero-buttons{justify-content:center}}@media (max-width:767.98px){.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.floating-element{display:none}}.section-header{margin-bottom:4rem}.section-subtitle{display:inline-block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);margin-bottom:1rem;position:relative}.section-subtitle:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:2px;background:var(--primary-gradient)}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;font-family:var(--font-primary)}.section-title,.section-title.light{color:var(--light-color)}.section-text{font-size:1.1rem;line-height:1.8;color:var(--gray-medium);max-width:600px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;align-items:center}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1.5rem}.grid-3,.grid-auto{display:grid;gap:1.5rem}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem}.card{background:var(--light-color);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-light);transition:var(--transition-medium);overflow:hidden}.card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.card-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}@media (max-width:991.98px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:767.98px){.section-header{text-align:center;margin-bottom:2rem}.card{padding:1.5rem}}.about-section{padding:100px 0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#ffffff;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,0,.1) 0,transparent 50%);pointer-events:none}.about-content{position:relative;z-index:2}.about-header{margin-bottom:40px}.about-title{background:linear-gradient(135deg,#ff6b00,#ffa500);color:#000;display:inline-block;font-family:var(--font-primary);padding:12px 30px;border-radius:25px;font-size:24px;font-weight:600;margin:0;box-shadow:0 8px 25px rgba(255,107,0,.3)}.about-text{margin-bottom:40px}.about-paragraph{font-size:16px;line-height:1.8;color:#e0e0e0;margin-bottom:25px;text-align:justify}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px;font-size:18px;color:#ffffff;transition:transform .3s ease}.contact-item:hover{transform:translateX(10px)}.contact-item i{color:#ff6b00;font-size:20px;width:24px;text-align:center}@media (max-width:991px){.about-section{padding:80px 0}.profile-image-container{margin-top:50px;min-height:400px}.profile-image-wrapper{width:300px;height:380px;transform:none}.about-title{font-size:20px;padding:10px 25px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.contact-item{justify-content:flex-start}}@media (max-width:768px){.about-section{padding:60px 0}.about-paragraph{font-size:15px;text-align:left}.contact-item{font-size:16px}.profile-image-wrapper{width:250px;height:320px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.skill-item{padding:1rem}}@media (max-width:576px){.about-title{font-size:18px;padding:8px 20px}.about-paragraph{font-size:14px}.contact-item{font-size:15px;gap:12px}.profile-image-container{min-height:300px}.profile-image-wrapper{width:200px;height:260px}}.brands-section{padding:var(--section-padding);background:var(--dark-color)}.brands-container{max-width:100%;margin:0 auto}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;align-items:center}.brand-item{display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent;border-radius:var(--radius-lg);position:relative;overflow:hidden}.brand-item,.brand-item:before{transition:var(--transition-fast)}.brand-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);opacity:0}.brand-item:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}.brand-item:hover:before{opacity:.1}.brand-logo{width:180px;height:100px;object-fit:scale-down;object-position:center;background:transparent;filter:grayscale(100%);transition:var(--transition-fast);position:relative;z-index:2;display:block}.brand-item:hover .brand-logo{filter:grayscale(0);transform:scale(1.1)}.brands-section .section-header .section-title{font-family:var(--font-primary)}@media (max-width:991.98px){.brands-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}}@media (max-width:767.98px){.brands-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.brand-item{padding:1.5rem}}.portfolio-section{background-color:var(--dark-color);padding-bottom:80px;padding-top:80px}.portfolio-filter{margin-bottom:4rem;text-align:center}.filter-btn{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:12px 25px;border-radius:25px;font-weight:600;margin:0 8px 8px 0;transition:all .4s ease;cursor:pointer;font-size:14px;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--orange-gradient);transition:left .4s ease;z-index:-1}.filter-btn.active,.filter-btn:hover{color:var(--primary-color);background-color:var(--light-color);transform:translateY(-3px)}.filter-btn.active:before,.filter-btn:hover:before{left:0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(800px,1fr));grid-gap:2rem;gap:2rem;padding:0 20px}.portfolio-card{position:relative;height:500px;border-radius:20px;overflow:hidden;cursor:pointer;background:transparent;transition:all .5s ease;box-shadow:0 20px 40px rgba(0,0,0,.3)}.portfolio-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 60px rgba(0,0,0,.4)}.card-background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}.portfolio-card:hover .background-image{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(42,24,16,.5),rgba(26,26,46,.5));z-index:2;transition:opacity .5s ease}.portfolio-card:hover .card-overlay{opacity:.9}.card-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:3;transition:all .5s ease;pointer-events:none}.portfolio-card:hover .card-content{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}.project-number{color:#ff6b00;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;display:block}.project-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:15px;line-height:1.2;font-family:var(--font-primary)}.project-description{color:rgba(255,255,255,.7);font-size:16px;font-weight:500;letter-spacing:1px}.view-details-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;opacity:0;transition:all .5s ease}.portfolio-card:hover .view-details-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.details-btn{background:linear-gradient(135deg,#ff6b00,#ff8533);color:#000;border:none;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px rgba(255,107,0,.3);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1px}.details-btn:hover{background:linear-gradient(135deg,#ff8533,#ffab66);transform:translateY(-3px);box-shadow:0 15px 35px rgba(255,107,0,.4)}.details-btn i{font-size:18px}.no-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#2a1810,#1a1a2e);color:rgba(255,255,255,.5)}.no-image-placeholder i{font-size:3rem;margin-bottom:1rem;color:#ff6b00}.portfolio-card.hidden{display:none}@media (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width:768px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 15px}.portfolio-card{height:400px;width:100%;max-width:none;margin:0}.project-title{font-size:2rem}.section-title{font-size:2.5rem}.details-btn{padding:12px 25px;font-size:14px}}@media (max-width:480px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 10px}.portfolio-card{height:350px;width:100%;max-width:100%}.project-title{font-size:1.8rem}.filter-btn{padding:10px 20px;margin:0 5px 6px 0;font-size:13px}.details-btn{padding:10px 20px;font-size:10px;color:var(--font-white)}}.contact-section{padding:var(--section-padding);background:var(--dark-gradient);color:var(--light-color);text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-color)}.contact-content{position:relative;z-index:2}.contact-title{font-size:clamp(2rem,5vw,2rem);font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}.contact-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.decoration-line{width:100px;height:2px;border-radius:2px}.decoration-dot,.decoration-line{background:var(--primary-gradient)}.decoration-dot{width:12px;height:12px;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.social-media-links{margin-top:3rem}.social-links{gap:1.5rem;flex-wrap:wrap}.social-link,.social-links{display:flex;justify-content:center;align-items:center}.social-link{width:70px;height:70px;text-decoration:none;color:var(--light-color);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.15);opacity:0;transform:translateY(30px);position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.15)}.social-link:before{top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);transform:scale(0) rotate(45deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.social-link:after,.social-link:before{content:"";position:absolute;border-radius:50%;z-index:1}.social-link:after{top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:all .6s ease}.social-link:hover:before{transform:scale(1.2) rotate(0deg)}.social-link:hover:after{width:100%;height:100%}.social-link:hover{transform:translateY(-8px) scale(1.1);border-color:var(--primary-color);box-shadow:0 15px 40px rgba(255,107,53,.4)}.social-icon{position:relative;z-index:2;transition:all .3s ease}.social-icon i{font-size:2rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.social-link:hover .social-icon i{color:#000;transform:scale(1.2) rotateY(1turn);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.social-link[data-platform=Instagram]:hover:before{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link[data-platform=Facebook]:hover:before{background:linear-gradient(135deg,#1877f2,#42a5f5)}.social-link[data-platform=Twitter]:hover:before{background:linear-gradient(135deg,#1da1f2,#64b5f6)}.social-link[data-platform=LinkedIn]:hover:before{background:linear-gradient(135deg,#0077b5,#29b6f6)}.social-link[data-platform=GitHub]:hover:before{background:linear-gradient(135deg,#333,#666)}.social-link[data-platform=Behance]:hover:before{background:linear-gradient(135deg,#1769ff,#448aff)}.social-link[data-platform=Dribbble]:hover:before{background:linear-gradient(135deg,#ea4c89,#f06292)}.social-link[data-platform=WhatsApp]:hover:before{background:linear-gradient(135deg,#25d366,#4caf50)}.social-link[data-platform=YouTube]:hover:before{background:linear-gradient(135deg,#ff0000,#ff5722)}.social-link[data-platform=Telegram]:hover:before{background:linear-gradient(135deg,#0088cc,#29b6f6)}@keyframes socialBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.social-link:hover{animation:socialBounce .6s ease}@media (max-width:767.98px){.contact-decoration{gap:.5rem}.decoration-line{width:60px}.social-links{gap:1rem}.social-link{width:60px;height:60px}.social-icon i{font-size:1.7rem}}@media (max-width:480px){.social-links{gap:.8rem}.social-link{width:55px;height:55px}.social-icon i{font-size:1.5rem}}.footer{background:var(--darker-color);padding:2rem 0;color:var(--light-color)}.footer-text{margin:0;opacity:.8;font-size:.9rem}.modal-content{border:none;border-radius:var(--radius-xl);overflow:hidden}.modal-header{background:var(--primary-gradient);color:var(--light-color);border-bottom:none}.modal-title{font-weight:700;font-size:1.3rem}.btn-close{filter:invert(1)}.modal-body{padding:2rem}.modal-project-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.modal-project-image{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3}.modal-project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.modal-project-image:hover img{transform:scale(1.05)}.modal-project-description{font-size:1.1rem;line-height:1.8;color:var(--gray-medium);margin-bottom:1.5rem}.modal-tech-list{display:flex;flex-wrap:wrap;gap:10px}.modal-tech-tag{background:var(--primary-gradient);color:var(--light-color);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}@media (max-width:767.98px){.modal-project-images{grid-template-columns:1fr}.modal-body{padding:1.5rem}}@media (max-width:1199.98px){:root{--section-padding:80px 0}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}@media (max-width:991.98px){:root{--section-padding:60px 0}.hero-buttons{justify-content:center}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.hero-section{padding-top:120px}}@media (max-width:767.98px){:root{--section-padding:50px 0}.navbar{padding:10px 0}.hero-title{text-align:center}.hero-description{text-align:center;margin:0 auto 2rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.section-title{font-size:clamp(1.8rem,6vw,2.5rem)}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:575.98px){.container{padding:0 20px}.hero-buttons{gap:.8rem}.btn{padding:12px 24px;font-size:.9rem}.project-title{font-size:1.1rem}.project-description{font-size:.9rem;width:100%}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.hover-lift{transition:var(--transition-medium)}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:var(--transition-medium)}.hover-scale:hover{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}body{font-family:var(--font-primary);background:var(--dark-color);color:var(--light-color);line-height:1.6;overflow-x:hidden}.main-portfolio-projects{padding:2rem;margin-top:120px}.main-projects-container{position:relative}.main-project-card{overflow:hidden;margin-bottom:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-medium);opacity:0;transform:translateY(50px)}.main-project-card.visible{opacity:1;transform:translateY(0)}.main-project-card.hidden{display:none}.main-project-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.main-project-number{display:inline-block;font-size:var(--font-sm);color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.main-project-title{font-family:var(--font-heading);font-size:var(--font-4xl);font-weight:700;color:var(--light-color);margin-bottom:1rem;line-height:1.2}.main-project-category{display:inline-block;padding:.25rem 1rem;background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.3);border-radius:4px;color:var(--accent-color);font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.main-project-description{color:rgba(255,255,255,.8);font-size:var(--font-lg);line-height:1.7;margin-top:1.5rem}.main-project-images{padding:2rem}.main-images-grid{display:grid;grid-gap:1rem;gap:1rem;border-radius:var(--radius-lg);overflow:hidden}.main-images-grid.grid-1{grid-template-columns:1fr}.main-images-grid.grid-2{grid-template-columns:1fr 1fr}.main-images-grid.grid-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.main-images-grid.grid-3 .main-grid-image:first-child{grid-row:span 2}.main-images-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.main-images-grid.grid-5{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.main-images-grid.grid-5 .main-grid-image:first-child{grid-row:span 2}.main-images-grid.grid-many{grid-template-columns:repeat(3,1fr)}.main-grid-image{position:relative;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:4/3;transition:var(--transition-medium)}.main-grid-image:hover{transform:scale(1.02);box-shadow:var(--shadow-medium)}.main-grid-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.main-grid-image:hover img{transform:scale(1.1)}.main-grid-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,107,53,.2),rgba(0,212,170,.2));opacity:0;transition:var(--transition-medium)}.main-grid-image:hover:after{opacity:1}.main-grid-image:before{content:"\F4CA";font-family:bootstrap-icons;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--light-color);font-size:2rem;opacity:0;transition:var(--transition-medium);z-index:2}.main-grid-image:hover:before{opacity:1}.main-back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--light-color);font-size:1.2rem;cursor:pointer;transition:var(--transition-medium);opacity:0;visibility:hidden;z-index:1000;box-shadow:var(--shadow-medium)}.main-back-to-top.visible{opacity:1;visibility:visible}.main-back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.main-portfolio-footer{background:linear-gradient(135deg,rgba(26,26,26,.9),rgba(15,15,15,.9));border-top:1px solid rgba(255,255,255,.1);padding:3rem 0;margin-top:2rem}.main-footer-text{color:rgba(255,255,255,.7);margin-bottom:1rem}.main-footer-links{display:flex;justify-content:center;gap:2rem}.main-footer-link{color:rgba(255,255,255,.6);text-decoration:none;font-weight:500;transition:var(--transition-medium)}.main-footer-link:hover{color:var(--primary-color)}.main-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.main-loading-spinner{width:50px;height:50px;border:3px solid rgba(255,107,53,.1);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);animation:main-spin 1s linear infinite}@keyframes main-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-no-images{background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}@media (max-width:1200px){.main-hero-title{font-size:var(--font-5xl)}.main-project-title{font-size:var(--font-3xl)}}@media (max-width:992px){.main-images-grid.grid-3,.main-images-grid.grid-5{grid-template-columns:1fr 1fr}.main-images-grid.grid-many{grid-template-columns:repeat(2,1fr)}.main-project-header{padding:2rem}.main-project-images{padding:1.5rem}}@media (max-width:768px){.main-hero-title{font-size:var(--font-4xl)}.main-project-title{font-size:var(--font-2xl)}.main-filter-btn{margin:0 .25rem .5rem 0;padding:.5rem 1rem;font-size:var(--font-xs)}.main-images-grid.grid-2,.main-images-grid.grid-3,.main-images-grid.grid-4,.main-images-grid.grid-5,.main-images-grid.grid-many{grid-template-columns:1fr}.main-project-header{padding:1.5rem}.main-project-images{padding:1rem}.main-footer-links{flex-direction:column;gap:1rem}}@media (max-width:576px){.main-portfolio-hero{min-height:50vh;margin-top:70px}.main-hero-title{font-size:var(--font-3xl)}.main-hero-description{font-size:var(--font-base)}.main-back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}.main-portfolio-filter{margin:2rem 0;padding:2rem 0}.main-filter-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,107,0,.3);color:rgba(255,255,255,.8);padding:.75rem 1.5rem;margin:.25rem;border-radius:25px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.main-filter-btn:hover{background:rgba(255,107,0,.2);border-color:#ff6b00;color:#fff;transform:translateY(-2px)}.main-filter-btn.active{background:linear-gradient(135deg,#ff6b00,#ff8533);border-color:#ff6b00;color:#fff;box-shadow:0 4px 15px rgba(255,107,0,.3)}.main-grid-image{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;margin:0;background:none;cursor:pointer;display:block;width:100%;height:100%}.category-header{padding:2rem 0;background:linear-gradient(135deg,rgba(26,26,46,.95),rgba(42,24,16,.95));border-radius:15px;margin-bottom:3rem;border:1px solid rgba(255,107,0,.2)}.category-breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{color:#ff6b00;text-decoration:none;display:flex;align-items:center;gap:.25rem;font-size:.875rem;transition:color .3s ease}.breadcrumb-link:hover{color:#ff8533}.breadcrumb-separator{color:rgba(255,255,255,.5);font-size:.875rem}.breadcrumb-current{color:rgba(255,255,255,.8);font-size:.875rem}.category-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ff6b00,#ff8533);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-description{color:rgba(255,255,255,.8);font-size:1.1rem;max-width:600px;margin:0 auto 1.5rem;line-height:1.6}.category-header .category-stats{display:flex;justify-content:center;gap:1rem}.project-count-badge{background:rgba(255,107,0,.2);color:#ff6b00;padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border:1px solid rgba(255,107,0,.3)}.category-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,107,0,.3)}.category-card .category-stats{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}.category-card .project-count{font-size:.875rem;color:#ff6b00;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.category-title{font-size:2rem}.category-description{font-size:1rem}.category-breadcrumb{flex-wrap:wrap}.main-filter-btn{padding:.5rem 1rem;font-size:.75rem;margin:.25rem .125rem}.category-card:hover{transform:none}}:root{--od-black:#0f0f0f;--od-charcoal:#1a1a1a;--od-panel:#202020;--od-line:rgba(255,255,255,0.12);--od-line-soft:rgba(255,255,255,0.07);--od-ink:#f4f4f4;--od-ink-dim:rgba(255,255,255,0.62);--od-orange:#ff6b35;--od-amber:#f7931e;--od-teal:#00d4aa;--od-identity:linear-gradient(120deg,#ff6b35,#f7931e);--od-ease:cubic-bezier(0.22,1,0.36,1);--od-shell:clamp(1.25rem,5vw,5.5rem)}.od-home{background:var(--od-black);color:var(--od-ink);overflow-x:clip}.od-shell{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--od-shell)}.od-section-mark{display:inline-flex;align-items:center;gap:.6rem;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.02em;color:var(--od-ink-dim)}.od-section-mark:before{content:"";width:26px;height:1px;background:var(--od-orange)}.od-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(7rem,14vh,11rem) clamp(2.5rem,6vh,4rem);overflow:hidden;isolation:isolate}.od-hero__aura{position:absolute;inset:-20% -10% auto -10%;height:80%;z-index:0;pointer-events:none;background:radial-gradient(38% 55% at 22% 18%,rgba(255,107,53,.2),transparent 60%),radial-gradient(32% 46% at 82% 30%,rgba(0,212,170,.1),transparent 62%);filter:blur(8px)}.od-hero__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:2;margin-bottom:clamp(2rem,8vh,5rem)}.od-status{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .95rem;border:1px solid var(--od-line);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--od-ink);background:rgba(255,255,255,.03)}.od-status__dot{width:8px;height:8px;border-radius:50%;background:var(--od-teal);box-shadow:0 0 0 0 rgba(0,212,170,.55);animation:od-pulse 2.4s var(--od-ease) infinite}@keyframes od-pulse{0%{box-shadow:0 0 0 0 rgba(0,212,170,.5)}70%{box-shadow:0 0 0 9px rgba(0,212,170,0)}to{box-shadow:0 0 0 0 rgba(0,212,170,0)}}.od-hero__loc{font-size:.82rem;color:var(--od-ink-dim);letter-spacing:.01em}.od-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem);align-items:end}@media (min-width:960px){.od-hero__grid{grid-template-columns:minmax(0,1fr) clamp(240px,26vw,380px)}}.od-hero__lead{min-width:0}.od-wordmark{margin:0;font-family:Inter,system-ui,sans-serif;font-weight:900;line-height:.9;letter-spacing:-.03em;text-transform:none;color:var(--od-ink);text-wrap:balance}.od-wordmark__line{display:block;overflow:hidden}.od-wordmark__name{font-size:clamp(3.4rem,15vw,5.5rem);display:inline-block}.od-wordmark__role{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .35em;font-size:clamp(1.9rem,7.2vw,2rem);font-weight:600;letter-spacing:-.02em;color:var(--od-ink);margin-top:clamp(.35rem,1vw,.75rem)}.od-accent-serif{font-family:Inter,system-ui,sans-serif;font-style:italic;font-weight:500;letter-spacing:-.01em;color:var(--od-orange)}.od-hero__intro{max-width:44ch;margin-top:clamp(1.5rem,3vw,2.25rem);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;color:var(--od-ink-dim);text-wrap:pretty}.od-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:clamp(1.75rem,3.5vw,2.75rem)}.od-btn{--_bg:var(--od-identity);position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:1.05rem 1.7rem;border-radius:999px;border:none;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:#0f0f0f;background:var(--_bg);text-decoration:none;cursor:pointer;will-change:transform;transition:box-shadow .4s var(--od-ease),color .3s var(--od-ease)}.od-btn i{font-size:1.05em;transition:transform .3s var(--od-ease)}.od-btn:hover{box-shadow:0 18px 40px -12px rgba(255,107,53,.55);color:#0f0f0f}.od-btn:hover i{transform:translateX(4px)}.od-btn--ghost{color:var(--od-ink);background:transparent;border:1px solid var(--od-line)}.od-btn--ghost:hover{color:var(--od-ink);border-color:rgba(255,255,255,.4);box-shadow:none}.od-btn:focus-visible{outline:3px solid var(--od-orange);outline-offset:3px}.od-portrait{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--od-line);background:var(--od-charcoal)}.od-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05);transition:filter .6s var(--od-ease),transform .9s var(--od-ease)}.od-portrait:hover img{filter:grayscale(0) contrast(1.08);transform:scale(1.04)}.od-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,15,15,.55));pointer-events:none}.od-portrait__tag{position:absolute;left:1rem;bottom:1rem;z-index:2;font-size:.8rem;color:var(--od-ink);letter-spacing:.01em}.od-portrait__tag b{color:var(--od-orange);font-weight:600}.od-scroll{margin-top:clamp(2.5rem,6vh,4.5rem);display:inline-flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--od-ink-dim);position:relative;z-index:2}.od-scroll i{animation:od-bob 1.8s var(--od-ease) infinite}@keyframes od-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.od-marquee-section{padding-block:clamp(3rem,7vh,5.5rem);border-block:1px solid var(--od-line-soft)}.od-marquee-head{margin-bottom:clamp(1.75rem,4vw,2.75rem)}.od-marquee{position:relative;overflow:hidden}.od-marquee:after,.od-marquee:before{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:2;pointer-events:none}.od-marquee:before{left:0;background:linear-gradient(90deg,var(--od-black),transparent)}.od-marquee:after{right:0;background:linear-gradient(270deg,var(--od-black),transparent)}.od-marquee__track{display:flex;width:max-content;gap:clamp(2.5rem,6vw,5rem);animation:od-scroll-x 38s linear infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.od-marquee:hover .od-marquee__track{animation-play-state:paused}@keyframes od-scroll-x{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.od-brand{flex:0 0 clamp(120px,14vw,170px);display:flex;align-items:center;justify-content:center}.od-brand img{height:clamp(28px,3.4vw,44px);width:100%;max-width:170px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.55;transition:opacity .4s var(--od-ease)}.od-brand img:hover{opacity:1}.od-work{padding-block:clamp(4.5rem,11vh,9rem);position:relative}.od-work__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.od-work__title{margin:.75rem 0 0;font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:clamp(2.4rem,6vw,3rem);line-height:1.02;letter-spacing:-.02em;color:var(--od-ink);text-wrap:balance}.od-work__title em{font-style:italic;color:var(--od-orange)}.od-work__sub{font-size:1rem;line-height:1.6;color:var(--od-ink-dim)}.od-worklist{position:relative;border-top:1px solid var(--od-line)}.od-work-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3.6vw,2.9rem) .25rem;border-bottom:1px solid var(--od-line);color:var(--od-ink);text-decoration:none;isolation:isolate;transition:padding-inline .5s var(--od-ease),color .4s var(--od-ease)}.od-work-row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--od-identity);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--od-ease)}.od-work-row:focus-visible,.od-work-row:hover{color:#0f0f0f;padding-inline:clamp(.75rem,2vw,1.75rem);outline:none}.od-work-row:focus-visible:before,.od-work-row:hover:before{transform:scaleY(1)}.od-work-row__idx{font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--od-ink-dim);min-width:2.5ch;transition:color .4s var(--od-ease)}.od-work-row:focus-visible .od-work-row__idx,.od-work-row:hover .od-work-row__idx{color:rgba(15,15,15,.7)}.od-work-row__name{flex:1 1;font-weight:500;font-size:clamp(1.75rem,5.2vw,2rem);line-height:1.05;letter-spacing:-.015em}.od-work-row__meta,.od-work-row__name{font-family:Inter,system-ui,sans-serif}.od-work-row__meta{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.75rem)}.od-work-row__count{font-size:.85rem;font-weight:500;letter-spacing:.01em;color:var(--od-ink-dim);transition:color .4s var(--od-ease)}.od-work-row:focus-visible .od-work-row__count,.od-work-row:hover .od-work-row__count{color:rgba(15,15,15,.75)}.od-work-row__arrow{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--od-line);font-size:1.1rem;transition:transform .45s var(--od-ease),border-color .4s var(--od-ease)}.od-work-row:focus-visible .od-work-row__arrow,.od-work-row:hover .od-work-row__arrow{transform:rotate(-45deg);border-color:rgba(15,15,15,.4)}.od-work__preview{position:fixed;top:0;left:0;width:clamp(220px,22vw,320px);aspect-ratio:4/3;border-radius:10px;overflow:hidden;pointer-events:none;z-index:var(--z-popover,1060);will-change:transform;box-shadow:0 30px 60px rgba(0,0,0,.5)}.od-work__preview img{width:100%;height:100%;object-fit:cover}@media (max-width:900px),(pointer:coarse){.od-work__preview{display:none}}.od-about{padding-block:clamp(4.5rem,11vh,9rem);border-top:1px solid var(--od-line-soft)}.od-about__grid{display:grid;grid-template-columns:1fr;grid-gap:clamp(2rem,5vw,4.5rem);gap:clamp(2rem,5vw,4.5rem);align-items:start}@media (min-width:900px){.od-about__grid{grid-template-columns:.85fr 1.15fr}}.od-about__statement{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(1.6rem,3.4vw,2.75rem);line-height:1.22;letter-spacing:-.01em;color:var(--od-ink);text-wrap:balance;margin:0}.od-about__statement em{font-style:italic;color:var(--od-orange)}.od-about__body p{font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.75;color:var(--od-ink-dim);max-width:62ch;margin:0 0 1.25rem}.od-about__body p:first-child{color:var(--od-ink)}.od-about__facts{display:flex;flex-wrap:wrap;gap:.75rem 2.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--od-line)}.od-fact{display:inline-flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--od-ink)}.od-fact i{color:var(--od-orange);font-size:1.05rem}.od-fact a{color:inherit;text-decoration:none}.od-fact a:hover{color:var(--od-orange)}.od-contact{padding-block:clamp(5rem,13vh,10rem);border-top:1px solid var(--od-line-soft);text-align:center}.od-contact__cta{margin:1.5rem auto 0;font-weight:800;font-size:clamp(2.6rem,10vw,5rem);line-height:.95;letter-spacing:-.03em;color:var(--od-ink);text-wrap:balance}.od-contact__cta,.od-contact__cta em{font-family:Inter,system-ui,sans-serif}.od-contact__cta em{font-style:italic;font-weight:500;color:var(--od-orange)}.od-contact__msg{max-width:46ch;margin:clamp(1.5rem,3vw,2.25rem) auto 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;color:var(--od-ink-dim)}.od-contact__email{display:inline-flex;align-items:center;gap:.6rem;margin-top:clamp(2rem,4vw,3rem);padding:1.05rem 1.75rem;border-radius:999px;border:1px solid var(--od-line);background:transparent;color:var(--od-ink);font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,2vw,1.35rem);font-weight:500;cursor:pointer;transition:border-color .4s var(--od-ease),background .4s var(--od-ease)}.od-contact__email:hover{border-color:var(--od-orange);background:rgba(255,107,53,.08)}.od-contact__email i{color:var(--od-orange)}.od-contact__email[data-copied=true]{border-color:var(--od-teal)}.od-contact__email[data-copied=true] i{color:var(--od-teal)}.od-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem;margin-top:clamp(2.25rem,5vw,3.5rem)}.od-social{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;border:1px solid var(--od-line);color:var(--od-ink);font-size:1.25rem;text-decoration:none;will-change:transform;transition:background .4s var(--od-ease),color .4s var(--od-ease),border-color .4s var(--od-ease)}.od-social:hover{background:var(--od-identity);border-color:transparent;color:#0f0f0f}.od-social:focus-visible{outline:3px solid var(--od-orange);outline-offset:3px}.od-footer{background:var(--od-black);border-top:1px solid var(--od-line-soft);padding-block:clamp(1.75rem,4vw,1rem)}.od-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem 2.5rem;flex-wrap:wrap}.od-footer__brand{display:inline-flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}.od-footer__mark{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--od-ink)}.od-footer__meta{font-size:.85rem;color:var(--od-ink-dim)}.od-footer__nav{display:inline-flex;gap:clamp(1.25rem,3vw,2rem)}.od-footer__link{position:relative;font-size:.9rem;color:var(--od-ink-dim);text-decoration:none;transition:color .25s var(--od-ease)}.od-footer__link:hover{color:var(--od-orange)}.od-footer__link:focus-visible{outline:2px solid var(--od-orange);outline-offset:3px;border-radius:3px}.od-footer__credit{font-size:.85rem;color:var(--od-ink-dim)}@media (max-width:640px){.od-footer__inner{flex-direction:column;align-items:flex-start;gap:1.1rem}}.od-hero-poster{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:var(--od-black)}.od-hero-poster__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 14%;z-index:0;transform:translateZ(0);animation:od-hero-kb 24s ease-in-out infinite alternate}.od-hero-poster[data-visible=false] .od-hero-poster__bg,.od-hero-poster[data-visible=false] .od-hero-poster__scroll i,.od-hero-poster[data-visible=false] .od-status__dot{animation-play-state:paused}.od-hero-poster[data-visible=false] .od-hero-poster__bg{will-change:auto}.od-hero-poster__duo{z-index:1;background:linear-gradient(125deg,#ff6b35,#f7931e);mix-blend-mode:multiply;opacity:.75}.od-hero-poster__duo,.od-hero-poster__screen{position:absolute;inset:0;pointer-events:none}.od-hero-poster__screen{z-index:2;background:radial-gradient(55% 55% at 50% 28%,rgba(255,140,80,.35),transparent 72%);mix-blend-mode:screen}.od-hero-poster__scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(15,15,15,.4),transparent 26%,rgba(15,15,15,.55) 68%,rgba(15,15,15,.9))}.od-hero-poster__shell{position:relative;z-index:4;width:100%;max-width:1600px;min-height:100svh;margin-inline:auto;padding:6rem var(--od-shell) clamp(2.5rem,6vh,4rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.od-hero-poster__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.od-hero-poster__intro{max-width:44ch;margin-top:1.25rem;font-size:clamp(1rem,1.35vw,.48rem);line-height:1.6;color:rgba(255,255,255,.9);text-shadow:0 2px 18px rgba(15,15,15,.7);text-wrap:pretty}.od-hero-poster__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.od-hero-poster__scroll{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;font-size:.8rem;color:rgba(255,255,255,.78);text-decoration:none}.od-hero-poster__scroll i{animation:od-hero-bob 1.8s var(--od-ease) infinite}@keyframes od-hero-kb{0%{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes od-hero-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.od-hero-poster__bg,.od-hero-poster__scroll i{animation:none!important}}.od-about,.od-branding,.od-contact,.od-work{content-visibility:auto;contain-intrinsic-size:auto 600px}.od-contact{contain-intrinsic-size:auto 700px}@media (scripting:none){.od-hero__actions,.od-hero__intro,.od-portrait,.od-reveal,.od-scroll,.od-wordmark__line{opacity:1!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.od-scroll i,.od-status__dot{animation:none}.od-marquee__track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.od-marquee:after,.od-marquee:before{display:none}.od-portrait img,.od-work-row:before{transition:none}.od-work__preview{display:none!important}}