*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"Manrope",Arial,sans-serif;color:#f7f7f5;background:#111418;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.progress{position:fixed;z-index:1000;left:0;top:0;height:3px;width:0;background:#f8d52c}.header{height:82px;padding:0 clamp(22px,7vw,112px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid #ffffff25;background:#101317b8;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:#f8d52c;border:1px solid #f8d52c;font-size:24px;transform:rotate(45deg);border-radius:9px}.brand-mark:first-letter{transform:rotate(-45deg)}.brand b{font-size:18px;letter-spacing:-.5px}.brand em,.hero h1 em,.section h2 em,.projects-head h2 em,.process h2 em,.contact-inner h2 em{font-style:normal;color:#f8d52c}.brand small{display:block;font-size:10px;color:#bfc2c5;letter-spacing:.3px}.nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,35px);font-size:12px;font-weight:700}.nav>a:not(.nav-cta){color:#e0e1e1;transition:color .25s}.nav>a:not(.nav-cta):hover{color:#f8d52c}.nav-cta{padding:12px 17px;background:#f8d52c;color:#151719;border-radius:3px;display:flex;gap:18px;align-items:center;transition:transform .25s,background .25s}.nav-cta:hover,.button:hover{transform:translateY(-3px);background:#ffe76b}.menu-toggle{display:none}.hero{min-height:680px;height:min(790px,100vh);position:relative;display:flex;align-items:center;padding:125px clamp(22px,11.4vw,180px) 90px;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2200&q=90");background-position:center 55%;background-size:cover;transform:scale(1.04);animation:heroZoom 14s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,18,.96) 0%,rgba(12,15,18,.84) 30%,rgba(12,15,18,.25) 72%,rgba(12,15,18,.15) 100%),linear-gradient(0deg,rgba(12,15,18,.45),transparent 40%)}.hero-content{position:relative;z-index:2;max-width:600px}.eyebrow{font-size:11px;letter-spacing:.8px;font-weight:800;text-transform:uppercase;color:#f8d52c;display:flex;align-items:center;gap:10px;margin:0 0 18px}.eyebrow span{height:2px;width:24px;background:#f8d52c;display:inline-block}.eyebrow.dark{color:#4c4e4e}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-2.7px;margin:0 0 23px;font-weight:800}.hero-copy{color:#d3d5d6;max-width:460px;font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;font:800 12px "Manrope",sans-serif;border:0;border-radius:3px;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}.button-yellow{background:#f8d52c;color:#151719;box-shadow:0 7px 22px #0002}.button-ghost{border:1px solid #ffffff80;background:#11141850;color:#fff}.button-ghost:hover{border-color:#f8d52c;background:#ffffff12}.hero-note{display:flex;align-items:center;gap:13px;margin-top:50px;max-width:340px}.shield{border:1px solid #f8d52c;color:#f8d52c;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:20px}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:12px}.hero-note small{font-size:10px;color:#c1c4c5;margin-top:2px}.scroll-hint{position:absolute;right:6.5%;bottom:35px;display:flex;align-items:center;gap:10px;font-size:10px;color:#e5e5e5}.scroll-hint span:last-child{font-size:17px;color:#f8d52c}.scroll-line{width:26px;height:1px;background:#f8d52c}.benefit-strip{padding:28px clamp(22px,11.4vw,180px);display:grid;grid-template-columns:repeat(4,1fr);gap:22px;background:#171a1e;border-bottom:1px solid #ffffff12}.benefit{display:flex;gap:13px;align-items:flex-start;padding:7px 0}.benefit:not(:last-child){border-right:1px solid #ffffff17}.benefit-icon{font-size:28px;color:#f8d52c;line-height:1}.benefit b{font-size:12px}.benefit p{font-size:10px;color:#aeb2b5;margin:5px 10px 0 0}.section{padding:105px clamp(22px,11.4vw,180px)}.services{background:#f7f7f5;color:#151719;display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:20px;align-items:start}.section-intro{padding:10px 12px 0 0}.section h2,.projects-head h2,.process h2,.contact-inner h2{font-size:clamp(30px,3.2vw,45px);line-height:1.14;letter-spacing:-1.7px;margin:0 0 18px}.section-intro>p:not(.eyebrow){font-size:13px;color:#696c6d;line-height:1.85;margin:0 0 23px}.text-link{font-size:12px;font-weight:800;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #f8d52c;padding-bottom:7px}.text-link span{color:#a88700}.service-card{background:#fff;border:1px solid #e7e7e4;overflow:hidden;transition:transform .35s,box-shadow .35s;border-radius:4px}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #11141815}.service-card img{height:205px;transition:transform .7s}.service-card:hover img{transform:scale(1.055)}.service-info{padding:17px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.service-info h3{font-size:13px;margin:0 0 4px}.service-info p{font-size:10px;color:#818383;margin:0}.service-info>a{font-size:20px;transition:color .2s,transform .2s}.service-info>a:hover{color:#ad8e00;transform:translate(3px,-3px)}.projects-section{padding:95px clamp(22px,11.4vw,180px) 75px;background:#111418}.projects-head{padding:0 0 35px;display:flex;align-items:end;justify-content:space-between;gap:35px}.projects-head h2{margin-bottom:0}.projects-head>p{max-width:340px;color:#b7bbbd;font-size:12px;margin:0 0 4px;line-height:1.8}.project-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.project{height:310px;position:relative;overflow:hidden;border-radius:3px;background:#24272a}.project-large{height:370px}.project img{height:100%;transition:transform .8s cubic-bezier(.2,.75,.25,1),filter .5s;filter:brightness(.82)}.project:hover img{transform:scale(1.07);filter:brightness(.62)}.project:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}.project-label{position:absolute;z-index:1;bottom:22px;left:22px;display:flex;flex-direction:column;gap:6px}.project-label small{font-size:9px;letter-spacing:1px;color:#f8d52c}.project-label b{font-size:19px}.project-arrow{position:absolute;right:18px;bottom:20px;z-index:2;width:35px;height:35px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s}.project:hover .project-arrow{background:#f8d52c;color:#111418;border-color:#f8d52c}.portfolio-note{font-size:10px;color:#92979a;margin:17px 0 0}.process{background:#f7f7f5;color:#151719}.process-heading{margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.step{position:relative}.step-number{font-size:22px;font-weight:800;color:#c4a300;background:#fff;border:1px solid #e4e3dd;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 6px #eeede7}.step-line{position:absolute;left:70px;right:0;top:27px;height:1px;background:#d8d7d1}.step h3{font-size:14px;margin:25px 0 8px}.step p{font-size:12px;color:#747777;line-height:1.8;margin:0;max-width:230px}.contact-section{position:relative;padding:75px clamp(22px,11.4vw,180px);background:#1a1d20;overflow:hidden}.contact-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#111418ed,#111418c9),url("https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=2000&q=80") center/cover}.contact-inner{position:relative;display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:center}.contact-inner>div>p:not(.eyebrow){font-size:13px;color:#c4c7c8;max-width:430px}.contact-inner h2{font-size:clamp(30px,3.5vw,46px)}.contact-form{display:flex;flex-direction:column;gap:8px}.contact-form label{font-size:11px;font-weight:700;margin-top:7px}.contact-form input,.contact-form select{width:100%;padding:13px 14px;border:1px solid #ffffff30;background:#ffffff0b;color:#fff;border-radius:3px;font:12px "Manrope",sans-serif;outline:none;transition:border .2s}.contact-form input:focus,.contact-form select:focus{border-color:#f8d52c}.contact-form select option{color:#111}.contact-form .button{margin-top:12px}.form-hint,.form-message{font-size:10px;color:#aeb2b4;margin:4px 0}.form-message{color:#f8d52c;min-height:16px}.footer{padding:35px clamp(22px,7vw,112px);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#0c0e10;border-top:1px solid #ffffff14}.footer>p{font-size:10px;color:#a3a6a7}.footer-links{display:flex;gap:20px;font-size:10px;color:#d0d2d2}.footer-links a:hover{color:#f8d52c}.copyright{font-size:9px;color:#777c7f}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:1100px){.services{grid-template-columns:repeat(2,1fr)}.section-intro{grid-column:1/-1;max-width:600px;margin-bottom:12px}.service-card img{height:240px}.nav{gap:14px}.nav-cta{padding:11px 12px}.benefit-strip{padding-left:6vw;padding-right:6vw}.hero{padding-left:8vw}.section,.projects-section,.contact-section{padding-left:7vw;padding-right:7vw}}@media(max-width:760px){.header{height:72px;padding:0 22px}.brand-mark{width:34px;height:34px}.brand b{font-size:16px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px;z-index:30}.menu-toggle span{width:24px;height:2px;background:#f8d52c;transition:transform .25s}.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav{position:absolute;top:71px;left:0;right:0;background:#111418f7;backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:stretch;padding:0 22px;gap:0;max-height:0;overflow:hidden;transition:max-height .35s,padding .35s}.nav.open{max-height:360px;padding:12px 22px 22px}.nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #ffffff15}.nav-cta{justify-content:space-between;margin-top:14px}.hero{height:auto;min-height:720px;padding:135px 24px 90px;align-items:center}.hero-shade{background:linear-gradient(90deg,#0c0f12eF,#0c0f12a8),linear-gradient(0deg,#0c0f12a0,transparent)}.hero h1{font-size:clamp(39px,10vw,57px);letter-spacing:-1.8px}.hero-copy{font-size:13px}.hero-note{margin-top:35px}.scroll-hint{display:none}.benefit-strip{grid-template-columns:1fr 1fr;padding:24px;gap:16px}.benefit{border-right:0!important}.benefit-icon{font-size:25px}.section{padding:70px 22px}.services{grid-template-columns:1fr 1fr;gap:12px}.section-intro{grid-column:1/-1;margin-bottom:15px}.section h2,.projects-head h2,.process h2{font-size:34px}.service-card img{height:150px}.service-info{padding:12px 10px;align-items:flex-start}.service-info h3{font-size:11px}.service-info p{font-size:9px}.service-info>a{font-size:17px}.projects-section{padding:70px 22px 50px}.projects-head{display:block;padding-bottom:25px}.projects-head>p{margin-top:18px}.project-grid{grid-template-columns:1fr 1fr;gap:10px}.project,.project-large{height:230px}.project-large{grid-column:1/-1;height:280px}.project-label{left:13px;bottom:14px}.project-label b{font-size:14px}.project-label small{font-size:8px}.project-arrow{right:12px;bottom:12px;width:30px;height:30px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px}.step-line{display:none}.step h3{margin-top:20px}.contact-section{padding:65px 22px}.contact-inner{grid-template-columns:1fr;gap:28px}.footer{padding:30px 22px;align-items:flex-start;flex-direction:column;gap:17px}.footer>p{margin:0}.footer-links{flex-wrap:wrap}.copyright{margin-top:2px}}@media(max-width:390px){.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.services{grid-template-columns:1fr}.service-card img{height:210px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project,.project-large{height:250px}.benefit-strip{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:55px 1fr;column-gap:18px}.step-number{grid-row:span 2}.step h3{margin:0 0 7px}.step p{grid-column:2}.brand small{font-size:9px}}