@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#f5f5f1;--ink:#111;--muted:#777;--line:#d8d8d0}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.cursor{position:fixed;z-index:9999;width:16px;height:16px;border:1px solid #fff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:.25s}.cursor.big{width:60px;height:60px;background:#fff}.loader{position:fixed;inset:0;z-index:9998;background:#111;color:#fff;display:grid;place-items:center;transition:.7s}.loader.hide{opacity:0;pointer-events:none}.loadin{width:min(500px,85vw)}.loadtop{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em;text-transform:uppercase;opacity:.6}.bar{height:2px;background:#333;margin-top:18px}.bar i{display:block;width:0;height:100%;background:#fff}nav{position:fixed;z-index:900;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5vw;color:#fff;mix-blend-mode:difference}.brand{font:bold 20px 'Space Grotesk';letter-spacing:-.06em}.navlinks{display:flex;gap:30px;font-size:14px}.navlinks a:hover{text-decoration:underline}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:100svh;min-height:650px;background:#111;color:#fff;position:relative;display:flex;align-items:flex-end;padding:9vh 5vw 7vh;overflow:hidden}.hero-media{position:absolute;inset:0;opacity:.45}.hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),#111 95%)}.hero-content{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr 300px;gap:30px}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#888}.hero .eyebrow{color:#aaa;margin-bottom:20px}.hero h1{font:500 clamp(72px,14vw,210px)/.76 'Space Grotesk';letter-spacing:-.095em;margin:0}.hero-note{align-self:end;color:#aaa;line-height:1.55}.line{overflow:hidden}.line>*{transform:translateY(110%);display:block}section{padding:130px 5vw}.head{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.head h2{font:500 clamp(50px,7vw,105px)/.88 'Space Grotesk';letter-spacing:-.075em;margin:0}.head p{font-size:18px;line-height:1.65;color:#555;max-width:720px}.services{margin-top:80px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 1.1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);transition:.4s}.service:hover{padding-left:18px;background:#ecece7}.service h3{font:500 28px 'Space Grotesk';letter-spacing:-.04em;margin:0}.service p{margin:0;color:#666;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px}.about h2{font:500 clamp(50px,7vw,100px)/.86 'Space Grotesk';letter-spacing:-.075em;margin:18px 0 30px}.about p{font-size:18px;line-height:1.7;color:#555}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.stat{padding:30px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font:500 clamp(55px,7vw,100px)/.8 'Space Grotesk';letter-spacing:-.08em}.stat span{display:block;color:#777;margin-top:18px}.dark{background:#111;color:#fff}.dark .kicker{color:#777}.dark .head p{color:#999}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:75px}.project{min-height:520px;border-radius:20px;overflow:hidden;position:relative;background:#222;display:block;transition:transform .25s}.project:nth-child(3n){min-height:650px}.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1s}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.92))}.project:hover img{transform:scale(1.08)}.project-info{position:absolute;z-index:2;bottom:0;padding:28px;width:100%}.project-info small{color:#aaa;text-transform:uppercase;letter-spacing:.12em}.project-info h3{font:500 42px/1 'Space Grotesk';letter-spacing:-.06em;margin:9px 0}.project-info p{color:#bbb;line-height:1.5;max-width:650px}.arrow{position:absolute;right:22px;top:22px;z-index:3;width:48px;height:48px;border:1px solid #888;border-radius:50%;display:grid;place-items:center;transition:.4s}.project:hover .arrow{background:#fff;color:#111;transform:rotate(45deg)}.strengths{margin-top:70px;border-top:1px solid var(--line)}.strength{font:500 clamp(25px,3vw,45px) 'Space Grotesk';letter-spacing:-.05em;padding:24px 0;border-bottom:1px solid var(--line)}.strength span{font:14px DM Sans;color:#999;margin-right:25px}.process{background:#e7e7e1}.process-list{margin-top:70px}.step{display:grid;grid-template-columns:70px 1fr 1fr;gap:30px;padding:45px 0;border-top:1px solid #c9c9c2;align-items:center}.step h3{font:500 34px 'Space Grotesk';letter-spacing:-.05em;margin:0}.step p{color:#666;line-height:1.6}.step img{width:100%;height:260px;object-fit:cover;border-radius:16px}.contact{background:#111;color:#fff;min-height:90vh;display:flex;align-items:center}.contactgrid{display:grid;grid-template-columns:1fr .8fr;gap:8vw;width:100%}.contact h2{font:500 clamp(70px,9vw,145px)/.78 'Space Grotesk';letter-spacing:-.095em;margin:18px 0}.contact p{color:#999;font-size:18px;line-height:1.6}.form{display:grid;gap:15px}.form input,.form select,.form textarea{border:0;border-bottom:1px solid #444;background:none;color:#fff;padding:17px 0;outline:0}.form textarea{min-height:100px}.form button{border:1px solid #777;border-radius:999px;background:#fff;color:#111;padding:16px 24px;margin-top:12px;cursor:pointer}.form button:hover{background:#111;color:#fff}.footer{background:#111;color:#777;border-top:1px solid #292929;padding:24px 5vw;display:flex;justify-content:space-between;font-size:13px}.techgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:70px}.tech{background:#fff;border-radius:18px;padding:20px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.tech img{width:100%;height:130px;object-fit:contain}.tech h3{margin:15px 0 8px;font:500 22px 'Space Grotesk'}.tech p{color:#666;font-size:14px;line-height:1.5}.detailhero{background:#111;color:#fff;padding:180px 5vw 80px}.back{color:#999;display:inline-block;margin-bottom:45px}.detailhero h1{font:500 clamp(65px,10vw,150px)/.82 'Space Grotesk';letter-spacing:-.095em;max-width:1200px;margin:15px 0}.lead{color:#aaa;font-size:20px;line-height:1.6;max-width:850px}.meta{display:flex;flex-wrap:wrap;gap:35px;color:#888;margin-top:45px;font-size:14px}.cover{width:100%;height:min(75vh,800px);object-fit:cover;display:block}.case{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:110px 5vw}.case h2{font:500 52px 'Space Grotesk';letter-spacing:-.06em;margin:0}.case p,.case li{color:#555;font-size:18px;line-height:1.7}.case ul{padding-left:20px}.case.darkcase{background:#111;color:#fff}.darkcase p,.darkcase li{color:#aaa}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 5vw 110px}.gallery img{width:100%;border-radius:18px}.gallery img:first-child{grid-column:span 2;max-height:700px;object-fit:cover}.reveal{opacity:0;transform:translateY(40px)}.hidden{display:none}.loadmore{text-align:center;margin:55px}.loadmore button{border:1px solid #555;background:none;color:#fff;border-radius:999px;padding:15px 28px;cursor:pointer}
@media(max-width:950px){.navlinks{display:none}.menu{display:block}.hero-content,.head,.about,.contactgrid,.case{grid-template-columns:1fr}.hero-note{max-width:500px}.project-grid{grid-template-columns:1fr}.techgrid{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:50px 1fr}.step img{grid-column:2}.case{gap:30px}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}}
@media(max-width:600px){nav{padding:18px 20px}.hero{padding:120px 20px 40px}.hero h1{font-size:22vw}.hero-content{gap:45px}section{padding:90px 20px}.service{grid-template-columns:45px 1fr}.service p{grid-column:2}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.project{min-height:460px!important}.project-info h3{font-size:34px}.techgrid{grid-template-columns:1fr}.step{grid-template-columns:35px 1fr}.step img{height:210px}.detailhero{padding:140px 20px 60px}.detailhero h1{font-size:20vw}.cover{height:55vh}.case,.gallery{padding-left:20px;padding-right:20px}.case{padding-top:75px;padding-bottom:75px}.contact h2{font-size:20vw}.footer{display:block;padding:20px}.footer span{display:block;margin:5px 0}.cursor{display:none}}