:root{--bg:#0b0c10;--panel:#111319;--line:rgba(255,255,255,.11);--text:#f2f1ed;--muted:#9a9da8;--lime:#c7ff6b;--purple:#a994ff;--cyan:#7ce8e3;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:50%;z-index:-1}.ambient-one{width:400px;height:400px;background:#7160e8;top:80px;left:30%}.ambient-two{width:340px;height:340px;background:#a1df58;top:1000px;right:-100px;opacity:.055}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.14em}.mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#12150c;border-radius:10px;font-size:21px;letter-spacing:-.1em}.topbar nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#c5c6cd}.topbar nav a{transition:color .2s}.topbar nav a:hover{color:var(--lime)}.nav-contact{border:1px solid var(--line);padding:11px 15px;border-radius:99px}.nav-contact span{color:var(--lime);margin-left:7px}
.hero{padding:105px 0 62px}.eyebrow,.kicker,.hero-meta,.project-index,.stack-label,.map-label,.traffic-chip,.window-top,.window-bottom,.contact-side small,.footer>span,.footer>a:last-child{font-family:var(--mono);font-size:10px;letter-spacing:.12em}.eyebrow{color:#b9bbc4;display:flex;align-items:center;gap:10px}.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c7ff6b88}.hero h1{font-size:clamp(54px,8.3vw,108px);line-height:.99;letter-spacing:-.085em;font-weight:600;margin:31px 0 35px;max-width:1000px}.gradient-text{background:linear-gradient(100deg,#d2ff8b 5%,#b7f4bd 45%,#a89bff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-copy{font-size:16px;line-height:1.8;color:#aeb0ba;max-width:440px;margin:0}.round-link{display:flex;align-items:center;gap:16px;font-size:12px;color:#e6e6e9}.arrow-circle{width:38px;height:38px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:17px;transition:transform .25s,border-color .25s}.round-link:hover .arrow-circle{transform:translateY(4px);border-color:var(--lime)}.hero-meta{display:flex;justify-content:space-between;color:#626571;border-top:1px solid var(--line);margin-top:87px;padding-top:18px}.spark{color:var(--lime);font-size:14px;margin-left:4px}
.work-section{padding:70px 0 120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:37px}.kicker{color:var(--lime)}h2{font-size:clamp(36px,5vw,57px);line-height:1.07;letter-spacing:-.07em;font-weight:600;margin:18px 0 0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:245px;margin:0 0 5px}.mobile-break{display:none}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .3s,border-color .3s}.project-card:hover{transform:translateY(-5px);border-color:#ffffff35}.card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0}.project-index{color:#747783;font-size:9px}.open-indicator{font-size:16px;color:#bfc0c8}.project-art{height:245px;margin:14px 12px 0;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.traffic-art{background:#111c20}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#87d9cc14 1px,transparent 1px),linear-gradient(90deg,#87d9cc14 1px,transparent 1px);background-size:27px 27px;transform:rotate(-9deg) scale(1.3)}.road{position:absolute;background:#283d3e;border:1px solid #52716a;box-shadow:0 0 0 5px #17292b}.road-a{width:140%;height:32px;transform:rotate(-30deg)}.road-b{width:140%;height:22px;transform:rotate(42deg)}.map-pin{position:absolute;color:#c7ff6b;text-shadow:0 0 18px #c7ff6b;font-size:17px}.pin-one{top:28%;left:30%}.pin-two{top:56%;right:26%;color:#83e7df}.pin-three{bottom:24%;left:47%;color:#c7ff6b}.map-label{position:absolute;top:20px;left:17px;color:#e3eee9;font-size:9px}.map-label span{color:#80918e}.traffic-chip{position:absolute;bottom:17px;right:15px;background:#1e3030;border:1px solid #47635b;padding:9px 11px;border-radius:6px;font-size:8px;color:#d7e7df;display:flex;align-items:center;gap:7px}.live-dot{width:5px;height:5px}.huggled-art{background:radial-gradient(ellipse at center,#4b3456 0%,#221d30 48%,#15141e 100%)}.orbit{position:absolute;border:1px solid #e0c0ff30;border-radius:50%;width:210px;height:210px}.orbit-one{transform:rotate(35deg) scaleX(.7)}.orbit-two{transform:rotate(-35deg) scaleX(.7)}.huggled-core{width:88px;height:88px;border-radius:28px;background:linear-gradient(145deg,#f2b8cb,#b39bff);display:grid;place-items:center;color:#35233e;font-size:48px;font-weight:800;letter-spacing:-.12em;box-shadow:0 0 50px #bda2ff4a;z-index:2}.huggled-core span{color:#fff0f4}.memory-card{position:absolute;z-index:3;background:#f4e8ed;color:#4a3447;border-radius:7px;padding:10px 11px;box-shadow:0 10px 25px #0004;display:flex;flex-direction:column;gap:5px;transform:rotate(-9deg)}.memory-card span{font-size:21px;color:#ba769d}.memory-card small{font-family:var(--mono);font-size:6px;letter-spacing:.04em}.memory-one{top:27px;left:19px}.memory-two{right:16px;top:64px;transform:rotate(9deg);background:#dfd6ff}.memory-three{bottom:22px;left:25%;transform:rotate(5deg);background:#e2edce}.shopiq-art{background:radial-gradient(ellipse at 60% 50%,#284439,#141e1b 72%)}.shop-window{width:88%;background:#101815;border:1px solid #4b6955;border-radius:9px;box-shadow:0 15px 40px #0005;z-index:1;transform:rotate(-3deg);overflow:hidden}.window-top{height:28px;border-bottom:1px solid #34483b;display:flex;align-items:center;gap:4px;padding:0 10px;color:#758c79;font-size:6px}.window-top>span{width:5px;height:5px;background:#71866d;border-radius:50%}.window-top b{margin-left:8px;font-weight:400}.product-row{display:flex;align-items:center;gap:10px;padding:13px 11px;border-bottom:1px solid #2a3a30}.product-visual{width:42px;height:43px;flex-shrink:0;border-radius:6px;background:linear-gradient(145deg,#e1e9dc,#748c77);position:relative}.phone:before{content:"";position:absolute;inset:5px 12px;border-radius:4px;background:#202c27;border:1px solid #b4c9b4}.headphones{background:linear-gradient(145deg,#a8c4b0,#3e6650)}.headphones:before{content:"";position:absolute;width:17px;height:20px;left:12px;top:6px;border:3px solid #263c2d;border-bottom:0;border-radius:13px 13px 0 0}.headphones:after{content:"";position:absolute;width:5px;height:10px;left:9px;top:19px;background:#263c2d;border-radius:3px;box-shadow:15px 0 #263c2d}.product-copy{display:flex;flex-direction:column;gap:4px;flex:1}.product-copy b{font-size:9px;color:#e0eee1}.product-copy small{font-size:7px;color:#8ba08d}.mini-bars{display:flex;gap:3px;margin-top:2px}.mini-bars i{height:3px;width:23px;border-radius:3px;background:#4c7354}.mini-bars i:first-child{background:#c7ff6b}.product-row strong{font-size:13px;color:#c7ff6b}.product-row strong span{font-size:8px}.window-bottom{display:flex;justify-content:space-between;padding:10px;color:#879b87;font-size:6px}.sparkle{position:absolute;color:#d7ff9d;font-size:22px}.sparkle-a{right:14px;top:30px}.sparkle-b{bottom:24px;left:15px;color:#9be7c5}
.project-info{padding:20px 18px 17px}.title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.title-line h3{font-size:22px;letter-spacing:-.06em;margin:0;font-weight:600}.tag{font-family:var(--mono);font-size:7px;letter-spacing:.08em;border:1px solid var(--line);border-radius:4px;padding:6px 7px;color:#a6a8b0;white-space:nowrap}.project-info>p{font-size:11px;line-height:1.85;color:#9da0aa;min-height:81px;margin:13px 0 19px}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px}.stack-label{font-size:7px;color:#70737e;letter-spacing:.04em}.card-foot>a{font-size:10px;white-space:nowrap}.card-foot>a span{color:var(--lime);margin-left:4px}.work-note{display:flex;align-items:center;gap:14px;margin-top:28px;color:#868994;font-size:11px}.work-note p{margin:0}.note-star{font-size:20px;color:var(--lime)}.note-line{height:1px;background:var(--line);flex:1}
.about-section{background:#101116;border-block:1px solid var(--line);padding:90px 0}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-section h2{font-size:clamp(42px,5.5vw,65px)}.muted{color:#777b87}.about-copy{padding-top:15px}.about-lead{font-size:21px;line-height:1.55;letter-spacing:-.04em;color:#e6e6e8;margin:0 0 19px}.about-copy>p:not(.about-lead){font-size:12px;line-height:1.9;color:#999ca6;max-width:450px}.principles{display:grid;grid-template-columns:1fr;gap:0;margin-top:28px;border-top:1px solid var(--line)}.principles>div{display:flex;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.principles span{font-family:var(--mono);font-size:9px;color:var(--lime)}.principles b{font-weight:500}
.contact-section{padding:110px 0 100px}.contact-layout{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.contact-layout h2{font-size:clamp(45px,7vw,82px);margin-top:24px}.contact-side{width:290px;padding-bottom:7px}.contact-side p{font-size:13px;line-height:1.8;color:#a1a4ae;margin:0 0 20px}.contact-button{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#14170f;padding:16px 18px;border-radius:7px;font-size:12px;font-weight:800;transition:transform .2s}.contact-button:hover{transform:translateY(-3px)}.contact-button span{font-size:18px}.contact-side small{display:block;color:#676a74;font-size:8px;margin-top:14px}
.footer{border-top:1px solid var(--line);height:86px;display:flex;align-items:center;justify-content:space-between}.footer>span,.footer>a:last-child{color:#777a85;font-size:8px}.footer>a:last-child:hover{color:var(--lime)}
@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:1/-1}.project-card:last-child .project-art{height:280px}.project-info>p{min-height:64px}.about-layout{gap:40px}.project-art{height:225px}}
@media(max-width:620px){.wrap{width:calc(100% - 38px)}.topbar{height:72px}.topbar nav{gap:14px}.topbar nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 12px}.hero{padding:83px 0 48px}.eyebrow{font-size:8px}.hero h1{font-size:clamp(48px,13vw,74px);margin:28px 0 25px}.hero-bottom{display:block}.hero-copy{font-size:14px;max-width:360px}.round-link{margin-top:25px;justify-content:space-between;max-width:190px}.hero-meta{margin-top:58px;gap:15px;font-size:7px;line-height:1.6}.hero-meta span:nth-child(2){display:none}.work-section{padding:54px 0 76px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:15px;max-width:300px}.mobile-break{display:block}.project-grid{grid-template-columns:1fr;gap:13px}.project-card:last-child{grid-column:auto}.project-card:last-child .project-art,.project-art{height:240px}.project-info>p{min-height:0;margin-bottom:18px}.project-info{padding:19px 16px 16px}.title-line h3{font-size:23px}.tag{font-size:7px}.card-foot{padding-top:13px}.work-note{align-items:flex-start;line-height:1.7}.note-line{align-self:center}.about-section{padding:68px 0}.about-layout{grid-template-columns:1fr;gap:25px}.about-section h2{font-size:50px}.about-copy{padding-top:0}.about-lead{font-size:19px}.contact-section{padding:76px 0 70px}.contact-layout{display:block}.contact-layout h2{font-size:clamp(47px,12vw,68px);margin-bottom:28px}.contact-side{width:100%;max-width:340px}.footer{height:auto;min-height:100px;gap:14px;flex-wrap:wrap;padding:22px 0}.footer>span{order:3;width:100%}.footer>a:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Additional profile links */
.profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1rem;
  margin-top: 1.25rem;
}
.profile-links a {
  color: var(--text, #f4f4f5);
  font-size: 0.88rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.28);
  padding-bottom: 0.2rem;
  transition: opacity .2s ease;
}
.profile-links a:hover { opacity: .72; }