*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f3f1;color:#121212;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(1160px,92%);margin:auto}.header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(5,5,5,.94);backdrop-filter:blur(12px);border-bottom:1px solid #252525}.nav{height:72px;display:flex;align-items:center;gap:28px}.wordmark{font-weight:900;color:#fff;text-decoration:none;letter-spacing:2px;font-size:17px;margin-right:auto}.wordmark span{font-weight:400;margin-left:7px;color:#aaa}.nav nav{display:flex;gap:25px}.nav nav a{color:#ccc;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.nav nav a:hover{color:#fff}.nav-phone{color:#111;background:#fff;text-decoration:none;font-weight:900;font-size:13px;padding:10px 14px}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:850px;background:#070707;color:#fff;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,#333 0,#161616 26%,#070707 55%)}.hero-bg:after{content:"";position:absolute;width:700px;height:700px;border:1px solid #383838;border-radius:50%;right:-190px;top:110px;box-shadow:0 0 0 65px rgba(255,255,255,.018),0 0 0 130px rgba(255,255,255,.012)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:850px;padding-top:70px}.kicker,.section-tag{font-size:11px;font-weight:900;letter-spacing:3px;color:#8f8f8f}.hero .kicker{color:#aaa}.hero h1{font-size:clamp(55px,7.4vw,96px);line-height:.91;letter-spacing:-4px;margin:18px 0 25px}.hero h1 em{font-style:normal;color:#bcbcbc}.lead{font-size:19px;color:#bbb;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-block;padding:14px 20px;text-decoration:none;font-weight:900;letter-spacing:.7px;font-size:12px;border:1px solid #fff;cursor:pointer}.btn-light{background:#fff;color:#111}.btn-outline{color:#fff;background:transparent;border-color:#666}.btn-dark{background:#111;color:#fff;border-color:#111;width:100%}.mini-proof{display:flex;gap:35px;margin-top:62px}.mini-proof div{border-left:1px solid #444;padding-left:14px}.mini-proof b{display:block;letter-spacing:2px;font-size:12px}.mini-proof span{display:block;color:#777;font-size:11px;margin-top:4px}.hero-logo{justify-self:end;width:min(430px,90%);transform:translateY(-55px);filter:drop-shadow(0 20px 50px rgba(255,255,255,.08))}.hero-logo img{width:100%;display:block;mix-blend-mode:screen}.intro{background:#dededb;padding:85px 0}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.intro h2,.section h2,.story h2,.contact h2{font-size:clamp(37px,5vw,63px);line-height:1;letter-spacing:-2.5px;margin:15px 0 0}.intro p{font-size:18px;color:#555;margin:0}.section{padding:105px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.service-grid article{background:#fff;border:1px solid #d8d8d8;padding:32px;min-height:290px}.num{font-weight:900;font-size:12px;letter-spacing:2px;color:#777}.service-grid h3{font-size:27px;margin:80px 0 8px}.service-grid p{color:#666;margin:0}.gallery-section{background:#111;color:#fff}.gallery-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end}.gallery-head p{color:#999;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.gallery figure{margin:0;background:#181818;border:1px solid #292929}.gallery img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.gallery figcaption{padding:17px}.gallery figcaption b{display:block;font-size:11px;letter-spacing:2px}.gallery figcaption span{color:#888;font-size:12px}.process{background:#e7e7e4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.steps>div{border-top:2px solid #111;padding-top:20px}.steps span{font-size:12px;font-weight:900}.steps h3{font-size:24px;margin:55px 0 6px}.steps p{color:#666}.story{background:#fff;padding:105px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story p{color:#555;max-width:620px}.callout{background:#111;color:#fff;padding:45px}.quote-mark{font-size:65px;line-height:.7;color:#777}.callout h3{font-size:28px;line-height:1.2}.callout p{color:#999}.callout a{color:#fff;text-decoration:none;font-weight:900;font-size:11px;letter-spacing:1.5px}.contact{background:#070707;color:#fff;padding:105px 0}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:100px}.contact h2{margin-bottom:18px}.contact p{color:#999}.contact form{background:#fff;color:#111;padding:32px}.contact form h3{letter-spacing:2px;margin-top:0}.contact label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin:14px 0}.contact input,.contact textarea{display:block;width:100%;border:1px solid #ccc;padding:12px;margin-top:5px;font:inherit}.contact small{display:block;color:#777;margin-top:10px}.contact-info{display:grid;gap:7px;margin-top:35px}.contact-info a{color:#aaa;text-decoration:none}.contact-info a:hover{color:#fff}footer{background:#030303;color:#777;padding:45px 0 15px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-logo{width:210px;mix-blend-mode:screen}.footer-links{display:grid;align-content:center;gap:7px;text-align:right}.footer-links a{color:#aaa;text-decoration:none}.copyright{text-align:center;border-top:1px solid #1c1c1c;margin-top:35px;padding-top:14px;font-size:11px}@media(max-width:800px){.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#090909;padding:20px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.nav-phone{display:none}.hero-inner,.intro-grid,.gallery-head,.story-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:900px}.hero-inner{padding-top:100px;align-content:center}.hero-logo{justify-self:center;width:260px;grid-row:1;margin-bottom:20px}.hero-copy{grid-row:2}.hero h1{letter-spacing:-2px}.mini-proof{gap:18px;flex-wrap:wrap}.service-grid,.gallery,.steps{grid-template-columns:1fr}.gallery img{aspect-ratio:1/1}.intro-grid,.gallery-head,.story-grid,.contact-grid{gap:35px}.section,.story,.contact{padding:75px 0}.footer-grid{flex-direction:column}.footer-links{text-align:left}}@media(max-width:700px){.hero-logo{transform:translateY(0);}}