:root{--ink:#111a18;--paper:#f5f3eb;--mint:#a8efd0;--muted:#b4bfbb;--line:#888f87;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #499c7a;outline-offset:6px}a:hover{color:#65b995}.wrap{width:calc(100% - 88px);max-width:var(--max);margin:auto}.dark{background:#101918;color:var(--paper)}.introduction{background:radial-gradient(ellipse at 78% 50%,#24312d80,transparent 50%),#101918}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:33px;letter-spacing:-1.4px}.brand span{margin-left:-12px}.brand img{display:block}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 24px;font-size:15px;font-weight:700;line-height:1.2;transition:background .15s,transform .15s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.outline{border:1px solid #e6ece5;padding:14px 18px}.outline:hover{background:#26382f;color:white}.mint{background:var(--mint);color:#10251b}.mint:hover{background:#c2ffdf;color:#10251b}.hero{position:relative;display:flex;align-items:center;min-height:660px;padding:80px 0 100px}.hero-copy{position:relative;z-index:1;width:70%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-family:ui-monospace,'Courier New',monospace;font-weight:500;font-size:15px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 38px}h1{font-size:clamp(36px,4.6vw,64px);font-weight:750;letter-spacing:-2.8px;line-height:1.07;margin:0 0 30px}h1 span{color:var(--mint)}.lead{font-size:22px;line-height:1.35;margin:0 0 42px}.actions{display:flex;align-items:center;gap:30px}.text-link{font-size:15px;font-weight:600}.text-link span{padding-left:10px}.hero-art{position:absolute;width:53%;height:auto;right:-46px;top:26px;pointer-events:none}.manifesto{border-top:1px solid #bec8c1;border-bottom:1px solid #bec8c1;padding:26px 0;font-size:22px;letter-spacing:-.4px}.paper{background:radial-gradient(ellipse at 80% 20%,#fff9,transparent 60%),var(--paper)}.expertises{padding:80px 0 65px}h2{font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:-2px;margin:0 0 60px}.services{display:grid;grid-template-columns:repeat(3,1fr)}.services article{padding:0 38px;border-left:1px solid var(--line)}.services article:first-child{border-left:0;padding-left:0}.services article:last-child{padding-right:0}.service-icon{width:66px;height:66px;margin:0 0 25px}h3{font-size:32px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 20px}.services p{font-size:19px;line-height:1.4;margin:0 0 16px}.services .detail{font-size:15px;color:#536058;line-height:1.65;margin:0}.projects{border-top:1px solid var(--line);padding:60px 0}.projects>.eyebrow{font-size:15px;letter-spacing:.04em;margin-bottom:50px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.project-grid article+article{padding-left:38px;border-left:1px solid var(--line)}.project-grid h3{font-size:clamp(26px,3.2vw,43px);letter-spacing:-1.4px;margin-bottom:15px}.project-grid p{font-size:20px;margin:0 0 35px;line-height:1.4}.mockup{background:linear-gradient(125deg,#273130,#101716);border:1px solid #35433f;border-radius:10px;overflow:hidden;box-shadow:0 12px 24px #14261b08;height:290px}.window-bar{display:flex;align-items:center;gap:6px;background:#ffffff06;padding:12px 14px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#80948b}.window-bar i:nth-child(2){background:#a8efd0}.window-bar i:nth-child(3){background:#3e7761}.window-bar span{font-size:9px;letter-spacing:.06em;color:#a6b7af;margin-left:auto}.mock-body{display:flex;height:calc(100% - 34px)}.mock-nav{display:flex;flex-direction:column;gap:13px;width:25%;padding:18px 14px;border-right:1px solid #ffffff0c}.mock-nav b{display:block;height:10px;width:80%;border-radius:4px;background:#b5c3ba24}.mock-nav b:nth-child(even){width:55%}.mock-nav b.selected{background:linear-gradient(90deg,#cbf9df,#7fe2b5);width:90%}.mock-content{padding:20px;width:75%}.mock-heading{width:46%;height:10px;background:#bcc6be38;border-radius:4px;margin-bottom:20px}.mock-content svg{display:block;width:100%;height:130px}.mock-table{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 18px;padding:12px;background:#ffffff04}.mock-table i{height:5px;background:#ccd5ce26;border-radius:3px}.compact{width:14%}.compact b{height:20px;width:20px!important}.compact+.mock-content{width:86%}.folders{display:grid;grid-template-columns:1fr 1fr;gap:12px}.folders>div{background:linear-gradient(120deg,#c9d8cd28,#c9d8cd12);border:1px solid #c9d8cd15;border-radius:7px;height:76px;padding:12px;color:#a9beb0;font-size:28px}.folders i{display:block;background:#cbdacf28;border-radius:4px;height:5px;width:60%;margin-top:3px}.project-grid p.caption{font-family:ui-monospace,monospace;text-transform:uppercase;font-size:10px;letter-spacing:.06em;margin:14px 0 0}.studio{border-top:1px solid var(--line);padding:50px 0 70px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.studio h2{font-size:38px;letter-spacing:-1.3px;margin:0 0 25px}.studio p:not(.eyebrow){max-width:650px;font-size:18px;line-height:1.6;color:#4b5850;margin:0 0 18px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:50px 0}.contact h2{font-size:clamp(30px,3.7vw,48px);margin:0;letter-spacing:-1.8px}.footer-row{border-top:1px solid #86948b;padding:25px 0;display:flex;align-items:center;gap:25px;font-size:12px;color:#c0cec5}.footer-row .brand{font-size:26px;color:var(--paper);margin-right:auto}.skip{position:absolute;top:-100px;left:10px;z-index:20;background:var(--mint);padding:15px;color:var(--ink)}.skip:focus{top:10px}.info{padding:70px 0;min-height:70vh;max-width:800px}.info h1{font-size:44px}.info h2{font-size:24px;margin:35px 0 15px;letter-spacing:-.5px}.info p{line-height:1.7}.info a{text-decoration:underline}
@media(min-width:1500px){.hero-art{right:-30px}.hero-copy{width:72%}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}nav{gap:20px}nav .button{display:none}.hero{min-height:560px;padding:70px 0}.hero-art{width:51%;right:-20px;top:60px;opacity:.8}.hero-copy{width:85%}h1{font-size:49px}.lead{font-size:20px}.services article{padding:0 25px}h3{font-size:28px}.project-grid{gap:25px}.project-grid article+article{padding-left:25px}.mockup{height:260px}.footer-row>span{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:22px 0;flex-wrap:wrap;gap:24px}.brand{font-size:29px}.brand img{width:29px;height:34px}nav{justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid #ffffff20;font-size:13px}.hero{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:42px 0 0}.hero-copy{width:100%}.hero .eyebrow{font-size:11px;margin-bottom:25px}h1{font-size:clamp(29px,7.8vw,48px);letter-spacing:-1.4px;line-height:1.13}.lead{font-size:17px;line-height:1.5;margin-bottom:28px}.lead br{display:none}.actions{gap:20px;flex-wrap:wrap}.button{font-size:13px;padding:16px 18px;gap:18px}.text-link{font-size:13px}.hero-art{position:relative;width:100%;max-width:440px;align-self:center;right:auto;top:auto;margin:-4px 0 -10px;opacity:1}.manifesto{font-size:17px;line-height:1.55;padding:23px 0}.manifesto span{display:block}.expertises{padding:50px 0 38px}.eyebrow{font-size:12px;margin-bottom:25px}h2{font-size:38px;letter-spacing:-1.5px;margin-bottom:40px}.services{display:block}.services article,.services article:first-child,.services article:last-child{padding:28px 0;border-left:0;border-top:1px solid #bcc0b7}.services article:first-child{border-top:0;padding-top:0}.service-icon{width:48px;height:48px;margin-bottom:18px}.services h3{font-size:29px}.services h3 br{display:none}.services p{font-size:18px}.projects{padding:38px 0}.projects>.eyebrow{font-size:12px;margin-bottom:35px}.project-grid{display:block}.project-grid article+article{padding:35px 0 0;border:0;margin-top:35px;border-top:1px solid #bcc0b7}.project-grid h3{font-size:33px}.project-grid p{font-size:17px;margin-bottom:25px}.mockup{height:260px}.studio{display:block;padding:35px 0 40px}.studio h2{font-size:30px}.studio p:not(.eyebrow){font-size:16px}.contact-row{align-items:flex-start;flex-direction:column;padding:40px 0;gap:25px}.contact h2{font-size:35px}.footer-row{flex-wrap:wrap;gap:22px}.footer-row .brand{width:100%}.info{padding-top:45px}.info h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none;transform:none}}