@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#111210;--ink:#f5f3ea;--muted:#a6a79e;--line:#34352e;--orange:#ff7942;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid #ffa477;outline-offset:5px}button svg{pointer-events:none}svg{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%}::selection{background:#ff7942;color:#111210}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--bg);padding:12px 18px;z-index:100}.skip-link:focus{top:12px}.page-shell{max-width:1480px;padding:0 48px;margin:auto;position:relative}.ambient{position:absolute;inset:0 0 auto;height:820px;overflow:hidden;pointer-events:none}.ambient-orbit{position:absolute;width:750px;height:750px;left:-570px;top:70px;border-radius:50%;border:1px solid #ff79422b;box-shadow:0 0 0 48px #ff794204,0 0 0 49px #ff794212,0 0 0 135px #ff794203,0 0 0 136px #ff79420b}.ambient-grain{position:absolute;inset:0;background-image:radial-gradient(#fff1 .7px,transparent .7px);background-size:5px 5px;opacity:.13;mask-image:linear-gradient(#000,transparent)}
.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px}.brand img{object-fit:contain;flex:none;background:#fff;border-radius:6px}.brand-dot{font-size:10px;vertical-align:top;margin-left:3px;letter-spacing:0}.header-note{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.header-actions{display:flex;gap:24px;align-items:center;font-size:11px;font-weight:650}.share-button{display:flex;gap:7px;align-items:center;background:none;border:0;padding:8px 0;color:var(--muted)}.share-button svg{width:15px;height:15px}.main-site{display:flex;align-items:center;gap:14px}.main-site span{font-size:20px}.main-site:hover,.share-button:hover{color:var(--orange)}
.hero-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(520px,1.4fr);gap:6%;padding:42px 0 28px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.2px;font-weight:700;margin:3px 0 28px;color:#cccbbf}.signal{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff794216}h1{font-size:clamp(46px,4.3vw,66px);line-height:1.04;letter-spacing:-3px;font-weight:650;margin:0}.hero-word{color:#ffc6a4;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-3.5px}.orange-dot{color:var(--orange)}.intro-copy{font-size:13px;line-height:1.8;color:var(--muted);margin:23px 0 26px;max-width:350px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:14px 20px;font-size:12px;font-weight:750;border:0;border-radius:5px;transition:transform .2s,background .2s}.button span{font-size:21px;font-weight:400;line-height:1}.button-primary{background:var(--orange);color:#1a180f;box-shadow:0 4px 28px #ff794210}.button-primary:hover{background:#ff9867;transform:translateY(-2px)}.brand-art{margin:34px -8px 0;max-width:380px}.stack-sculpture{width:100%;height:170px;overflow:visible;stroke:none}.stack-layer{animation:float 7s ease-in-out infinite;transform-origin:center}.layer-middle{animation-delay:-2.3s}.layer-bottom{animation-delay:-4.6s}.art-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#85877e;padding:15px 12px 0}.art-caption span:last-child{color:#cbbdaa}
.work-topline{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 18px}.work-topline h2{font-size:22px;letter-spacing:-.8px;font-weight:550;margin:0}.work-topline>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.work-count{margin-left:20px;color:#f4f3e8;font-variant-numeric:tabular-nums}.project-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.project-tab{border:1px solid var(--line);border-radius:5px;background:#1a1b17;padding:11px 6px;font-size:11px;font-weight:700;transition:background .2s,border-color .2s;white-space:nowrap}.tab-index{font-size:8px;margin-right:5px;color:#92948a;font-weight:500}.project-tab.active{background:#f4f1e8;color:#191a14;border-color:#f4f1e8}.project-tab.active .tab-index{color:#64665b}.project-tab:hover:not(.active){border-color:#717368;background:#272822}.project-panel{border:1px solid #3c3d33;border-radius:9px;overflow:hidden;background:#1b1c17}.preview-stage{padding:18px 24px 0;background:radial-gradient(ellipse at 55% 30%,#cb785040,#3a3427 78%);position:relative;overflow:hidden;transition:background .3s}.preview-stage[data-theme=rivixa]{background:radial-gradient(ellipse at 55% 30%,#35687070,#243a36 78%)}.preview-stage[data-theme=meetgrid]{background:radial-gradient(ellipse at 55% 30%,#8b70af60,#393045 78%)}.preview-stage[data-theme=chatsaver]{background:radial-gradient(ellipse at 55% 30%,#a3425660,#3a242c 78%)}.preview-label{display:flex;align-items:center;gap:6px;font-size:7px;font-weight:650;letter-spacing:1.4px;margin-bottom:18px;color:#ece3cc}.preview-dot{width:4px;height:4px;background:#f4e3c5;border-radius:50%}.actual-screen{margin-left:auto;color:#d9d1c4;letter-spacing:.8px;font-size:6px}.browser-frame{background:#f1efeb;border:1px solid #ffffff40;border-radius:6px 6px 0 0;box-shadow:0 15px 35px #0007;overflow:hidden;transform:perspective(1300px) rotateX(1deg);transition:transform .45s var(--ease);transform-origin:bottom}.preview-stage:hover .browser-frame{transform:perspective(1300px) rotateX(0) translateY(-2px)}.browser-bar{height:25px;background:#f1efeb;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#53534e;font-size:7px;letter-spacing:.2px}.browser-dots{display:flex;gap:3px;align-items:center}.browser-dots i{width:4px;height:4px;border:1px solid #b3b2ac;border-radius:50%}.browser-bar svg{height:8px;width:8px}.browser-frame>img{width:100%;height:245px;object-fit:cover;object-position:top;background:#f8f5ef;transition:opacity .15s}.project-stamp{position:absolute;bottom:13px;right:15px;display:flex;gap:5px;align-items:center;border:1px solid #fff3;background:#151711e8;color:#f5f3e8;padding:7px 10px;font-size:6px;letter-spacing:.8px;border-radius:3px;box-shadow:0 5px 12px #0003}.project-stamp svg{width:10px;height:10px;color:#e8b38a}.project-detail{padding:18px 24px 20px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-category{font-size:7px;letter-spacing:1.4px;color:#babba9;font-weight:650}.project-heading h3{font-size:26px;letter-spacing:-1px;margin:5px 0 0;font-weight:600}.project-link{display:flex;gap:12px;align-items:center;font-size:10px;color:#e6d7c5}.project-link>span:last-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid #565649;border-radius:50%;font-size:17px;transition:background .2s}.project-link:hover>span:last-child{background:var(--orange);color:var(--bg);border-color:var(--orange)}.project-detail>p{font-size:11px;line-height:1.7;color:#b6b6a8;margin:12px 0 14px;min-height:38px;max-width:580px}.project-tags{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0;margin:0}.project-tags li{font-size:8px;color:#cecebc;padding:5px 8px;border:1px solid #3c3d33;border-radius:3px;background:#21221c}.work-footnote{display:flex;align-items:center;gap:5px;color:#939588;font-size:8px;margin:14px 0 0}.work-footnote>span{color:var(--orange)}.work-footnote a{margin-left:auto;color:#cecebe}.work-footnote a:hover{color:var(--orange)}
.capabilities{display:grid;grid-template-columns:.83fr 1.1fr 1.13fr 1.22fr;gap:20px;border-top:1px solid var(--line);padding:24px 0;align-items:center}.capability-title{display:flex;gap:14px;align-items:center;font-size:8px;line-height:1.8;letter-spacing:1px;color:#8e9084}.capability-title strong{color:#e7e4d5;font-weight:650}.tiny-cross{font-size:35px;color:var(--orange);line-height:1}.capability{display:flex;align-items:center;gap:13px}.cap-icon{width:31px;height:31px;display:grid;place-items:center;color:#cabaaa;font-size:26px;flex:none}.code-icon{font-size:17px;letter-spacing:-1px}.capability h2{font-size:11px;margin:0 0 5px;font-weight:650;letter-spacing:-.1px}.capability p{font-size:9px;color:#96988a;margin:0}
.contact-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;background:#eeeee1;color:#1e2417;border:1px solid #fff4;border-radius:7px;position:relative;overflow:hidden}.contact-band:before{content:'';position:absolute;width:330px;height:330px;border:1px solid #b0b59a4d;border-radius:50%;right:250px;top:-65px;box-shadow:0 0 0 30px #bcc0aa1a,0 0 0 31px #b0b59a26;pointer-events:none}.contact-kicker{font-size:7px;letter-spacing:1.4px;font-weight:800;color:#6a705c}.contact-band h2{font-size:23px;letter-spacing:-.9px;font-weight:650;margin:6px 0 0;position:relative}.contact-band h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.contact-actions{display:flex;align-items:center;gap:25px;position:relative}.contact-button{background:#23291c;color:#f3f3e9;padding:12px 17px;font-size:10px;gap:24px}.contact-button:hover{background:#3d4730;transform:translateY(-2px)}.email-link{font-size:9px;font-weight:700;color:#586047}.email-link:hover{color:#121910}footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;color:#808477;padding:22px 0}footer>div{display:flex;gap:24px;color:#bfc1b2}.footer-separator{padding:0 9px;color:#5c6152}footer a:hover{color:var(--orange)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:40;max-width:calc(100% - 30px);background:#f2eee3;color:#23271b;border:1px solid #fff6;border-radius:6px;padding:12px 20px;box-shadow:0 8px 30px #0004;font-size:12px;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#22241d;color:var(--ink);border:1px solid #656851;border-radius:12px;padding:30px;width:420px;max-width:calc(100vw - 30px)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin:0 0 12px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}dialog label{font-size:11px}dialog input{display:block;background:#141610;color:#eaeada;border:1px solid #5f6450;padding:12px;width:100%;border-radius:4px;margin:8px 0 20px;font-size:13px}.dialog-close{position:absolute;top:8px;right:14px;background:none;border:0;font-size:25px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro,.work{animation:enter .7s var(--ease) both}.work{animation-delay:.12s}.project-panel.changing .browser-frame{animation:enter .35s var(--ease)}
@media(min-width:1600px){.hero-layout{padding-top:58px;padding-bottom:38px}.browser-frame>img{height:285px}.brand-art{margin-top:40px}.stack-sculpture{height:190px}}
@media(max-width:1150px){.page-shell{padding:0 30px}.hero-layout{gap:4%;grid-template-columns:minmax(270px,.75fr) minmax(430px,1.3fr)}.header-note{display:none}h1{font-size:49px}.eyebrow{font-size:8px;letter-spacing:.8px}.art-caption{font-size:6px;letter-spacing:.6px}.contact-actions{gap:15px}.email-link{display:none}.contact-band h2{font-size:22px}.capabilities{gap:10px}.capability{gap:6px}.capability p{font-size:8px}.capability h2{font-size:10px}.browser-frame>img{height:230px}}
@media(max-width:850px){.page-shell{padding:0 24px}.site-header{height:76px}.hero-layout{grid-template-columns:1fr;padding-top:31px;gap:30px}.intro{position:relative}.eyebrow{margin-bottom:18px}h1{font-size:57px;max-width:410px}.intro-copy{font-size:12px;max-width:360px;margin:18px 0 21px}.brand-art{position:absolute;right:-8px;bottom:-1px;width:210px;opacity:.8;pointer-events:none}.stack-sculpture{height:115px}.art-caption{display:none}.work-topline{margin-bottom:14px}.browser-frame>img{height:auto;aspect-ratio:1.75;object-fit:cover}.project-detail{padding:19px 24px}.capabilities{grid-template-columns:repeat(3,1fr);padding:22px 0}.capability-title{display:none}.contact-band{padding:22px}.contact-band h2{font-size:21px;max-width:310px;line-height:1.3}.contact-band h2 span{display:block}.contact-button{font-size:10px;white-space:nowrap}}
@media(max-width:520px){.page-shell{padding:0 19px}.site-header{height:70px}.brand{font-size:22px;gap:7px}.brand img{width:42px;height:42px}.brand-dot{font-size:8px}.header-actions{gap:17px;font-size:10px}.share-button span{display:none}.main-site{gap:7px}.main-site span{font-size:17px}.hero-layout{padding:26px 0 23px;gap:28px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:18px}h1{font-size:49px;letter-spacing:-2.5px;line-height:1.04}.hero-word{letter-spacing:-2.7px}.intro-copy{font-size:11px;line-height:1.8;margin:15px 0 19px;max-width:285px}.brand-art{width:137px;right:-6px;bottom:-8px;opacity:.8}.stack-sculpture{height:90px}.button{font-size:11px;padding:12px 16px;gap:25px}.work-topline h2{font-size:20px}.work-topline>span{font-size:6px;letter-spacing:1px}.work-count{margin-left:10px}.project-tabs{gap:4px;margin-bottom:9px}.project-tab{font-size:9px;padding:11px 3px}.tab-index{font-size:6px;margin-right:3px}.preview-stage{padding:14px 13px 0}.preview-label{font-size:6px;letter-spacing:.7px;margin-bottom:13px}.actual-screen{font-size:5px;letter-spacing:.5px}.browser-bar{height:20px;font-size:6px}.browser-frame>img{aspect-ratio:1.7}.project-stamp{font-size:5px;right:9px;bottom:9px;padding:5px 7px}.project-detail{padding:16px}.project-category{font-size:6px;letter-spacing:1px}.project-heading h3{font-size:24px}.project-link{font-size:9px;gap:8px}.project-link>span:last-child{width:27px;height:27px}.project-detail>p{font-size:10px;line-height:1.8;margin:10px 0 12px;min-height:54px}.project-tags{gap:4px}.project-tags li{font-size:6.5px;padding:5px 6px}.work-footnote{font-size:6.5px;margin-top:11px;gap:3px}.capabilities{gap:11px;padding:19px 0;align-items:start}.capability{display:block}.cap-icon{height:24px;width:24px;place-items:start;font-size:23px;margin-bottom:7px}.code-icon{font-size:15px;padding-top:4px}.capability h2{font-size:8px;line-height:1.5;margin-bottom:4px}.capability p{font-size:7px;line-height:1.65}.contact-band{display:block;padding:18px 20px}.contact-kicker{font-size:6px}.contact-band h2{font-size:22px;line-height:1.3;max-width:none;margin:5px 0 17px}.contact-band h2 span{display:inline}.contact-actions{justify-content:space-between;gap:12px}.contact-button{font-size:9px;padding:11px 13px;gap:20px}.email-link{display:block;font-size:8px}.contact-band:before{right:-175px;top:-105px}footer{padding:18px 0;font-size:6px;align-items:start}footer>span{max-width:180px;line-height:1.8}footer>div{gap:12px;white-space:nowrap}.footer-separator{padding:0 4px}}
@media(max-width:360px){.page-shell{padding:0 14px}h1{font-size:44px}.brand-art{width:110px}.project-tab{font-size:8px}.email-link{font-size:7px}.contact-button{gap:10px}.project-tags li{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.browser-frame{transform:none}}

@media(min-width:851px){.site-header{height:78px}.hero-layout{padding-top:30px;padding-bottom:22px}.browser-frame>img{height:215px}.project-detail>p{min-height:0}.brand-art{margin-top:24px}.capabilities{padding:20px 0}.contact-band{padding-top:20px;padding-bottom:20px}footer{padding-top:18px;padding-bottom:18px}}
@media(min-width:1600px){.hero-layout{padding-top:40px}.browser-frame>img{height:245px}}
