@font-face{font-family:'Inter Tight';src:url('/assets/fonts/inter-tight-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-var.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--bg:#f6f7f3;--ink:#20251c;--ink-soft:#606956;--accent:#dfff48;--accent-ink:#526b08;--surface:#fff;--surface-soft:#f0f3e9;--sans:Manrope,Arial,sans-serif;--serif:'Inter Tight',Arial,sans-serif;--display:var(--serif);--c-bg:var(--bg);--c-ink:var(--ink);--c-text:var(--ink);--c-soft:#626b59;--c-accent:var(--accent);--c-line:#25351b1c;--c-line-strong:#25351b38;--line:var(--c-line);--rail:244px;--gutter:clamp(20px,4.5vw,72px);--wrap:1360px;--nav-h:72px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1)}
*,*::before,*::after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.6 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:16px;height:16px;flex-shrink:0}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{font-family:var(--display);line-height:1.08;letter-spacing:-.045em}p{color:var(--c-soft)}[hidden],dialog:not([open]){display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}h1:focus,h2:focus,main:focus{outline:none}::selection{background:var(--accent);color:#14170b}.skip{position:fixed;top:-100px;left:12px;z-index:500;background:var(--accent);color:#14170b;padding:12px}.skip:focus{top:12px}.eyebrow{font:600 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#626b59}.text-link,.link{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;min-height:36px;transition:color 150ms}.text-link:hover,.link:hover{color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:5px;padding:12px 18px;min-height:44px;font-size:12px;font-weight:700;border:1px solid var(--c-line-strong);transition:background 160ms,color 160ms}.btn--solid{background:var(--accent);color:#11170a;border-color:var(--accent-ink)}.btn--solid:hover{background:#eaff9a}.btn--ghost{background:transparent}.btn--ghost:hover{background:#dfff4810}.em{color:var(--accent-ink);font-style:normal}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--wrap);margin-inline:auto}.h2{font:700 clamp(34px,4.4vw,64px)/1.08 var(--display);letter-spacing:-.055em}.head{border-top:1px solid var(--c-line-strong);padding-top:24px;margin-bottom:clamp(36px,5vw,72px)}
.identity-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:30;padding:32px 24px 20px;display:flex;flex-direction:column;background:#ffffff;border-right:1px solid #25351b1c;overflow-y:auto;scrollbar-width:thin}.identity__portrait{position:relative;display:block;width:92px;height:108px;overflow:hidden;border-radius:4px;background:#dfe5dd;margin-bottom:18px;isolation:isolate}.identity__portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 28%;left:0;top:0;z-index:1}.identity__name{display:block;font:650 24px/1.12 var(--display);letter-spacing:-.045em}.identity__role{font-size:11px;color:var(--accent-ink);margin-top:8px}.identity__line{font-size:11px;line-height:1.7;margin-top:12px;max-width:24ch;color:#626b59}.rail-nav{display:grid;gap:4px;margin-top:27px;padding-block:18px;border-top:1px solid var(--c-line)}.rail-nav a{display:flex;align-items:center;gap:14px;min-height:39px;padding:8px 11px;border-radius:4px;color:#626b59;font-size:12px;transition:background 150ms,color 150ms}.rail-nav a>span{color:#626b59;font-size:9px}.rail-nav a>svg{margin-left:auto;opacity:0;width:13px}.rail-nav a[aria-current=page]{background:#edf4d2;color:var(--accent-ink)}.rail-nav a[aria-current=page]>svg{opacity:1}.rail-nav a:hover{background:#f1f5e7;color:var(--ink)}.rail-foot{margin-top:auto;padding-top:22px}.rail-foot>.btn{width:100%;font-size:11px;justify-content:space-between}.rail-foot>div{display:flex;justify-content:space-between;margin-top:13px;font-size:10px}.rail-foot>div a{display:inline-flex;align-items:center;gap:5px;min-height:32px}.rail-foot>div svg{width:11px}.rail-foot>small{display:block;color:#626b59;font-size:9px;line-height:1.8;margin-top:10px}.rail-toggle{display:none}
.workspace{margin-left:var(--rail);padding:34px 40px;min-height:100svh}.workspace-view{max-width:1360px;margin-inline:auto;min-width:0}.view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:26px}.view-head .eyebrow{margin:3px 0 12px}.view-head h2{font-size:clamp(32px,3.2vw,48px);font-weight:650;padding-right:.06em}.view-head h2 span{color:var(--accent-ink)}.view-head p:not(.eyebrow){font-size:12px;margin-top:13px;max-width:62ch}.view-head>.text-link{white-space:nowrap;font-size:10px;border-bottom:1px solid var(--c-line);margin-top:0}.view-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--c-line);padding-top:24px;margin-top:26px;font-size:12px}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;border-top:1px solid var(--c-line);padding-top:13px;color:#626b59;font-size:10px}.home-bottom .text-link{font-size:10px;white-space:nowrap}
.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{border:1px solid var(--c-line);background:#ffffff;min-width:0;border-radius:6px;overflow:hidden}.project-card__image{display:block;position:relative;height:clamp(140px,12vw,184px);overflow:hidden;background:#222}.project-card__image>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 350ms cubic-bezier(.2,.8,.2,1)}.project-card__image:hover img{transform:scale(1.025)}.project-card__body{padding:17px 20px 12px}.project-card__title{display:flex;gap:12px;align-items:center;justify-content:space-between}.project-card h3{font-size:22px;font-weight:600;line-height:1.12}.status{font-size:8px;color:#626b59;white-space:nowrap;border:1px solid #b8d88c30;padding:3px 7px;border-radius:3px}.project-card__context{font-size:11px;line-height:1.6;margin:10px 0;min-height:35px;max-width:62ch}.project-card dl{display:grid;gap:3px;font-size:10px;line-height:1.6}.project-card dl>div{display:grid;grid-template-columns:58px 1fr;gap:10px}.project-card dt{color:#626b59}.project-card dd{color:#626b59}.project-card__actions{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--c-line);margin-top:11px;padding-top:7px}.project-card__actions .text-link{font-size:10px;min-height:32px}.project-card__actions svg{width:12px}.concepts-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--c-line);padding-top:20px;margin-top:22px}.concepts-row>div>p:last-child{font-size:11px;margin-top:8px;max-width:24ch}.concept{display:flex;align-items:center;gap:14px;min-width:0}.concept__media{position:relative;width:85px;height:60px;overflow:hidden;flex-shrink:0;border:1px solid var(--c-line);border-radius:3px}.concept__media img{width:100%;height:100%;object-fit:cover;object-position:top}.concept__go,.concept__scrim{display:none}.concept__body{display:flex;flex-direction:column;gap:4px}.concept__name{order:-1;font:600 20px var(--display);letter-spacing:-.03em}.tag{color:#626b59;font-size:9px;line-height:1.5}.tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.tool-tags span{font-size:10px;color:#626b59;border:1px solid #9aad723d;border-radius:3px;padding:5px 8px}.about-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:.95;border:1px solid #dfff4833;border-radius:5px;background:#bccd26}.presence__poster{position:absolute;inset:0;z-index:0;background:url('/assets/hero/glass-environment.webp') center/cover no-repeat;transform:none;animation:none}.about-art figcaption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:35px 20px 18px;background:linear-gradient(transparent,#050a06aa);font-size:10px;letter-spacing:.05em;color:#fff}.scene-aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;mix-blend-mode:overlay}.scene-aurora canvas{display:block;width:100%;height:100%}.scene-aurora--glass{z-index:1}.about-signoff{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.about-signoff .jude-character{width:120px;height:120px;margin:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:38px;align-items:start}.contact-note{padding-top:14px;min-width:0}.contact-note>p{font-size:13px;margin-bottom:16px;max-width:25ch}.contact-note>.text-link{display:flex;width:fit-content;overflow-wrap:anywhere;margin-bottom:5px;font-size:11px}.contact-note>small{display:block;font-size:10px;color:#626b59;max-width:26ch}.thinking-jude{position:relative;width:220px;height:220px;margin:25px 0 15px}.form{display:grid;gap:15px;padding:24px;border:1px solid var(--c-line);background:#ffffff;border-radius:5px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px;min-width:0}.field label{font-size:10px;font-weight:600;color:#626b59}.optional{font-weight:400;color:#626b59;font-size:9px}.field input,.field select,.field textarea{border:1px solid #25351b30;border-radius:4px;background:#fafbf8;padding:10px 11px;min-height:42px;min-width:0;width:100%;font-size:12px;color:#626b59;resize:vertical}.field input::placeholder{color:#626b59}.field select{color-scheme:light}.field textarea{min-height:76px}.form__extra{display:grid;gap:15px}.form__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.form__actions .btn{font-size:11px}.form__status{font-size:12px;line-height:1.6}.form__status a{color:var(--accent-ink);text-decoration:underline}.form__facebook{padding:10px;border-left:2px solid var(--accent);font-size:11px}.form__facebook span{display:block}.form__facebook a{color:var(--accent-ink)}.form__facebook svg{width:12px}.req{color:var(--accent-ink)}
.project-dialog{width:min(1120px,calc(100% - 48px));max-height:calc(100dvh - 40px);padding:0;margin:auto;border:1px solid #25351b26;border-radius:8px;background:#ffffff;color:var(--ink);overscroll-behavior:contain;overflow-y:auto}.project-dialog::backdrop{background:#030603e8}.project-dialog__bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#fffffff7;border-bottom:1px solid var(--c-line)}.project-dialog__bar>button{background:transparent;border:1px solid var(--c-line-strong);border-radius:4px;padding:10px 16px;font-size:11px;min-height:40px}.project-dialog__body{padding:0 34px 34px}.project-preview{position:relative;height:clamp(280px,34vw,490px);isolation:isolate;min-width:0;touch-action:pan-y}.project-preview>.devset{display:none!important}.laptop-canvas{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 200ms}.laptop-canvas canvas{display:block;width:100%;height:100%}.is-3d-ready .laptop-canvas{opacity:1}.laptop-display{display:none!important}.preview-loading{position:absolute;left:15%;right:15%;top:46%;text-align:center;font-size:12px;color:#626b59}.project-switch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--c-line);padding:0 0 23px;margin-bottom:26px}.project-switch a{font-size:10px;border:1px solid var(--c-line);border-radius:4px;padding:9px 12px;min-height:36px}.project-switch a[aria-current=true]{color:var(--accent-ink);border-color:#78942980;background:#f1f5e7}.project-detail>h3{font-size:40px;font-weight:650;margin:10px 0 15px}.project-detail__context{font-size:14px;max-width:70ch}.project-facts{display:flex;flex-wrap:wrap;gap:20px 40px;margin:23px 0;font-size:12px}.project-facts dt{font-size:10px;color:#626b59;margin-bottom:4px}.project-detail__links{display:flex;gap:20px;flex-wrap:wrap}.case-details{border-top:1px solid var(--c-line);padding-top:25px;margin-top:24px}.project-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;font-size:12px;line-height:1.8}.project-proof dt{color:var(--accent-ink);margin-bottom:8px;font-weight:600}.project-proof dd{color:#626b59}.disclosure{font-size:11px;margin:24px 0 16px;color:#626b59}.case-screens,.system-proof{display:grid;grid-template-columns:2.4fr 1fr;align-items:start;gap:16px}.case-screens img,.system-proof img{border:1px solid var(--c-line);border-radius:4px;width:100%;height:auto}.project-systems{border-top:1px solid var(--c-line);padding-top:30px;margin-top:30px}.project-systems h4{font-size:30px;margin-bottom:14px}.project-systems>p{font-size:13px;max-width:65ch}.project-systems .project-detail__links{margin-top:18px}.detail-open,.cinema-open{overflow:hidden}
@media(min-width:1800px){.workspace{padding-top:46px}}
@media(max-width:1279px){:root{--rail:220px}.identity-rail{padding:25px 20px 18px}.workspace{padding:28px}.identity__name{font-size:23px}.project-card__title{display:block}.status{display:inline-block;margin-top:7px}.project-card__context{min-height:0}.project-card__body{padding:15px}.view-head>.text-link{display:none}.contact-layout{grid-template-columns:1fr 1.7fr;gap:25px}.contact-note>.text-link{font-size:10px}.form{padding:19px}}
@media(max-width:1099px){.identity-rail{width:196px;padding:22px 18px}.workspace{margin-left:196px;padding:25px}.identity__name{font-size:22px}.identity__portrait{width:82px;height:94px;margin-bottom:14px}.identity__role{font-size:10px}.rail-nav{margin-top:20px}.home-bottom{align-items:flex-start}.home-bottom>span{max-width:37ch}.project-card h3{font-size:21px}.project-card__actions{flex-wrap:wrap;gap:0}.project-card__actions .text-link{min-height:34px;margin-right:12px}.contact-layout{grid-template-columns:1fr}.contact-note{display:flex;flex-wrap:wrap;gap:5px 18px;align-items:center;padding:0}.contact-note>p{width:100%;max-width:none;margin-bottom:5px}.contact-note .thinking-jude,.contact-note>small{display:none}.contact-note>.text-link{font-size:11px}.about-art{aspect-ratio:.75}.concepts-row{gap:15px}.concept__media{width:62px}.concept__name{font-size:19px}}
@media(max-width:899px){.identity-rail{position:sticky;top:0;width:100%;height:auto;padding:12px 22px;display:block;overflow:visible;border-right:0;border-bottom:1px solid var(--c-line);background:#fffffff5}.identity{display:grid;grid-template-columns:42px 1fr 72px;grid-template-rows:auto auto;column-gap:12px;align-items:center}.identity__portrait{grid-row:1/3;width:42px;height:45px;margin:0}.identity__name{font-size:21px;grid-column:2}.identity__role{font-size:9px;grid-column:2;margin-top:2px}.identity__line{display:none}.rail-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;grid-column:3;grid-row:1/3;background:transparent;border:1px solid var(--c-line-strong);border-radius:4px;padding:9px 10px;font-size:11px;min-height:42px}.rail-toggle>span{color:var(--accent-ink);font-size:17px}.rail-nav{display:none;margin:14px 0 0;padding:12px 0 0;grid-template-columns:repeat(4,1fr);gap:5px}.rail-nav a{min-height:44px;gap:8px;font-size:11px}.rail-nav a>svg{display:none}.identity-rail.is-menu-open .rail-nav{display:grid}.rail-foot{display:none}.workspace{margin:0;padding:25px}.view-head h2{font-size:38px}.project-card__image{height:155px}.project-card__actions{justify-content:space-between}.project-card__actions .text-link{font-size:10px}.project-card__title{display:flex}.project-card h3{font-size:22px}.status{margin:0;white-space:normal;font-size:8px;flex-shrink:0;max-width:90px}.about-art{aspect-ratio:.9}.contact-layout{grid-template-columns:1fr 1.8fr;gap:25px}.contact-note{display:block}.contact-note .thinking-jude{display:block;width:190px;height:190px}.contact-note>.text-link{font-size:11px}.contact-note>p{margin-bottom:18px}.form{padding:20px}.project-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.project-preview{height:360px}}
@media(max-width:699px){.workspace{padding:22px 18px}.identity-rail{padding:11px 18px}.rail-nav{grid-template-columns:repeat(3,1fr)}.view-head{margin-bottom:22px}.view-head .eyebrow{font-size:9px;margin-bottom:10px}.view-head h2{font-size:34px}.view-head p:not(.eyebrow){font-size:12px;line-height:1.65}.home-bottom{gap:12px;align-items:flex-start;margin-top:17px;font-size:10px}.home-bottom>span{max-width:26ch}.home-bottom .text-link{white-space:normal;align-items:flex-start;max-width:17ch;font-size:10px}.projects-grid{grid-template-columns:1fr;gap:18px}.project-card__image{height:190px}.project-card__body{padding:17px 18px 13px}.project-card h3{font-size:25px}.project-card__context{font-size:12px;margin:12px 0}.project-card dl{font-size:11px}.project-card__actions .text-link{font-size:11px;min-height:42px}.project-card__title{display:flex}.status{font-size:9px}.concepts-row{grid-template-columns:1fr 1fr;gap:18px}.concepts-row>div{grid-column:1/-1}.concepts-row>div>p:last-child{max-width:none}.concept{display:block}.concept__media{display:block;width:100%;height:85px}.concept__body{margin-top:10px}.tag{font-size:9px}.tool-tags{margin:14px 0;gap:5px}.tool-tags span{font-size:10px;padding:4px 6px}.view-bottom{display:block;font-size:12px}.view-bottom .btn,.view-bottom .text-link{margin-top:15px}.about-art{aspect-ratio:1.15}.about-signoff{margin-top:8px}.contact-layout{display:flex;flex-direction:column;gap:20px}.contact-note{width:100%;position:relative;padding-right:95px;min-height:134px}.contact-note>p{font-size:12px;max-width:24ch;margin-bottom:10px}.contact-note>.text-link{font-size:10px;min-height:30px;margin:0}.contact-note .thinking-jude{position:absolute;right:-10px;top:5px;width:95px;height:120px;margin:0}.contact-note a svg{width:12px}.form{width:100%;padding:18px;gap:15px}.form__row{gap:12px}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:16px;min-height:44px;padding:10px 9px}.optional{display:none}.project-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 16px);border-radius:6px}.project-dialog__bar{padding:10px 15px}.project-dialog__bar .eyebrow{font-size:8px;max-width:23ch}.project-dialog__body{padding:0 18px 25px}.project-preview{height:270px}.project-switch{gap:6px;margin-bottom:23px;padding-bottom:18px}.project-switch a{font-size:9px;min-height:40px;display:flex;align-items:center;padding:7px 10px}.project-detail>h3{font-size:33px}.project-detail__context{font-size:13px}.project-facts{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:18px}.project-proof{grid-template-columns:1fr;gap:18px}.case-screens,.system-proof{gap:10px}.project-systems h4{font-size:26px}}
@media(max-width:359px){.workspace{padding:18px 14px}.identity-rail{padding:10px 14px}.identity__name{font-size:19px}.identity__role{font-size:8px}.view-head h2{font-size:31px}.project-card__title{display:block}.status{margin-top:8px}.form__row{grid-template-columns:1fr}.contact-note{padding-right:70px}.contact-note .thinking-jude{width:77px;right:-11px}.contact-note>.text-link{font-size:9px}}
@media(min-width:900px) and (max-width:1099px){.contact-note{position:relative;padding-right:150px;min-height:120px}.contact-note .thinking-jude{display:block;position:absolute;right:0;top:0;width:130px;height:130px;margin:0}}
@media(min-width:900px){.project-card__image>img{object-position:center 30%}}
@media(max-width:699px){.project-card__image{height:126px}.project-card h3{font-size:23px}.tool-tags span{font-size:9px}}
@media(max-width:359px){}
/* Keep all four real-client summaries in the first desktop canvas. */
@media(min-width:900px){#view-projects .view-head{margin-bottom:20px}#view-projects .view-head h2{font-size:40px}#view-projects .view-head .eyebrow{margin-bottom:8px}#view-projects .view-head p:not(.eyebrow){margin-top:9px}.project-card__image{height:clamp(86px,12vh,118px)}.project-card__body{padding:14px 18px 10px}.project-card__context{margin:8px 0}.project-card__actions{margin-top:8px;padding-top:5px}}
@media(min-width:900px) and (max-height:780px){.workspace{padding-block:22px}.identity-rail{padding-top:20px}.identity__portrait{height:80px;width:76px;margin-bottom:13px}.rail-nav{margin-top:17px;padding-block:13px;gap:2px}.rail-nav a{min-height:35px}.rail-foot{padding-top:12px}.rail-foot>small{margin-top:4px}#view-projects .view-head{margin-bottom:15px}#view-projects .view-head h2{font-size:36px}.project-card__body{padding:11px 16px 7px}.project-card__context{min-height:0;font-size:10px;line-height:1.55;margin:7px 0}.project-card h3{font-size:20px}.project-card__actions .text-link{min-height:30px}.project-card dl{font-size:10px;gap:2px}.home-bottom{margin-top:12px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.scene-aurora{display:none}.project-card__image>img,.laptop-canvas{transition:none}.project-card__image:hover img{transform:none}}