:root{--paper:#F5F3ED;--white:#FCFBF8;--ink:#1E2227;--ink2:#30343A;--cobalt:#4B56F7;--lime:#D6F36A;--muted:#6B7074;--line:#DCDDD5;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}img{display:block;max-width:100%}.shell{max-width:1240px;width:calc(100% - 88px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:99;background:var(--lime);color:var(--ink);padding:14px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);background:rgba(245,243,237,.96)}.navigation{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:20px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:0}.brand img{width:42px;height:42px}.brand-letters{display:flex;flex-direction:column;line-height:1;gap:6px}.brand-letters strong{font-size:20px;letter-spacing:-.06em}.brand-letters small{font-size:9px;font-weight:700;letter-spacing:.4em;color:var(--cobalt)}.nav-actions{display:flex;align-items:center;gap:38px}.nav-anchor{font-size:13px;font-weight:700}.nav-anchor:hover,.footer-links a:hover{color:var(--cobalt)}.nav-num{font:600 10px/1 Arial,sans-serif;color:var(--muted);background:#e9e9e4;padding:4px 6px;margin-left:4px}.nav-portfolio{font-size:13px;font-weight:700;padding:12px 16px;border:1px solid #B5B9BD;border-radius:7px;transition:background .2s}.nav-portfolio:hover{background:var(--lime);border-color:var(--lime)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);min-height:665px;padding-block:62px;gap:4%;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.micro-intro,.eyebrow,.display-top,.display-foot,.hero-baseline,.visual-head,.card-status,.card-bottom,.about-side,.footer-brand small,.results-meta,.work-footnote{font-size:10px;letter-spacing:.14em;font-weight:700}.micro-intro{display:flex;align-items:center;gap:11px}.live-dot{width:8px;height:8px;background:var(--cobalt);border-radius:50%;box-shadow:0 0 0 4px #4b56f71b}.muted-slash{color:#a2a5a4}.hero h1{font-size:clamp(58px,6.9vw,114px);line-height:.97;letter-spacing:-.092em;font-weight:700;margin:34px 0 34px}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.083em;white-space:nowrap}.hero h1 em span{color:var(--cobalt)}.hero-blurb{font-size:18px;line-height:1.65;color:#50565a;max-width:490px;margin:0 0 28px}.hero-link{width:max-content;min-height:51px;padding:6px 7px 6px 19px;display:inline-flex;align-items:center;gap:29px;background:var(--ink);color:white;border-radius:99px;font-size:13px;font-weight:700;transition:transform .2s}.hero-link:hover{transform:translateY(-2px)}.circle-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:19px}.hero-baseline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#7a7e80;margin-top:auto;padding-top:21px;gap:18px}.hero-display{position:relative;background:var(--cobalt);color:#f5f3ed;border-radius:6px;overflow:hidden;min-height:520px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:22px 24px}.display-top,.display-foot{display:flex;align-items:center;justify-content:space-between}.hero-display svg{width:min(100%,460px);max-height:420px;align-self:center;filter:drop-shadow(4px 15px 0 #3d47d7)}.display-foot{align-items:end}.display-corner{font-size:28px;line-height:1}.hero-display:after{content:'';width:430px;height:430px;border:1px solid #ffffff28;border-radius:50%;position:absolute;top:28px;right:-250px;pointer-events:none}
.work-section{background:var(--white);border-top:1px solid var(--line);padding:94px 0 100px}.work-header{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.eyebrow{color:var(--cobalt);margin:0 0 18px}.work-header h2{font-size:clamp(41px,5vw,70px);letter-spacing:-.073em;line-height:1.06;margin:0}.work-header h2 em{font-family:var(--serif);font-weight:400}.work-deck{max-width:310px;color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 4px}.discovery{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.search-control{flex:1 1 340px;max-width:460px;min-height:52px;display:flex;gap:13px;align-items:center;background:var(--paper);border:1px solid #D5D7D0;padding:0 14px 0 17px;border-radius:8px;transition:border-color .2s}.search-control:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 3px #4b56f71c}.search-control input{width:100%;min-width:0;outline:none!important;background:transparent;border:0;font-size:14px;color:var(--ink);height:48px}.search-control input::-webkit-search-cancel-button{cursor:pointer}.search-control input::placeholder{color:#898E90}.keycap{width:21px;height:23px;flex:0 0 21px;display:grid;place-items:center;background:#E2E2DC;border-radius:4px;font-size:12px;color:#74797e}.filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter{border:1px solid #D7D7D0;background:transparent;color:#545A5F;min-height:39px;padding:0 15px;border-radius:100px;font-size:12px;white-space:nowrap}.filter:hover,.filter:focus-visible{border-color:var(--cobalt)}.filter.is-active{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:700}.filter span{margin-left:4px}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:20px 0;color:#71767a}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{min-width:0}.project-card[hidden]{display:none!important}.project-visual{height:345px;position:relative;overflow:hidden;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:transform .24s}.project-visual:hover{transform:translateY(-4px)}.visual-style{background:#DCE7DD;color:#12251e}.visual-wallet{background:#DDE2FA;color:#16285d}.visual-head{position:absolute;top:19px;left:22px;right:22px;display:flex;justify-content:space-between;color:inherit;opacity:.7;font-size:9px}.style-stage,.wallet-stage{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;text-align:center}.style-stage:before{content:'';position:absolute;width:246px;height:246px;left:50%;top:40%;transform:translate(-50%,-50%);background:#f6fff363;filter:blur(36px);border-radius:50%;z-index:-1}.style-stage img,.wallet-stage img{width:120px;height:120px;margin-bottom:17px;filter:drop-shadow(0 14px 25px #00000013)}.style-stage>span{font:normal 33px/1 var(--serif);letter-spacing:-.05em}.style-stage small,.wallet-stage small{font-size:9px;letter-spacing:.15em;margin-top:9px;font-weight:700}.wallet-stage>span{font-weight:800;font-size:30px;letter-spacing:-.065em}.wallet-circles{position:absolute;width:265px;height:265px;border:1px solid #32499548;border-radius:50%;transform:rotate(-20deg);z-index:-1;top:-33px}.wallet-circles:after{content:'';position:absolute;border:1px solid #32499548;width:265px;height:118px;border-radius:50%;left:-1px;top:73px}.visual-open{position:absolute;bottom:17px;right:17px;width:37px;height:37px;display:grid;place-items:center;background:#ffffffdb;border-radius:50%;font-size:19px;color:var(--ink)}.card-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:23px;color:#85888b}.live-status,.build-status{display:flex;align-items:center;gap:8px;font-size:10px}.live-status i,.build-status i{width:7px;height:7px;background:#6AAB5D;border-radius:50%}.build-status i{background:var(--cobalt)}.card-details h3{font-size:33px;line-height:1.2;letter-spacing:-.06em;margin:15px 0 12px}.card-details p{font-size:15px;line-height:1.7;color:#666b70;max-width:540px;margin:0 0 30px;min-height:77px}.card-bottom{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:#777D82}.card-bottom a{font-size:12px;letter-spacing:0;font-weight:700;color:var(--ink);white-space:nowrap}.card-bottom a:hover{color:var(--cobalt)}.empty-state[hidden]{display:none}.empty-state{text-align:center;padding:48px 12px;border:1px dashed #c8ccc6;border-radius:8px;margin-bottom:26px}.empty-shape{display:block;font-size:54px;color:var(--cobalt)}.empty-state h3{font-size:26px;letter-spacing:-.04em;margin:6px 0}.empty-state p{color:var(--muted)}.empty-state button{background:var(--ink);color:white;border:0;border-radius:60px;padding:14px 20px;font-size:13px;font-weight:700}.work-footnote{font-size:10px;font-weight:400;letter-spacing:.03em;color:#9C9FA0;margin:36px 0 0}
.about-section{background:var(--ink);color:var(--white);overflow:hidden}.about-grid{padding:105px 0 128px;display:grid;grid-template-columns:32% 1fr;position:relative;gap:35px}.about-side{color:var(--lime);display:flex;align-items:flex-start;gap:19px}.mini-spark{font-size:27px;line-height:13px}.about-main{max-width:760px;position:relative;z-index:1}.about-main h2{font-size:clamp(45px,5.4vw,83px);line-height:1.13;font-weight:500;letter-spacing:-.075em;margin:0 0 30px}.about-main h2 em{color:var(--lime);font:normal italic 1em var(--serif);letter-spacing:-.07em}.about-main p{font-size:17px;line-height:1.7;color:#B5B9BF;max-width:540px;margin:0 0 30px}.about-action{display:inline-flex;align-items:center;gap:21px;font-weight:700;font-size:13px;border-bottom:1px solid var(--lime);color:var(--lime);padding-bottom:13px}.about-action:hover{color:white}.about-corner{position:absolute;right:-43px;bottom:-63px;font-size:210px;line-height:1;letter-spacing:-.17em;font-weight:900;color:#30373E;user-select:none}.site-footer{background:#12161B;color:#DBDDE0}.footer-grid{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;gap:11px;align-items:center}.footer-brand img{width:38px;height:38px}.footer-brand div{display:flex;flex-direction:column;gap:4px}.footer-brand strong{font-size:12px}.footer-brand small{font-size:9px;color:#959BA1;letter-spacing:.07em}.footer-links{display:flex;align-items:center;gap:25px}.footer-links a{font-size:12px}.copyright{font-size:11px;color:#999EA4}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:22px;min-height:570px}.hero h1{font-size:clamp(55px,8vw,88px)}.hero-display{min-height:490px}.filters{width:100%}.search-control{max-width:none}.hero-baseline{font-size:9px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.navigation{min-height:75px}.brand img{width:38px;height:38px}.brand-letters strong{font-size:18px}.nav-actions{gap:12px}.nav-anchor{display:none}.nav-portfolio{font-size:12px;padding:10px 13px}.hero{grid-template-columns:1fr;gap:35px;padding-top:52px;padding-bottom:48px;min-height:0}.hero-copy{min-height:480px}.hero h1{font-size:clamp(58px,12.6vw,86px);margin:35px 0 25px}.hero-blurb{font-size:16px;max-width:420px}.hero-baseline{margin-top:46px}.hero-display{min-height:360px;max-height:410px;padding:18px}.hero-display svg{max-width:325px;height:300px}.work-section{padding:70px 0 80px}.work-header{display:block;margin-bottom:30px}.work-header h2{font-size:clamp(43px,9vw,63px)}.work-deck{max-width:490px;margin:18px 0 0}.discovery{gap:15px}.search-control{flex-basis:100%}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.filter{flex:0 0 auto}.project-grid{grid-template-columns:1fr;gap:55px}.project-visual{height:320px}.card-details p{min-height:0}.results-meta{font-size:9px}.index-tag{display:none}.about-grid{display:block;padding:78px 0 97px}.about-side{margin-bottom:55px}.about-main h2{font-size:clamp(43px,8vw,66px)}.about-corner{font-size:130px;right:0}.footer-grid{padding:29px 0;flex-wrap:wrap;gap:22px}.footer-links{order:3;width:100%;justify-content:space-between}}
@media(max-width:375px){.shell{width:calc(100% - 28px)}.hero h1{font-size:clamp(54px,12.5vw,66px)}.hero-copy{min-height:444px}.micro-intro{font-size:9px;letter-spacing:.09em;gap:8px}.hero-display{min-height:326px}.hero-display svg{max-width:270px;height:253px}.hero-baseline span:last-child{display:none}.work-header h2{font-size:44px}.project-visual{height:278px}.style-stage img,.wallet-stage img{width:100px;height:100px}.card-details h3{font-size:29px}.card-bottom{font-size:9px}.card-bottom a{font-size:11px}.about-main h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-link,.project-visual{transition:none}}