:root{--bg:#0f172a;--panel:#111c2f;--panel2:#162238;--paper:#f4f0e8;--white:#fff;--muted:#9eabba;--line:#ffffff1f;--cyan:#38bdf8;--violet:#7667ff;--orange:#ff7252;--green:#5ee6a8;--sidebar:280px;color:var(--white);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.site-shell{background:var(--bg);min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:30;background:#0b1322;flex-direction:column;padding:30px 28px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{flex-direction:column;gap:26px;display:flex}.logo-mark{color:#fff;letter-spacing:-.04em;background:0 0;border:1px solid #ffffff40;width:44px;height:44px;font-size:12px;font-weight:900}.identity .eyebrow,.section-kicker,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#778496;font-size:9px;font-weight:900;display:block}.identity h1{letter-spacing:-.065em;margin:10px 0 12px;font-size:34px;line-height:.84}.identity p{color:#a8b2bf;margin:0;font-size:13px;line-height:1.55}.side-nav{flex-direction:column;gap:3px;margin-top:52px;display:flex}.side-nav button{text-align:left;color:#758293;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;padding:10px 0;font-size:11px;font-weight:900;position:relative}.side-nav button.active,.side-nav button:hover{color:#fff}.side-nav button.active:before{content:"";background:var(--cyan);width:16px;height:1px;position:absolute;top:50%;left:-28px}.sidebar-bottom{margin-top:auto}.availability{border:1px solid var(--line);letter-spacing:.12em;color:#b2bdca;align-items:center;gap:8px;padding:7px 9px;font-size:8px;font-weight:900;display:inline-flex}.availability i{background:var(--green);border-radius:50%;width:6px;height:6px;display:block}.side-socials{flex-wrap:wrap;gap:11px;margin-top:18px;display:flex}.side-socials a{color:#718093;font-size:9px}.side-socials a:hover{color:#fff}.side-mail{border-top:1px solid var(--line);color:#9ca9b8;word-break:break-all;margin-top:20px;padding-top:18px;font-size:9px;line-height:1.5;display:block}.main{margin-left:var(--sidebar);min-width:0}.mobile-header,.mobile-menu{display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:.95fr 1.05fr;align-items:center;gap:5vw;min-height:760px;padding:72px 6vw 68px;display:grid;overflow:hidden}.hero-copy{max-width:660px}.accent{color:var(--cyan)}.hero h2{letter-spacing:-.075em;margin:22px 0 25px;font-size:clamp(62px,7.2vw,116px);font-weight:950;line-height:.86}.hero h2 em,.section-head h2 em,.proof-panel h2 em,.about-intro h2 em,.contact-section h2 em,.lab-section h2 em{color:#0000;-webkit-text-stroke:1px #dce4ee;font-style:normal}.hero-lead{color:#aeb8c5;max-width:650px;font-size:17px;line-height:1.7}.hero-actions{gap:10px;margin-top:28px;display:flex}.solid-button,.outline-button{letter-spacing:.13em;text-transform:uppercase;border-radius:3px;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-size:10px;font-weight:900;display:inline-flex}.solid-button{border:1px solid var(--cyan);background:var(--cyan);color:#07111c}.outline-button{color:#fff;background:0 0;border:1px solid #ffffff40}.solid-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.outline-button:hover{border-color:#fff}.hero-proof{border-top:1px solid var(--line);color:#718093;letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin-top:34px;padding-top:20px;font-size:9px;display:flex}.hero-proof b{color:#c2ccd7;margin-right:5px}.hero-art{min-height:610px;position:relative}.hero-art-main{background:#251913;position:absolute;inset:0 0 95px 50px;overflow:hidden}.hero-art-main img,.hero-art-secondary img{object-fit:cover;width:100%;height:100%;display:block}.hero-art-main:after,.hero-art-secondary:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#060a109e);position:absolute;inset:0}.hero-art-main>span,.hero-art-secondary>span{z-index:1;letter-spacing:.15em;color:#fff;font-size:8px;font-weight:900;position:absolute;top:14px;left:14px}.hero-art-secondary{border:8px solid var(--bg);background:#121a27;width:40%;height:38%;position:absolute;bottom:22px;right:-5%;overflow:hidden;box-shadow:0 20px 45px #00000042}.hero-caption{letter-spacing:.09em;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:8px;left:66px}.hero-caption b{font-size:11px}.hero-caption span{color:#758293}.trust-strip{margin-left:var(--sidebar);border-bottom:1px solid var(--line);letter-spacing:.16em;color:#7e8a99;flex-wrap:wrap;align-items:center;gap:16px;padding:15px 6vw;font-size:8px;font-weight:900;display:flex}.trust-strip i{color:#475363;font-style:normal}.work-section{padding:95px 6vw}.section-head{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;display:grid}.section-head h2,.proof-panel h2,.about-intro h2,.contact-section h2,.lab-section h2{letter-spacing:-.075em;margin:12px 0 0;font-size:clamp(52px,6vw,90px);line-height:.84}.section-head>p,.about-copy>p,.proof-panel>p,.contact-section>div>p{color:#9aa6b5;max-width:560px;margin:0;font-size:14px;line-height:1.75}.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;margin:42px 0 22px;padding-bottom:15px;display:flex}.filter-bar button{border:1px solid var(--line);color:#8e9aa9;letter-spacing:.11em;background:0 0;padding:10px 13px;font-size:9px;font-weight:900}.filter-bar button.selected{color:#0b1322;background:#fff;border-color:#fff}.web-grid{grid-template-columns:1fr;gap:30px;display:grid}.project-card{border:1px solid var(--line);background:#0b1321;overflow:hidden}.project-shot{aspect-ratio:16/8.8;background:#0a101a;position:relative;overflow:hidden}.browser-bar{z-index:2;background:#0a111d;border-bottom:1px solid #ffffff1a;align-items:center;gap:5px;height:34px;padding:0 13px;display:flex;position:absolute;top:0;left:0;right:0}.browser-bar>span{background:#566477;border-radius:50%;width:6px;height:6px}.browser-bar b{letter-spacing:.12em;color:#95a0ae;margin-left:8px;font-size:7px;font-weight:900}.browser-bar em{letter-spacing:.12em;color:var(--green);margin-left:auto;font-size:7px;font-style:normal;font-weight:900}.project-shot iframe{transform-origin:0 0;background:#fff;border:0;width:100%;height:calc(100% - 34px);position:absolute;inset:34px 0 0}.iframe-cover{background:0 0;position:absolute;inset:34px 0 0}.project-card:hover .iframe-cover{pointer-events:none;background:linear-gradient(90deg,#0f172a0a,#0000 35%,#0f172a0a)}.project-meta{padding:26px 27px 28px}.project-title-row{grid-template-columns:36px 1fr;gap:15px;display:grid}.project-number{color:#566476;padding-top:4px;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.project-title-row small{letter-spacing:.14em;color:var(--cyan);font-size:8px;font-weight:900;display:block}.project-title-row h3{letter-spacing:-.04em;margin:7px 0 0;font-size:27px;line-height:1.1}.project-meta>p{color:#99a5b4;max-width:760px;margin:16px 0 20px;font-size:13px;line-height:1.7}.project-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding-top:18px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips b{border:1px solid var(--line);letter-spacing:.1em;color:#8b98a8;padding:6px 8px;font-size:7px}.project-links{gap:16px;display:flex}.text-link{letter-spacing:.13em;background:0 0;border:0;font-size:8px;font-weight:900}.text-link:hover{text-decoration:underline}.muted-link{color:#6f7d8f}.vector-work{padding-top:42px}.vector-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.vector-head h3,.art-market h3{letter-spacing:-.065em;margin:10px 0 0;font-size:clamp(38px,4.4vw,68px);line-height:.9}.vector-head>a{letter-spacing:.13em;color:#99a6b5;font-size:8px;font-weight:900}.art-grid{grid-template-columns:1.35fr .65fr;gap:16px;display:grid}.art-tile{min-width:0}.art-tile.art-large .art-image{aspect-ratio:1.25}.art-image{aspect-ratio:1;background:#241b16;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.art-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.art-tile:hover .art-image img{transform:scale(1.025)}.art-overlay{letter-spacing:.1em;opacity:0;background:#070c14cc;padding:8px 10px;font-size:8px;font-weight:900;transition:opacity .2s;position:absolute;bottom:15px;left:15px}.art-tile:hover .art-overlay{opacity:1}.art-info{padding:14px 2px 4px}.art-info>div{justify-content:space-between;gap:15px;display:flex}.art-info small,.art-info span{letter-spacing:.14em;color:#8c99a8;font-size:7px;font-weight:900}.art-info span{color:#5e6c7d}.art-info h3{letter-spacing:-.04em;margin:8px 0 5px;font-size:23px}.art-info p{color:#8d99a8;margin:0;font-size:12px;line-height:1.6}.art-info a{letter-spacing:.12em;color:#c2ccd7;margin-top:10px;font-size:8px;font-weight:900;display:inline-block}.art-market{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7vw;margin:72px 0 20px;padding:34px 0;display:grid}.art-market p{color:#8e9baa;max-width:420px;font-size:13px;line-height:1.7}.market-links{flex-direction:column;display:flex}.market-links a{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:16px 0;font-size:10px;font-weight:800;display:flex}.market-links a:first-child{border-top:0}.market-links a:hover b{text-decoration:underline}.market-links b{letter-spacing:.12em;color:#7f8c9c;font-size:8px}.shelf{border-top:1px solid var(--line)}.shelf>a{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:15px;padding:15px 0;display:grid}.shelf>a>span{color:#657386;font-size:8px}.shelf>a>b{letter-spacing:.02em;font-size:11px}.shelf>a>em{letter-spacing:.13em;color:#758294;font-size:7px;font-style:normal}.shelf>a:hover{padding-left:8px}.empty-note{border:1px dashed var(--line);color:#6f7e8f;margin-top:22px;padding:15px 17px;font-size:10px}.split-proof{border-block:1px solid var(--line);background:#0b1321;grid-template-columns:1fr 1fr;gap:8vw;padding:105px 6vw;display:grid}.proof-panel>p{margin-top:25px}.proof-list{border-top:1px solid var(--line)}.proof-list>div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:14px;padding:22px 0;display:grid}.proof-list span{color:#5f6d7f;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.proof-list b{letter-spacing:.1em;font-size:11px}.proof-list p{color:#7e8a9a;grid-column:2;margin:2px 0 0;font-size:12px;line-height:1.6}.about-section{grid-template-columns:.8fr 1.2fr;gap:8vw;padding:105px 6vw;display:grid}.about-copy>p{margin:0 0 18px}.capability-columns{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px;display:grid}.capability-columns>div{border-top:1px solid var(--line);padding-top:16px}.capability-columns span{letter-spacing:.13em;color:var(--cyan);margin-bottom:10px;font-size:8px;font-weight:900;display:block}.capability-columns b{color:#aab5c2;font-size:10px;font-weight:600;line-height:1.8;display:block}.lab-section{border-top:1px solid var(--line);background:#0b1321;padding:96px 6vw}.section-head.compact{grid-template-columns:1fr .8fr}.lab-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 28px;margin-top:35px;display:grid}.lab-grid a{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr auto;align-items:center;gap:14px;padding:17px 0;display:grid}.lab-grid span{color:#5e6b7c;font-size:8px}.lab-grid b{font-size:11px}.lab-grid em{letter-spacing:.12em;color:#758193;font-size:7px;font-style:normal}.lab-grid a:hover{padding-left:8px}.contact-section{border-top:1px solid var(--line);grid-template-columns:1fr .9fr;gap:8vw;padding:110px 6vw 125px;display:grid}.contact-section>div>p{margin-top:25px}.contact-card{border:1px solid var(--line);background:#111c2f;align-self:end;padding:26px}.contact-card>span{letter-spacing:.13em;color:#738094;font-size:8px;font-weight:900}.contact-card>a{letter-spacing:-.03em;word-break:break-all;margin:13px 0 16px;font-size:clamp(18px,2vw,28px);display:block}.contact-card>button{letter-spacing:.12em;background:0 0;border:0;border-bottom:1px solid #697587;padding:0 0 4px;font-size:8px;font-weight:900}.contact-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:26px;padding-top:17px;display:flex}.contact-links a{letter-spacing:.12em;color:#8795a6;font-size:8px;font-weight:900}footer{margin-left:var(--sidebar);border-top:1px solid var(--line);color:#657285;letter-spacing:.1em;justify-content:space-between;gap:20px;padding:22px 6vw;font-size:8px;display:flex}footer div{gap:16px;display:flex}footer a:hover{color:#fff}.lightbox{z-index:100;background:#02060deb;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox-inner{border:1px solid var(--line);background:#0d1626;grid-template-columns:1.35fr .65fr;width:min(1180px,100%);height:min(86vh,840px);display:grid;position:relative;overflow:hidden}.lightbox-close{z-index:2;border:1px solid var(--line);color:#fff;background:#070c14a6;width:36px;height:36px;font-size:24px;position:absolute;top:12px;right:14px}.lightbox-art{background:#1a1412;min-width:0;min-height:0}.lightbox-art img{object-fit:contain;background:#1b1512;width:100%;height:100%}.lightbox-copy{align-self:center;padding:42px}.lightbox-copy small{letter-spacing:.14em;color:var(--orange);font-size:8px;font-weight:900}.lightbox-copy h2{letter-spacing:-.05em;margin:13px 0;font-size:44px;line-height:.94}.lightbox-copy p{color:#99a5b4;margin-bottom:25px;font-size:13px;line-height:1.75}.art-placeholder{background:linear-gradient(135deg,#2a1d18,#121a27);place-items:center;width:100%;height:100%;padding:30px;display:grid}.art-placeholder span,.art-placeholder strong{display:block}.art-placeholder strong{text-align:center;font-size:34px}@media (width<=1050px){:root{--sidebar:238px}.sidebar{padding-inline:22px}.side-nav button.active:before{left:-22px}.hero{grid-template-columns:1fr;padding-inline:5vw}.hero-art{min-height:560px}.trust-strip{margin-left:var(--sidebar)}}@media (width<=820px){:root{--sidebar:0px}.sidebar{display:none}.mobile-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1322f0;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-logo{letter-spacing:.14em;background:0 0;border:0;font-size:10px;font-weight:900}.mobile-menu-trigger{border:1px solid var(--line);letter-spacing:.12em;background:0 0;padding:8px 10px;font-size:8px;font-weight:900}.mobile-menu{z-index:35;border-bottom:1px solid var(--line);background:#0b1322;flex-direction:column;padding:10px 18px;display:flex;position:fixed;top:60px;left:0;right:0}.mobile-menu button{text-align:left;letter-spacing:.14em;background:0 0;border:0;padding:13px 0;font-size:9px;font-weight:900}.main{margin-left:0}.hero{grid-template-columns:1fr;min-height:auto;padding:115px 22px 40px}.hero-art{min-height:480px;margin-top:12px}.hero-art-main{left:0;inset:0 55px 75px 0}.hero-caption{left:8px}.hero-art-secondary{width:42%;height:35%;right:0}.trust-strip{margin-left:0;padding-inline:22px}.work-section,.split-proof,.about-section,.lab-section,.contact-section{padding-left:22px;padding-right:22px}.section-head,.split-proof,.about-section,.contact-section,.art-market{grid-template-columns:1fr;gap:45px}.section-head h2,.proof-panel h2,.about-intro h2,.contact-section h2,.lab-section h2{font-size:58px}.capability-columns{grid-template-columns:1fr 1fr}.project-bottom,.vector-head{flex-direction:column;align-items:start}.art-grid{grid-template-columns:1fr}.art-tile.art-large .art-image{aspect-ratio:1.15}.lab-grid{grid-template-columns:1fr}.lightbox{padding:12px}.lightbox-inner{grid-template-columns:1fr;height:92vh}.lightbox-copy{padding:25px;overflow:auto}.lightbox-art{height:55vh}}@media (width<=520px){.hero h2{font-size:53px}.hero-lead{font-size:15px}.hero-proof{grid-template-columns:1fr;gap:9px;display:grid}.hero-art{min-height:390px}.hero-art-main{right:32px}.hero-art-secondary{border-width:5px;width:48%;height:31%}.hero-caption{max-width:70%;display:block;bottom:0}.hero-caption span{margin-top:3px;display:block}.section-head h2,.proof-panel h2,.about-intro h2,.contact-section h2,.lab-section h2{font-size:50px}.project-shot{aspect-ratio:1/1.15}.project-meta{padding:21px}.project-title-row h3{font-size:22px}.project-links{gap:12px}.capability-columns{grid-template-columns:1fr}.contact-card{padding:20px}footer{margin-left:0;padding:20px 22px;display:block}footer div{margin-top:10px}.lightbox-copy h2{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-image img{transition:none}}
