@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";html,body,#root{min-height:100%}body{color:#111;background:#f4f4f0;margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}button,a{font:inherit;-webkit-tap-highlight-color:transparent}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(25px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.seo-page{color:#111;background:#f5f3ee;min-height:100vh}.seo-page-nav{border-bottom:1px solid #11111126;justify-content:space-between;align-items:center;width:100%;padding:28px 5vw;display:flex}.seo-logo{color:#111;letter-spacing:-1px;font-size:24px;font-weight:800;text-decoration:none}.seo-logo span{vertical-align:top;margin-left:3px;font-size:10px}.seo-nav-button{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#111;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.seo-nav-button:hover{transform:translateY(-2px)}.seo-hero{max-width:1200px;margin:0 auto;padding:110px 5vw 100px}.seo-label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:35px;font-size:11px;font-weight:700;display:block}.seo-hero h1{letter-spacing:-.06em;max-width:1000px;margin:0;font-size:clamp(48px,8vw,110px);font-weight:800;line-height:.92}.seo-hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400}.seo-hero p{color:#555;max-width:600px;margin:45px 0 35px;font-size:18px;line-height:1.7}.seo-cta{color:#fff;letter-spacing:.08em;background:#111;align-items:center;gap:12px;padding:17px 25px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.seo-cta:hover{transform:translateY(-2px)}.seo-content{border-top:1px solid #11111126;max-width:1000px;margin:0 auto;padding:90px 5vw 120px}.seo-content h2{letter-spacing:-.04em;margin:0 0 25px;font-size:clamp(30px,4vw,52px);line-height:1}.seo-content h2:not(:first-child){margin-top:90px}.seo-content p{color:#555;max-width:800px;margin:0 0 25px;font-size:17px;line-height:1.8}.seo-list{border-top:1px solid #1113;grid-template-columns:repeat(2,1fr);margin-top:35px;display:grid}.seo-list div{border-bottom:1px solid #1113;padding:22px 0;font-size:15px;font-weight:600}.seo-list div:nth-child(odd){margin-right:40px}.seo-text-link{color:#111;border-bottom:2px solid #111;margin-top:30px;padding-bottom:6px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.seo-footer{color:#666;border-top:1px solid #11111126;padding:30px 5vw;font-size:12px}@media (width<=900px){.navbar{height:70px;padding:0 25px}.navbar-logo{width:120px;max-height:45px}.nav-links{background:#f4f4f0;border-bottom:1px solid #d8d8d3;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:25px;display:none;position:absolute;top:70px;left:0}.nav-links.nav-open{display:flex}.nav-links button{text-align:left;border-bottom:1px solid #ddd;padding:18px 0}.nav-links .nav-contact{margin-top:15px;padding:15px}.menu-button{display:block}.hero{min-height:850px;padding:120px 25px 35px}.hero-content{grid-template-columns:1fr;margin-top:60px}.hero-right{max-width:500px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-scroll{display:none!important}.intro{grid-template-columns:1fr;gap:50px;padding:100px 25px}.section-heading{grid-template-columns:1fr;padding:0 25px 50px}.projects-grid,.services-grid{grid-template-columns:1fr}.project-card{min-height:500px;padding:25px}.service-card{min-height:390px;padding:25px}.about-section{padding:100px 25px}.about-grid{grid-template-columns:1fr;gap:60px;margin-top:70px}.process-grid{grid-template-columns:1fr 1fr}.process-item{min-height:280px}.process-item h3{margin-top:70px}.contact-section{margin-top:100px;padding:40px 25px 70px}.contact-content{padding:90px 0}.contact-content p{margin-left:0}.contact-actions{flex-direction:column;align-items:stretch}.contact-main-button{justify-content:space-between}.contact-details{grid-template-columns:1fr 1fr}.footer{text-align:left;grid-template-columns:1fr;gap:20px}.footer-middle,.footer-right{text-align:left}.service-modal{padding:50px 25px 30px}.seo-page-nav{padding:22px 6vw}.seo-logo{font-size:21px}.seo-nav-button{padding:10px 14px;font-size:10px}.seo-hero{padding:75px 6vw 70px}.seo-label{margin-bottom:25px;font-size:10px}.seo-hero h1{font-size:clamp(45px,14vw,75px)}.seo-hero p{margin-top:30px;font-size:16px}.seo-content{padding:65px 6vw 80px}.seo-content h2{font-size:34px}.seo-content p{font-size:16px}.seo-list{grid-template-columns:1fr}.seo-list div:nth-child(odd){margin-right:0}}@media (width<=550px){.navbar-logo{width:110px}.hero h1{font-size:62px}.hero-bottom{grid-template-columns:1fr;gap:20px}.intro h2{font-size:50px}.section-heading h2{font-size:55px}.project-middle h3{font-size:42px}.process-grid{grid-template-columns:1fr}.process-item{min-height:240px}.process-item h3{margin-top:60px}.contact-content h2{font-size:62px}.service-modal h2{font-size:48px}.contact-details{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#f4f4f0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}button,a{font:inherit}button{border:none}button,a{-webkit-tap-highlight-color:transparent}.site{width:100%;overflow:hidden}.navbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5000;background:#f4f4f0eb;border-bottom:1px solid #d8d8d3;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 5vw;display:flex;position:fixed;top:0;left:0}.logo{cursor:pointer;background:0 0;align-items:center;padding:0;display:flex}.navbar-logo{object-fit:contain;width:145px;height:auto;max-height:52px;display:block}.nav-links{align-items:center;gap:35px;display:flex}.nav-links button{color:#222;cursor:pointer;background:0 0;font-size:12px;transition:opacity .2s}.nav-links button:hover{opacity:.45}.nav-links .nav-contact{color:#fff;background:#111;padding:12px 18px;transition:all .25s}.nav-links .nav-contact:hover{opacity:1;background:#333}.menu-button{cursor:pointer;background:0 0;font-size:25px;display:none}.hero{border-bottom:1px solid #d8d8d3;flex-direction:column;justify-content:space-between;min-height:100vh;padding:150px 5vw 50px;display:flex}.hero-small{letter-spacing:.12em;color:#777;justify-content:space-between;font-family:DM Mono,monospace;font-size:10px;display:flex}.hero-content{grid-template-columns:1.5fr .5fr;align-items:end;gap:40px;margin-top:80px;display:grid}.hero h1{letter-spacing:-.09em;font-size:clamp(65px,11vw,170px);font-weight:600;line-height:.78}.hero h1 span{-webkit-text-stroke:1.5px #111;color:#0000}.hero-right{max-width:330px;padding-bottom:10px}.hero-right p{color:#666;margin-bottom:30px;font-size:16px;line-height:1.7}.primary-button{color:#fff;cursor:pointer;text-align:left;background:#111;justify-content:space-between;align-items:center;gap:40px;min-width:220px;padding:17px 20px;font-size:12px;transition:transform .25s;display:flex}.primary-button:hover{transform:translateY(-3px)}.primary-button span{font-size:18px}.hero-bottom{border-top:1px solid #d8d8d3;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding-top:50px;display:grid}.hero-bottom div{flex-direction:column;gap:8px;display:flex}.tiny-label{color:#888;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:9px}.hero-bottom strong{font-size:11px;font-weight:500}.hero-scroll{color:#777;font-family:DM Mono,monospace;font-size:9px;flex-direction:row!important;gap:15px!important}.intro{border-bottom:1px solid #d8d8d3;grid-template-columns:.35fr 1fr;gap:60px;padding:150px 5vw;display:grid}.section-label{color:#777;letter-spacing:.15em;flex-direction:column;gap:10px;font-family:DM Mono,monospace;font-size:9px;display:flex}.intro-content{max-width:1000px}.intro h2{letter-spacing:-.07em;font-size:clamp(48px,7vw,100px);font-weight:500;line-height:.9}.intro h2 em{-webkit-text-stroke:1px #111;color:#0000;font-style:normal}.intro h2 strong{font-weight:600}.intro-content p{color:#666;max-width:550px;margin-top:50px;margin-left:auto;font-size:16px;line-height:1.8}.section-heading{grid-template-columns:1fr .45fr;align-items:end;gap:50px;padding:0 5vw 70px;display:grid}.section-number{color:#888;letter-spacing:.15em;margin-bottom:15px;font-family:DM Mono,monospace;font-size:10px;display:block}.section-heading h2{letter-spacing:-.07em;font-size:clamp(55px,7vw,100px);font-weight:500;line-height:.85}.section-heading p{color:#777;max-width:330px;font-size:14px;line-height:1.7}.work-section{padding:150px 0 0}.projects-grid{border-top:1px solid #d8d8d3;border-left:1px solid #d8d8d3;grid-template-columns:repeat(2,1fr);display:grid}.project-card{border-bottom:1px solid #d8d8d3;border-right:1px solid #d8d8d3;flex-direction:column;justify-content:space-between;min-height:570px;padding:35px;transition:background .3s,color .3s;display:flex}.project-card:hover{color:#fff;background:#111}.project-number{color:#888;font-family:DM Mono,monospace;font-size:10px}.project-middle{max-width:600px}.project-category{letter-spacing:.15em;color:#888;margin-bottom:25px;font-family:DM Mono,monospace;font-size:9px;display:block}.project-middle h3{letter-spacing:-.06em;margin-bottom:30px;font-size:clamp(40px,5vw,75px);font-weight:500;line-height:.9}.project-middle p{color:#777;max-width:500px;font-size:14px;line-height:1.7}.project-card:hover .project-middle p{color:#aaa}.project-footer{letter-spacing:.12em;border-top:1px solid #d8d8d3;justify-content:space-between;align-items:center;padding-top:25px;font-family:DM Mono,monospace;font-size:9px;display:flex}.project-card:hover .project-footer{border-color:#333}.project-link{color:inherit;padding:10px 0;text-decoration:none;transition:opacity .2s}.project-link:hover{opacity:.5}.services-section{padding:150px 0 0}.services-grid{border-top:1px solid #d8d8d3;border-left:1px solid #d8d8d3;grid-template-columns:repeat(2,1fr);display:grid}.service-card{text-align:left;color:#111;cursor:pointer;appearance:none;background:#f4f4f0;border-bottom:1px solid #d8d8d3;border-right:1px solid #d8d8d3;flex-direction:column;justify-content:space-between;min-height:420px;padding:35px;transition:background .3s,color .3s,transform .3s;display:flex;position:relative}.service-card:hover{background:#e9e9e4;transform:translateY(-4px)}.service-card-dark{color:#fff;background:#111}.service-card-dark:hover{background:#1e1e1e}.service-top{justify-content:space-between;align-items:center;display:flex}.service-top>span{color:#888;font-family:DM Mono,monospace;font-size:10px}.service-icon{border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex}.service-content h3{letter-spacing:-.06em;margin-bottom:25px;font-size:clamp(35px,4vw,55px);font-weight:500;line-height:.95}.service-content p{color:#777;max-width:500px;font-size:15px;line-height:1.7}.service-bottom{letter-spacing:.15em;border-top:1px solid #d8d8d3;justify-content:space-between;align-items:center;padding-top:20px;font-family:DM Mono,monospace;font-size:9px;display:flex}.service-card-dark .service-bottom{border-color:#333}.service-arrow{font-size:16px}.about-section{border-bottom:1px solid #d8d8d3;padding:160px 5vw}.about-grid{grid-template-columns:1fr .7fr;gap:100px;margin-top:100px;display:grid}.about-grid h2{letter-spacing:-.08em;font-size:clamp(50px,7vw,100px);font-weight:500;line-height:.85}.about-grid h2 em{-webkit-text-stroke:1px #111;color:#0000;font-style:normal}.about-text{padding-top:10px}.about-text p{color:#666;max-width:520px;margin-bottom:25px;font-size:15px;line-height:1.8}.about-text .about-large{color:#111;font-size:21px;line-height:1.5}.text-button{cursor:pointer;background:0 0;border-bottom:1px solid #111;margin-top:25px;padding:0 0 8px;font-size:12px;transition:opacity .2s}.text-button:hover{opacity:.45}.process-section{padding:150px 0 0}.process-grid{border-top:1px solid #d8d8d3;border-left:1px solid #d8d8d3;grid-template-columns:repeat(4,1fr);display:grid}.process-item{border-bottom:1px solid #d8d8d3;border-right:1px solid #d8d8d3;min-height:330px;padding:30px}.process-item>span{color:#888;font-family:DM Mono,monospace;font-size:10px}.process-item h3{letter-spacing:-.03em;margin-top:100px;margin-bottom:20px;font-size:25px}.process-item p{color:#777;font-size:13px;line-height:1.7}.contact-section{color:#fff;background:#111;margin-top:150px;padding:60px 5vw 100px}.contact-top{letter-spacing:.15em;color:#888;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;display:flex}.contact-top .section-number{color:#888;margin:0}.contact-content{padding:120px 0}.contact-content h2{letter-spacing:-.09em;font-size:clamp(60px,10vw,150px);font-weight:500;line-height:.8}.contact-content h2 em{-webkit-text-stroke:1px white;color:#0000;font-style:normal}.contact-content p{color:#999;max-width:450px;margin-top:55px;margin-left:auto;font-size:15px;line-height:1.7}.contact-actions{border-bottom:1px solid #333;align-items:center;gap:15px;padding-bottom:70px;display:flex}.contact-main-button{color:#111;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:80px;padding:18px 22px;font-size:12px;transition:transform .2s;display:flex}.contact-main-button:hover{transform:translateY(-3px)}.contact-main-button span{font-size:18px}.contact-phone-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;padding:18px 22px;font-size:12px;transition:background .2s}.contact-phone-button:hover{background:#222}.contact-details{grid-template-columns:repeat(4,1fr);gap:40px;padding-top:50px;display:grid}.contact-details div{flex-direction:column;gap:12px;display:flex}.contact-details span{letter-spacing:.12em;color:#777;font-family:DM Mono,monospace;font-size:9px}.contact-details button,.contact-details strong{color:#fff;text-align:left;background:0 0;font-size:13px;font-weight:400}.contact-details button{cursor:pointer}.contact-details button:hover{text-decoration:underline}.footer{color:#fff;background:#111;border-top:1px solid #333;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:100px;padding:30px 5vw;display:grid}.footer-logo-image{object-fit:contain;width:125px;height:auto;max-height:45px;display:block}.footer-middle{text-align:center;color:#777;font-size:11px}.footer-right{text-align:right;color:#777;font-family:DM Mono,monospace;font-size:9px}.service-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:25px;animation:.25s overlayIn;display:flex;position:fixed;inset:0}.service-modal{color:#111;background:#f4f4f0;width:min(760px,100%);max-height:90vh;padding:60px;animation:.3s modalIn;position:relative;overflow-y:auto;box-shadow:0 40px 120px #0006}.modal-close{color:#111;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:25px;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:#fff;background:#111}.modal-number{color:#777;letter-spacing:.15em;margin-bottom:25px;font-family:DM Mono,monospace;font-size:10px;display:block}.service-modal h2{letter-spacing:-.08em;margin-bottom:25px;font-size:clamp(45px,7vw,80px);font-weight:500;line-height:.85}.service-modal>p{color:#666;max-width:600px;margin-bottom:35px;font-size:16px;line-height:1.7}.modal-list{border-top:1px solid #d5d5d0;margin-bottom:35px}.modal-list div{border-bottom:1px solid #d5d5d0;align-items:center;gap:15px;padding:15px 0;font-size:14px;display:flex}.modal-list span{font-size:14px}.modal-cta{color:#fff;cursor:pointer;background:#111;justify-content:space-between;align-items:center;gap:60px;padding:18px 22px;font-size:12px;display:flex}.modal-cta span{font-size:18px}@media (width<=900px){.navbar{height:70px;padding:0 25px}.navbar-logo{width:120px;max-height:45px}.nav-links{background:#f4f4f0;border-bottom:1px solid #d8d8d3;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:25px;display:none;position:absolute;top:70px;left:0}.nav-links.nav-open{display:flex}.nav-links button{text-align:left;border-bottom:1px solid #ddd;padding:18px 0}.nav-links .nav-contact{margin-top:15px;padding:15px}.menu-button{display:block}.hero{min-height:850px;padding:120px 25px 35px}.hero-content{grid-template-columns:1fr;margin-top:60px}.hero-right{max-width:500px}.hero-bottom{grid-template-columns:1fr 1fr}.hero-scroll{display:none!important}.intro{grid-template-columns:1fr;gap:50px;padding:100px 25px}.section-heading{grid-template-columns:1fr;padding:0 25px 50px}.projects-grid,.services-grid{grid-template-columns:1fr}.project-card{min-height:500px;padding:25px}.service-card{min-height:390px;padding:25px}.about-section{padding:100px 25px}.about-grid{grid-template-columns:1fr;gap:60px;margin-top:70px}.process-grid{grid-template-columns:1fr 1fr}.process-item{min-height:280px}.process-item h3{margin-top:70px}.contact-section{margin-top:100px;padding:40px 25px 70px}.contact-content{padding:90px 0}.contact-content p{margin-left:0}.contact-actions{flex-direction:column;align-items:stretch}.contact-main-button{justify-content:space-between}.contact-details{grid-template-columns:1fr 1fr}.footer{text-align:left;grid-template-columns:1fr;gap:20px}.footer-middle,.footer-right{text-align:left}.service-modal{padding:50px 25px 30px}}@media (width<=550px){.navbar-logo{width:110px}.hero h1{font-size:62px}.hero-bottom{grid-template-columns:1fr;gap:20px}.intro h2{font-size:50px}.section-heading h2{font-size:55px}.project-middle h3{font-size:42px}.process-grid{grid-template-columns:1fr}.process-item{min-height:240px}.process-item h3{margin-top:60px}.contact-content h2{font-size:62px}.service-modal h2{font-size:48px}.contact-details{grid-template-columns:1fr}}.seo-service-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:40px;display:grid}.seo-service-links a{color:#111;border:1px solid #11111126;justify-content:space-between;align-items:center;padding:18px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.seo-service-links a:hover{color:#fff;background:#111;transform:translateY(-2px)}@media (width<=700px){.seo-service-links{grid-template-columns:1fr}}.homepage-seo-services{border-top:1px solid #11111126;padding:120px 6vw}.homepage-seo-content{max-width:1100px;margin:0 auto}.homepage-seo-content h2{margin:40px 0 30px;font-size:clamp(42px,6vw,82px);line-height:.95}.homepage-seo-content h2 em{opacity:.55;font-style:normal}.homepage-seo-content>p{max-width:650px;margin-bottom:40px;line-height:1.7}@media (width<=700px){.homepage-seo-services{padding:80px 20px}.homepage-seo-content h2{font-size:42px}}
