@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#1d0b0c;--red:#e33d31;--soft:#f7f1ee;--muted:#887877;--line:#e7d7d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif}.shell{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.nav{justify-content:space-between;align-items:center;height:86px;display:flex}.brand{color:var(--ink);letter-spacing:-.06em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--red);color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:15px;display:grid;transform:rotate(-7deg)}.dot{color:var(--red)}.nav-links{align-items:center;gap:34px;font-size:13px;display:flex}.nav-links a{color:var(--ink);text-decoration:none}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:11px 16px}.nav-cta span,.text-link span,.button span{color:var(--red);margin-left:9px}.hero{justify-content:space-between;align-items:center;min-height:610px;display:flex;position:relative}.hero-copy{z-index:1;padding:80px 0 100px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 25px;font:11px DM Mono,monospace}.pulse{background:#49b96b;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #dfeee1}.hero h1{letter-spacing:-.075em;max-width:740px;margin:0;font-size:clamp(45px,6vw,78px);line-height:1.05}.hero h1 em,.section-heading em,.about-copy em,.contact em{color:var(--red);font-style:normal}.intro{color:var(--muted);max-width:430px;margin:30px 0;line-height:1.7}.hero-actions{align-items:center;gap:28px;display:flex}.button{border-radius:30px;padding:16px 22px;font-size:13px;font-weight:700;text-decoration:none}.primary{background:var(--red);color:#fff;box-shadow:0 10px 25px #d9433733}.text-link{color:var(--ink);font-size:13px;text-decoration:none}.hero-orb{background:var(--red);border-radius:50%;width:350px;height:350px;animation:5s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:25px 25px #f0d6d0}.orb-grid{opacity:.45;background-color:#0000;background-image:linear-gradient(90deg,#fff2 1px,#0000 1px),linear-gradient(#fff2 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-30px;transform:rotate(20deg)}.orbit{border:1px solid #fff9;border-radius:50%;width:170%;height:50%;position:absolute;top:24%;left:-35%;transform:rotate(-27deg)}.orbit-two{top:28%;transform:rotate(35deg)}.orb-core{color:#fff;text-shadow:0 0 30px #fff;place-items:center;font-size:65px;display:grid;position:absolute;inset:0}.orb-label{color:#fff;text-transform:uppercase;font:10px/1.5 DM Mono;position:absolute;bottom:48px;left:47px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:var(--red);letter-spacing:.24em;padding:18px 0;font:12px DM Mono;overflow:hidden}.ticker-track{animation:22s linear infinite marquee}.work{padding-top:120px;padding-bottom:120px}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:48px;display:flex}.section-heading h2,.about h2,.contact h2{letter-spacing:-.07em;margin:0;font-size:clamp(36px,5vw,61px);line-height:1.05}.section-number{color:var(--muted);font:12px DM Mono}.project-card{background:#fff;border-radius:20px;grid-template-columns:1.2fr 1fr;min-height:470px;display:grid;overflow:hidden;box-shadow:0 20px 50px #5b20100c}.project-visual{color:#fff;background:#9f251f;padding:28px;position:relative;overflow:hidden}.project-visual:after{content:"";border:1px solid #ffffff45;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-160px;right:-150px;box-shadow:0 0 0 38px #ffffff0b,0 0 0 75px #ffffff0b}.visual-top{z-index:1;justify-content:space-between;font:10px DM Mono;display:flex;position:relative}.mini-logo{font-family:Manrope;font-size:16px;font-weight:800}.mini-logo span{opacity:.7;margin-left:3px;font-weight:400}.visual-menu{letter-spacing:3px}.visual-title{letter-spacing:-.07em;font-size:43px;line-height:1.02;position:absolute;top:145px;left:44px}.visual-title strong{color:#ffb09c}.visual-dashboard{color:#491614;background:#f8e9e2;border-radius:13px;width:250px;height:155px;padding:19px;position:absolute;bottom:35px;right:42px;transform:rotate(-7deg);box-shadow:12px 16px #6c161344}.dash-line{background:#dba29a;border-radius:5px;width:60%;height:6px;margin:8px 0}.dash-line.long{background:#8b3029;width:85%}.dash-bars{border-bottom:1px solid #d8b9b0;align-items:end;gap:7px;height:70px;margin-top:8px;display:flex}.dash-bars i{background:#e33d31;border-radius:5px 5px 0 0;width:23px;display:block}.dash-bars i:first-child{height:30%}.dash-bars i:nth-child(2){height:60%}.dash-bars i:nth-child(3){height:45%}.dash-bars i:nth-child(4){height:85%}.dash-bars i:nth-child(5){height:65%}.floating-tag{opacity:.7;font:10px DM Mono;position:absolute;bottom:29px;left:35px}.project-info{flex-direction:column;justify-content:space-between;padding:47px 42px;display:flex}.project-index{color:var(--muted);margin:0 0 42px;font:11px DM Mono}.project-index span{color:var(--red);margin-left:6px}.project-info h3{letter-spacing:-.06em;margin:0 0 19px;font-size:32px}.project-desc{color:var(--muted);max-width:310px;font-size:14px;line-height:1.7}.project-meta{border-top:1px solid var(--line);gap:25px;padding-top:22px;display:flex;position:relative}.project-meta div{flex-direction:column;gap:7px;display:flex}.project-meta span{color:var(--muted);font:10px DM Mono}.project-meta strong{font-size:11px}.round-arrow{border:1px solid var(--line);width:43px;height:43px;color:var(--red);border-radius:50%;place-items:center;margin-left:auto;text-decoration:none;display:grid}.about{border-top:1px solid var(--line);grid-template-columns:250px 1fr;gap:100px;padding-top:120px;padding-bottom:140px;display:grid}.avatar-wrap{position:relative}.avatar{object-fit:cover;filter:grayscale();border:6px solid #fff;border-radius:50%;width:160px;height:160px}.avatar-badge{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;display:grid;position:absolute;bottom:4px;right:48px}.about-copy{max-width:650px}.about-copy p:not(.eyebrow){color:var(--muted);max-width:500px;margin:30px 0;font-size:16px;line-height:1.8}.skills{flex-wrap:wrap;gap:8px;display:flex}.skills span{border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:10px 14px;font:11px DM Mono}.contact{background:var(--ink);color:#fff;justify-content:space-between;align-items:end;max-width:none;padding:100px max(32px,50vw - 558px);display:flex}.contact .eyebrow{color:#aa9693}.contact-link{color:#fff;border-bottom:1px solid #715657;padding-bottom:14px;font-size:20px;text-decoration:none}.contact-link span{color:#ff8375;margin-left:25px}.footer{height:92px;color:var(--muted);justify-content:space-between;align-items:center;font:10px DM Mono;display:flex}.footer a{color:var(--ink);text-decoration:none}.footer b{color:var(--red);font-size:14px}@keyframes float{50%{transform:translateY(-14px)rotate(2deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:760px){.shell{padding-left:20px;padding-right:20px}.nav{height:72px}.nav-links>a:not(.nav-cta){display:none}.hero{min-height:auto;display:block}.hero-copy{padding:75px 0 45px}.hero h1{font-size:48px}.intro{font-size:14px}.hero-orb{width:260px;height:260px;margin:25px auto 80px}.work{padding-top:80px;padding-bottom:80px}.section-heading{margin-bottom:30px}.project-card{display:block}.project-visual{height:390px}.visual-title{font-size:34px;top:110px;left:27px}.visual-dashboard{bottom:24px;right:25px}.project-info{padding:32px 25px}.project-index{margin-bottom:30px}.project-meta{flex-wrap:wrap;gap:14px}.project-meta strong{font-size:10px}.about{padding-top:80px;padding-bottom:90px;display:block}.avatar-wrap{margin-bottom:45px}.contact{padding-top:75px;padding-bottom:75px;display:block}.contact-link{margin-top:45px;font-size:16px;display:inline-block}.footer{gap:18px;font-size:9px}.footer span:nth-child(2){display:none}}.case-study{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:85px;padding:100px 0 70px;display:grid}.case-intro h3{letter-spacing:-.065em;margin:0 0 26px;font-size:clamp(30px,4vw,47px);line-height:1.08}.case-intro h3 em{color:var(--red);font-style:normal}.case-intro>p:last-child{color:var(--muted);max-width:430px;font-size:14px;line-height:1.8}.case-features{grid-template-columns:1fr 1fr;gap:35px 25px;display:grid}.case-features div{border-top:1px solid var(--line);padding-top:15px}.case-features span{color:var(--red);font:10px DM Mono}.case-features h4{margin:17px 0 10px;font-size:15px}.case-features p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.case-stack{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:27px 0 0;font:10px DM Mono;display:flex}.case-stack strong{color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:9px 12px;font-weight:400}.case-stack span:not(:first-child){margin-left:20px}@media (max-width:760px){.case-study{padding:75px 0 50px;display:block}.case-features{grid-template-columns:1fr;gap:28px;margin-top:55px}.case-stack{line-height:1.8}.case-stack span:not(:first-child){width:100%;margin-top:14px;margin-left:0}}