:root{--ink:#e9e8e3;--off:#b3b5b4;--muted:#838b92;--night:#0b0e10;--coal:#111719;--panel:#171d1f;--line:#303739;--copper:#e2a367;--copper2:#ffd2a4;--blue:#8eaeb8;--w:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--night);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.14;background:radial-gradient(circle at 55% 20%,#56616909,transparent 42%)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.wrap{width:min(var(--w),calc(100% - 72px));margin-inline:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:-10000px;top:0;z-index:150;padding:12px;background:white;color:#111}.skip:focus{left:8px}
#scrollMeter{position:fixed;top:0;left:0;z-index:150;height:3px;background:linear-gradient(90deg,var(--copper),#fce6c5);width:0;pointer-events:none}
header{position:sticky;top:0;z-index:50;background:#090c0edb;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff13}.header-inner{min-height:81px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand svg{flex:0 0 45px;width:45px;height:45px}.brandname{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.07em;font-size:1.43rem;line-height:1}.brandname em{font-style:normal;color:var(--copper)}.brand small{display:block;text-transform:uppercase;letter-spacing:.21em;font-size:.59rem;color:#bcc4c6;margin-top:5px;font-weight:600}.nav{display:flex;gap:28px;align-items:center;justify-content:center;flex:1}.nav a{font-size:.81rem;text-transform:uppercase;font-weight:700;letter-spacing:.09em;color:#d5d4ce;position:relative}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-12px;border-bottom:2px solid var(--copper);transition:right .25s}.nav a:hover:after,.nav a[aria-current=page]:after{right:0}.head-cta{border:1px solid #bb7b48;border-radius:2px;padding:12px 17px;color:#0d0d0e;background:var(--copper);font-weight:800;font-size:.79rem;letter-spacing:.08em;white-space:nowrap}.head-cta:hover{background:#f2bf88}.nav-toggle{display:none;background:transparent;border:1px solid #414849;padding:10px;color:#fff;width:42px;height:42px;font-size:24px}
.eyebrow{font-size:.73rem;letter-spacing:.27em;text-transform:uppercase;font-weight:800;color:var(--copper);display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow:before{content:'';width:33px;border-top:1px solid var(--copper)}h1,h2,h3,h4{font-family:Manrope,sans-serif;letter-spacing:-.056em;line-height:1.11}h1{font-size:clamp(2.9rem,5.7vw,6rem);margin:0 0 24px;font-weight:800}h2{font-size:clamp(2rem,4.3vw,4.2rem);margin:0 0 25px}h3{font-size:clamp(1.14rem,2.1vw,1.58rem);margin:0 0 12px}h4{font-size:1rem;margin:0 0 8px}p{color:var(--off);margin:0 0 18px}b,strong{font-weight:750}.copper{color:var(--copper)}.max-para{max-width:710px}.text-xl{font-size:1.15rem}.kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:15px 24px;min-height:54px;border-radius:2px;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;transition:background .25s,transform .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--copper);color:#0b0f12;border:1px solid var(--copper)}.btn-primary:hover{background:#f3c293}.btn-outline{border:1px solid #767b7a;color:white;background:#141b1c77}.btn-outline:hover{border-color:var(--copper);background:#24201b}.btn svg{width:17px;height:17px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}
.section{padding:110px 0}.section-sm{padding:76px 0}.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dark{background:#0d1214}.slate{background:linear-gradient(120deg,#182124 0%,#0f1416 100%)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-head h2{margin-bottom:0}.section-head p{max-width:410px}.hairline{height:1px;background:var(--line);width:100%;margin:24px 0}
.hero{position:relative;min-height:calc(100svh - 81px);display:flex;align-items:center;overflow:hidden;background:#101618}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,#080b0cf5 0%,#0a0d0cda 31%,#10121360 72%,#10121322 100%),url('assets/images/hero.webp');background-size:cover;background-position:center center;transform:scale(1.035);animation:kenburns 14s ease-out forwards}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0e10 0%,transparent 25%);pointer-events:none}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:calc(100% / 12) 100%;opacity:.3;z-index:1;pointer-events:none}.hero-inner{position:relative;z-index:2;padding-top:96px;padding-bottom:106px}.hero .tagline{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;color:#e1c2a4;margin-bottom:24px;font-weight:800}.hero .tagline:before{content:'';width:34px;height:1px;background:#d6a066}.hero h1{max-width:940px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.4px #fff8e9}.hero p{max-width:580px;color:#d3d0c9;font-size:1.1rem}.hero-meta{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:36px;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#dfdbd1}.hero-meta span{display:inline-flex;gap:9px;align-items:center}.hero-meta span:before{content:'';height:6px;width:6px;background:var(--copper);transform:rotate(45deg)}.hero-side{position:absolute;right:4%;bottom:92px;z-index:2;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#d1b090}
@keyframes kenburns{to{transform:scale(1.00)}}
.metrica{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.metrica .metric{padding:27px 30px;border-right:1px solid var(--line)}.metric .number{display:block;font:800 2.5rem/1 Manrope,sans-serif;letter-spacing:-.065em;color:#f1eee6}.metric small{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,95px);align-items:center}.visual-block{position:relative;min-height:350px}.visual-block>img{width:100%;height:590px;object-fit:cover;box-shadow:16px 16px 0 #b87d491a}.visual-block .corner{position:absolute;right:-20px;bottom:21px;background:#171d1ff2;border:1px solid #8e704c;padding:24px 30px;max-width:252px;box-shadow:0 12px 25px #0006}.corner strong{display:block;color:var(--copper);font-size:1.85rem;line-height:1}.corner small{color:var(--off)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:#141a1c;padding:30px;min-height:280px;position:relative;overflow:hidden}.feature:before{content:'';width:74px;height:2px;position:absolute;top:0;left:30px;background:var(--copper);transition:width .4s}.feature:hover:before{width:calc(100% - 60px)}.feature .n{font-family:Manrope;font-weight:800;font-size:.81rem;color:var(--copper);letter-spacing:.2em;margin-bottom:30px}.feature h3{max-width:280px}.feature p{font-size:.91rem}
.services-bento{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.service-photo{position:relative;isolation:isolate;min-height:392px;overflow:hidden;border:1px solid var(--line);background:#1b2223}.service-photo.tall{grid-row:span 2;min-height:800px}.service-photo img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;filter:saturate(.75)}.service-photo:hover img{transform:scale(1.055);filter:saturate(1)}.service-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#090e10e9 100%)}.service-photo .copy{position:absolute;z-index:1;bottom:0;padding:38px}.service-photo .copy .num{font-size:.76rem;color:var(--copper2);letter-spacing:.2em;font-weight:800;margin-bottom:16px}.service-photo .copy h3{font-size:clamp(1.9rem,3.2vw,3.4rem);max-width:400px}.service-photo .copy p{color:#e0ddd5;max-width:520px}.service-photo .copy span{font-size:.81rem;color:var(--copper2);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.project-card{grid-column:span 4;position:relative;min-height:310px;overflow:hidden;border:1px solid var(--line);background:#1b2428;text-align:left;cursor:pointer;padding:0;color:white}.project-card.wide{grid-column:span 7;min-height:480px}.project-card.medium{grid-column:span 5;min-height:480px}.project-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.055)}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#080d0df1)}.project-card .caption{position:absolute;bottom:0;left:0;right:0;padding:27px;z-index:2}.caption .category{display:block;color:var(--copper2);text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;font-weight:800;margin-bottom:8px}.caption h3{margin:0;color:white}.project-card .plus{position:absolute;right:20px;top:20px;z-index:3;background:#0c1111d9;border:1px solid #8f9a9777;color:#f6e5cf;padding:5px 13px;font-size:22px}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:29px}.filter{padding:12px 17px;background:transparent;color:#d3d1cb;border:1px solid #566065;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.1em;transition:background .2s}.filter[aria-pressed=true],.filter:hover{background:var(--copper);color:#101315;border-color:var(--copper)}.hidden-filter{display:none!important}
.stage{background:linear-gradient(120deg,#182224,#101719);border:1px solid #4b5353;position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;overflow:hidden}.stage-left{padding:54px}.stage-right{position:relative;min-height:550px}.stage-right>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .25s,filter .3s}.stage-right:after{content:'';position:absolute;inset:0;pointer-events:none;border:17px solid #11181922}.stage-controls{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.stage-controls button{padding:11px 15px;border:1px solid #536061;background:transparent;color:#d4d6d2;font-weight:700;font-size:.82rem}.stage-controls button[aria-pressed=true]{color:#12191b;background:var(--copper);border-color:var(--copper)}.stage-readout{border-top:1px solid #ffffff25;padding-top:18px}.stage-readout .small-label{color:var(--copper2);text-transform:uppercase;font-size:.71rem;letter-spacing:.2em;font-weight:800}.stage-readout h3{font-size:1.62rem;margin-top:10px}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.stage-grid div{border-left:2px solid var(--copper);padding-left:14px;font-size:.85rem;color:var(--off)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.step{padding:29px 25px 12px;border-right:1px solid var(--line);position:relative}.step:first-child{padding-left:0}.step:last-child{border-right:none}.step .count{font:800 3.6rem/1 Manrope;color:transparent;-webkit-text-stroke:1px #987858;margin-bottom:28px}.step h3{font-size:1.18rem}
.faq-area{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.faq details{border-bottom:1px solid #495153}.faq summary{cursor:pointer;padding:22px 36px 22px 0;font-weight:700;color:#f4f2eb;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:6px;font-size:24px;color:var(--copper);top:15px}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 35px 15px 0;font-size:.96rem}
.contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;border:1px solid #58605c}.contact-story{padding:55px;background:linear-gradient(155deg,#1e2929,#10191b)}.contact-story h2{margin-top:0}.contact-story a{color:var(--copper2)}.contact-info{display:grid;gap:10px;margin-top:42px}.contact-info span{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.contact-form{background:#171d1d;padding:55px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group{margin-bottom:22px}.form-group.wide{grid-column:span 2}.form-group label{display:block;font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:#deddd4;font-weight:700;margin-bottom:9px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #526061;background:#0e1416;color:#f5f3ea;border-radius:0;padding:15px;outline:none}.form-group textarea{min-height:135px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--copper)}.form-hint{font-size:.78rem;line-height:1.55;color:#9da9aa;margin:10px 0 0}.quick-contact{display:inline-block;border-bottom:1px solid var(--copper);padding:6px 0}.subhero{position:relative;min-height:420px;display:flex;align-items:center;background:#162022;overflow:hidden}.subhero .backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.6)}.subhero .backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1010ed,#101819a9,#17181980)}.subhero .wrap{position:relative;z-index:2;padding-block:65px}.subhero h1{max-width:840px;font-size:clamp(2.6rem,5vw,5rem)}.subhero p{max-width:670px;color:#d5d3cc}
.prose{max-width:820px;font-size:1.02rem}.prose h2{font-size:clamp(1.9rem,3vw,2.8rem);margin-top:38px}.prose li{color:var(--off);margin:8px 0}.prose strong{color:var(--ink)}.checklist{list-style:none;padding:0;margin:18px 0}.checklist li{padding:14px 0;border-bottom:1px solid #4a5253;color:#e0e0d9}.checklist li:before{content:'↗';color:var(--copper);margin-right:15px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{border:1px solid #4b5350;background:#161e1e;padding:29px;min-height:230px}.info-card .n{font-size:.78rem;letter-spacing:.2em;color:var(--copper);font-weight:800;margin-bottom:25px}
.demo-notice{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#dac6ab;display:flex;justify-content:center;gap:11px;align-items:center;padding:8px 18px;background:#1d221e;border-top:1px solid #474b40}.demo-notice b{color:var(--copper2)}.fig-note{position:absolute;top:10px;left:10px;z-index:4;background:#0a0f11bb;padding:7px 10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700}.seo-copy{max-width:870px}.seo-copy p{font-size:.99rem;line-height:1.8}.seo-copy h3{margin-top:28px}
footer{background:#080b0d;padding:64px 0 30px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:50px}.footer-grid h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--copper)}.footer-nav{display:grid;gap:10px}.footer-nav a{font-size:.9rem;color:var(--off)}.footer-nav a:hover{color:var(--copper)}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:.76rem;color:var(--muted)}
.lightbox{position:fixed;inset:0;z-index:120;background:#030606f2;display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(94vw,1260px);max-height:78vh;width:auto;object-fit:contain}.lightbox p{color:#d6d6d0;margin-top:12px}.lightbox .close{position:absolute;right:22px;top:15px;border:1px solid #858585;background:#172021;color:white;padding:8px 15px;font-size:23px}.lightbox .prev,.lightbox .next{position:absolute;top:50%;transform:translateY(-50%);background:#182021d4;color:white;border:1px solid #7b8684;font-size:30px;width:48px;height:56px}.lightbox .prev{left:16px}.lightbox .next{right:16px}
.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}.delay1{transition-delay:.1s}.delay2{transition-delay:.2s}.delay3{transition-delay:.3s}
@media(max-width:1180px){.nav{gap:17px}.wrap{width:min(var(--w),calc(100% - 48px))}.hero h1{font-size:clamp(2.8rem,5vw,5rem)}}
@media(max-width:950px){.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:81px;flex-direction:column;align-items:stretch;padding:22px 30px;background:#0b1112f7;border-bottom:1px solid #525858;gap:20px}.nav.open{display:flex}.head-cta{display:none}.hero{min-height:630px}.two-col,.faq-area,.contact-shell,.stage{grid-template-columns:1fr}.stage-right{min-height:400px}.stage-left{padding:35px}.features,.steps,.info-grid{grid-template-columns:repeat(2,1fr)}.service-photo.tall{min-height:680px}.projects .project-card{grid-column:span 6}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:80px 0}.contact-story,.contact-form{padding:35px}.visual-block>img{height:470px}}
@media(max-width:640px){.wrap{width:calc(100% - 34px)}.header-inner{min-height:74px}.nav{top:74px}.brandname{font-size:1.2rem}.brand svg{width:36px;height:36px;flex-basis:36px}.hero{min-height:calc(100svh - 74px)}.hero-inner{padding-top:55px;padding-bottom:65px}.hero-bg{background-image:linear-gradient(90deg,#080b0cf7,#0a0d0cea 50%,#1012138a 100%),url('assets/images/hero.webp');background-position:65% center}.hero h1{font-size:clamp(2.5rem,11vw,4.4rem)}.hero h1 .outline{-webkit-text-stroke:1px #fff8e9}.hero-side{display:none}.hero p{font-size:.97rem}.actions{flex-direction:column}.btn{width:100%}.hero-meta{gap:12px;font-size:.64rem}.metrica{grid-template-columns:1fr 1fr}.metrica .metric{padding:20px 15px}.metric .number{font-size:2rem}.section{padding:65px 0}.section-sm{padding:45px 0}.section-head{flex-direction:column;align-items:start}.features,.info-grid,.steps,.services-bento{grid-template-columns:1fr}.service-photo,.service-photo.tall{min-height:410px;grid-row:auto}.service-photo .copy{padding:25px}.service-photo .copy h3{font-size:2rem}.projects .project-card{grid-column:span 12;min-height:330px}.stage-left{padding:26px}.stage-right{min-height:325px}.stage-grid{grid-template-columns:1fr 1fr}.contact-story,.contact-form{padding:27px}.form-grid{grid-template-columns:1fr}.form-group.wide{grid-column:auto}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.visual-block>img{height:360px}.visual-block .corner{right:8px;bottom:-16px}.steps{border:none}.step{border-right:none;border-bottom:1px solid var(--line);padding:20px 0}.step .count{font-size:2.4rem;margin-bottom:12px}.lightbox{padding:14px}.lightbox .prev,.lightbox .next{width:32px;height:42px;font-size:20px}.lightbox .prev{left:4px}.lightbox .next{right:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
