@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101f2e;--muted:#53626c;--paper:#f7f8f4;--cyan:#00d9cf;--line:#dce2dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #008c87;outline-offset:6px;border-radius:4px}.wrap{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}.header{min-height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:700;line-height:1.05;letter-spacing:-1px}.brand-light{font-weight:400}.brand small{display:block;letter-spacing:1.6px;font-size:8px;margin-top:8px;font-weight:600}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav a:hover{color:#007d78}.nav-contact{border:1px solid #c6d1cc;padding:11px 17px;border-radius:6px}.nav-contact span{margin-left:16px}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:72px;padding-top:82px;padding-bottom:90px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px}.dot{display:inline-block;background:#00a49b;width:7px;height:7px;border-radius:50%;margin-right:9px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15;letter-spacing:-1.8px}h1{font-size:clamp(38px,4.6vw,60px);font-weight:800;margin:0 0 24px}h1 em{font-style:normal;color:#008d87}.lead{font-size:21px;line-height:1.5;max-width:500px}.intro{font-size:15px;color:var(--muted);max-width:470px;margin:17px 0 30px}.button{display:inline-flex;gap:48px;padding:14px 21px;border-radius:6px;background:var(--ink);color:white;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#17434d}.studio{background:var(--ink);border-radius:12px;box-shadow:15px 18px 0 #e4eae3;color:#fff;transform:rotate(1deg);overflow:hidden}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#b2c2c9;font-size:10px;padding:15px 20px;border-bottom:1px solid #30414d}.window-dots{color:#657882;font-size:9px;letter-spacing:3px}.studio-body{padding:30px}.studio-label{letter-spacing:2px;color:#8ca7b5;font-size:9px}.code-art{font-family:monospace;font-size:85px;line-height:1.5;color:#425a68;letter-spacing:-8px;text-align:center;margin:10px 0}.code-art span{color:var(--cyan);font-family:Manrope,sans-serif;font-size:78px;font-weight:800;letter-spacing:-5px;margin:0 10px}.studio-body>p{font-size:31px;line-height:1.2;font-family:Manrope,sans-serif;letter-spacing:-1px;margin:10px 0 26px;font-weight:600}.studio-body>p span{color:var(--cyan)}.studio-line{height:1px;background:#354652}.studio-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#9eb3be;font-size:10px}.studio-bottom>span+span{color:var(--cyan);font-size:24px}.studio-note{background:#1b303e;padding:12px 28px;font-size:10px;color:#bad0d9}.studio-note span{color:var(--cyan);margin-right:8px}.projects-section{padding:68px 0 74px;background:#ecf0ea;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:13px}h2{font-size:34px;margin:0;font-weight:700}.section-heading>p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{border:1px solid #d1dbd3;border-radius:10px;background:#f9faf7;padding:26px}.project-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.number{font-size:9px;font-weight:700;letter-spacing:1px}.status{font-size:9px;color:#496259;border:1px solid #c9d8cc;border-radius:20px;padding:4px 8px}.player-visual,.tools-visual{height:190px;border-radius:6px;margin:24px 0;background:#102333;position:relative;overflow:hidden}.player-visual{display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse at 50% 100%,#174e5a,transparent 70%),#102333;color:#fff;font-size:19px;letter-spacing:-.5px}.player-visual strong{color:#00eb9b}.play-symbol{color:var(--cyan);border:1px solid #00bdb3;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:19px;padding-left:3px}.progress{height:3px;position:absolute;bottom:27px;left:30px;right:30px;background:#3b5361}.progress i{height:100%;width:42%;display:block;background:var(--cyan)}.tools-visual{background:#dce5dd;display:flex;padding:18px;gap:18px}.mini-nav{border-radius:5px;background:#172d3c;width:52px;display:flex;flex-direction:column;padding:10px;align-items:center;gap:12px}.mini-nav b{color:var(--cyan);font-size:20px;line-height:1}.mini-nav i{height:4px;width:19px;background:#49606d;border-radius:2px}.mini-main{flex:1;padding-top:8px}.mini-main>span{font-size:11px;font-weight:600}.mini-cards{display:flex;gap:7px;margin:12px 0}.mini-cards i{flex:1;height:45px;background:#f3f7ef;border:1px solid #b8cebd;border-radius:4px}.mini-cards i:first-child{background:#99c7b6}.mini-row{height:15px;background:#b8cabe;border-radius:3px;margin:9px 0}.mini-row.short{width:75%}.project h3{font-size:25px;letter-spacing:-.8px;margin:0 0 14px}.project p{font-size:14px;color:var(--muted);margin:0 0 14px}.project p.project-detail{font-size:12px;line-height:1.6;min-height:58px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{padding:4px 9px;background:#e9efea;border-radius:4px;font-size:10px;color:#405a51}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:85px;padding-bottom:85px}.about h2{font-size:38px}.accent{color:#009a92}.about-copy p{font-size:14px;color:var(--muted);margin:0 0 18px}.about-copy .about-lead{font-size:21px;line-height:1.5;color:var(--ink)}.principles{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;margin-top:25px}.principles span:before{content:'↗';color:#008e86;margin-right:5px}.contact{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:50px;padding-bottom:50px;border-radius:10px;max-width:1168px}.contact .eyebrow{color:var(--cyan);margin-bottom:15px}.contact h2{font-size:31px}.contact p:last-child{font-size:13px;color:#acbec7;max-width:390px;margin-bottom:0}.email{font-size:23px;letter-spacing:-.6px;border-bottom:1px solid #4c6a75;padding:12px 0;white-space:nowrap}.email span{color:var(--cyan);margin-left:22px}.email:hover{color:var(--cyan)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;align-items:center;padding-top:30px;padding-bottom:30px;font-size:10px;color:var(--muted)}.footer p{margin:0}.footer a{text-decoration:underline;text-underline-offset:3px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:8px}.privacy{max-width:850px;padding-top:60px;padding-bottom:60px}.privacy h1{font-size:42px}.privacy h2{font-size:23px;margin:30px 0 10px}.privacy p{color:var(--muted)}.privacy .button{margin-top:20px}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:110px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.hero{gap:35px}.contact{margin-left:30px;margin-right:30px}.header nav{gap:20px}.email{font-size:20px}.about{gap:40px}.studio-body{padding:23px}.code-art{font-size:70px}.code-art span{font-size:64px}}@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.header{min-height:96px;gap:15px}.brand{font-size:20px}.brand img{width:30px;height:30px}.brand small{font-size:6px;letter-spacing:1.2px}.header nav{gap:15px;font-size:12px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:58px;gap:45px}.hero h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.3px}.lead{font-size:20px}.intro{font-size:14px}.studio{max-width:460px;width:calc(100% - 12px);justify-self:center;transform:rotate(.5deg)}.studio-body{padding:25px}.code-art{margin:0;font-size:65px;line-height:1.4}.code-art span{font-size:62px}.studio-body>p{font-size:29px}.projects-section{padding:44px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.section-heading>p br{display:none}h2{font-size:29px}.projects{grid-template-columns:1fr;gap:20px}.project{padding:21px}.project p.project-detail{min-height:0}.about{grid-template-columns:1fr;padding-top:52px;padding-bottom:52px;gap:28px}.about h2{font-size:33px}.about-copy .about-lead{font-size:20px}.contact{margin-left:16px;margin-right:16px;display:block;padding:32px 24px}.contact h2{font-size:29px}.email{display:inline-block;margin-top:22px;font-size:21px}.footer{display:block;font-size:10px;padding-top:24px;padding-bottom:24px}.footer a,.footer>span{display:block;margin-top:12px}.privacy h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}