:root{--ob-orange-50:#fff4ed;--ob-orange-100:#ffe6d5;--ob-orange-200:#ffc9a9;--ob-orange-300:#ffab7c;--ob-orange-400:#ff9558;--ob-orange-500:#ff7f3f;--ob-orange-600:#ef6420;--ob-orange-700:#c14e15;--ob-orange-800:#963d12;--ob-orange-900:#712e0e;--ob-teal-50:#e9faf9;--ob-teal-100:#c7f3f1;--ob-teal-200:#92e7e4;--ob-teal-300:#56d7d2;--ob-teal-400:#24c8c2;--ob-teal-500:#00bab4;--ob-teal-600:#009d98;--ob-teal-700:#007d79;--ob-teal-800:#005f5c;--ob-teal-900:#004745;--ob-gray-50:#f7f7f8;--ob-gray-100:#efeff1;--ob-gray-200:#e1e1e4;--ob-gray-300:#c8c9cc;--ob-gray-400:#a7a8ac;--ob-gray-500:#88898d;--ob-gray-600:#6c6d71;--ob-gray-700:#54555a;--ob-gray-800:#3a3b3f;--ob-gray-900:#232428;--ob-gray-950:#161719;--ob-bg:#fdfdfc;--ob-surface:#fff;--ob-surface-raised:var(--ob-gray-50);--ob-ink:var(--ob-gray-950);--ob-ink-secondary:var(--ob-gray-700);--ob-ink-muted:var(--ob-gray-600);--ob-accent:var(--ob-orange-500);--ob-accent-ink:var(--ob-orange-700);--ob-accent-2:var(--ob-teal-500);--ob-accent-2-ink:var(--ob-teal-700);--ob-border:var(--ob-gray-200);--ob-focus-ring:var(--ob-teal-600);--ob-inverse-bg:var(--ob-gray-950);--ob-inverse-ink:var(--ob-gray-50);--ob-inverse-ink-muted:var(--ob-gray-400);--ob-font-display:"Quicksand", "Avenir Next", "Trebuchet MS", sans-serif;--ob-font-body:"Source Serif 4", Georgia, "Times New Roman", serif;--ob-font-ui:"Quicksand", -apple-system, "Segoe UI", Roboto, sans-serif;--ob-text-xs:.75rem;--ob-text-sm:.875rem;--ob-text-base:1rem;--ob-text-lg:1.125rem;--ob-text-xl:1.375rem;--ob-text-2xl:1.75rem;--ob-text-3xl:2.25rem;--ob-text-4xl:3rem;--ob-text-5xl:4rem;--ob-leading-tight:1.15;--ob-leading-normal:1.55;--ob-tracking-caps:.18em;--ob-space-1:.25rem;--ob-space-2:.5rem;--ob-space-3:.75rem;--ob-space-4:1rem;--ob-space-6:1.5rem;--ob-space-8:2rem;--ob-space-12:3rem;--ob-space-16:4rem;--ob-space-24:6rem;--ob-radius-sm:4px;--ob-radius-md:8px;--ob-radius-lg:16px;--ob-radius-full:999px;--ob-shadow-sm:0 1px 2px #1617190f;--ob-shadow-md:0 4px 16px #16171914;--ob-motion-fast:.15s;--ob-motion-base:.3s;--ob-motion-slow:.6s;--ob-ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){:root{--ob-motion-fast:0s;--ob-motion-base:0s;--ob-motion-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ob-bg);color:var(--ob-ink);font-family:var(--ob-font-body);font-size:var(--ob-text-base);line-height:var(--ob-leading-normal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--ob-font-display);line-height:var(--ob-leading-tight);margin:0}img{max-width:100%;height:auto;display:block}a{color:var(--ob-accent-ink)}:focus-visible{outline:2px solid var(--ob-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{background:var(--ob-surface);padding:var(--ob-space-3) var(--ob-space-4);z-index:100;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--ob-space-4)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:baseline;gap:var(--ob-space-4) var(--ob-space-6);padding:var(--ob-space-8) clamp(var(--ob-space-4), 5vw, var(--ob-space-16));flex-wrap:wrap;display:flex}@media (width<=480px){.site-header{padding-top:var(--ob-space-6);padding-bottom:var(--ob-space-4)}.site-header nav a{font-size:var(--ob-text-xs);letter-spacing:.05em}}.wordmark{font-family:var(--ob-font-display);font-size:var(--ob-text-xl);letter-spacing:.01em;font-weight:500;text-decoration:none}.wordmark__orange{color:var(--ob-orange-600)}.wordmark__brain{color:var(--ob-gray-600)}.wordmark__studio{color:var(--ob-teal-700);font-size:var(--ob-text-xs);letter-spacing:var(--ob-tracking-caps);text-transform:uppercase;margin-left:var(--ob-space-2);font-weight:600}.site-header nav{gap:clamp(var(--ob-space-4), 3vw, var(--ob-space-8));display:flex}.site-header nav a{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--ob-ink-secondary);transition:color var(--ob-motion-fast) var(--ob-ease), border-color var(--ob-motion-fast) var(--ob-ease);border-bottom:2px solid #0000;padding-bottom:2px;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--ob-accent-ink)}.site-header nav a[aria-current=page]{color:var(--ob-ink);border-color:var(--ob-accent)}main{padding:0 clamp(var(--ob-space-4), 5vw, var(--ob-space-16));min-height:60vh}.site-footer{margin-top:var(--ob-space-24);border-top:1px solid var(--ob-border);padding:var(--ob-space-8) clamp(var(--ob-space-4), 5vw, var(--ob-space-16));font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);color:var(--ob-ink-muted)}.muted{color:var(--ob-ink-muted)}.page-pad{padding:var(--ob-space-16) 0}.page-head{padding:var(--ob-space-12) 0 var(--ob-space-8)}.page-head h1{font-size:clamp(var(--ob-text-3xl), 6vw, var(--ob-text-5xl));font-weight:500}.reveal{opacity:0;transition:opacity var(--ob-motion-slow) var(--ob-ease), transform var(--ob-motion-slow) var(--ob-ease);transform:translateY(24px)}.reveal--shown{opacity:1;transform:none}.button{font-family:var(--ob-font-ui);font-weight:600;font-size:var(--ob-text-base);letter-spacing:.04em;color:var(--ob-surface);background:var(--ob-orange-600);border-radius:var(--ob-radius-full);padding:var(--ob-space-3) var(--ob-space-8);cursor:pointer;transition:background var(--ob-motion-fast) var(--ob-ease), transform var(--ob-motion-fast) var(--ob-ease);border:none}.button:hover{background:var(--ob-orange-700);transform:translateY(-1px)}.button:disabled{background:var(--ob-gray-400);cursor:default;transform:none}.home__hero{padding:clamp(var(--ob-space-12), 10vh, var(--ob-space-24)) 0 var(--ob-space-16);max-width:60rem}.home__kicker{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);letter-spacing:var(--ob-tracking-caps);text-transform:uppercase;color:var(--ob-accent-ink);margin:0 0 var(--ob-space-4);font-weight:600}.home__statement{font-size:clamp(var(--ob-text-3xl), 7.5vw, 4.75rem);letter-spacing:-.01em;margin:0;font-weight:500}.home__statement em{font-family:var(--ob-font-body);color:var(--ob-accent-2-ink);font-style:italic;font-weight:400}.home__intro{max-width:34rem;font-size:var(--ob-text-lg);color:var(--ob-ink-secondary);margin-top:var(--ob-space-6)}.home__index{gap:var(--ob-space-8);padding-bottom:var(--ob-space-16);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.home__index{grid-template-columns:minmax(0,1fr) 34vw}}.index-list{border-top:1px solid var(--ob-border);margin:0;padding:0;list-style:none}.index-row{gap:var(--ob-space-4);padding:var(--ob-space-4) 0;border-bottom:1px solid var(--ob-border);color:var(--ob-ink);grid-template-columns:3ch minmax(0,1fr);align-items:baseline;text-decoration:none;display:grid}@media (width>=700px){.index-row{grid-template-columns:3ch minmax(0,1fr) auto}}.index-row__number{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);color:var(--ob-gray-400)}.index-row__title{font-family:var(--ob-font-display);font-size:clamp(var(--ob-text-xl), 3.2vw, var(--ob-text-3xl));transition:color var(--ob-motion-fast) var(--ob-ease), transform var(--ob-motion-base) var(--ob-ease);font-weight:500}.index-row:hover .index-row__title,.index-row:focus-visible .index-row__title{color:var(--ob-accent-ink);transform:translateX(var(--ob-space-2))}.index-row__tags{font-family:var(--ob-font-ui);font-size:var(--ob-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ob-ink-muted);display:none}@media (width>=700px){.index-row__tags{display:block}}.index-preview{display:none}@media (width>=900px){.index-preview{top:var(--ob-space-8);height:min(70vh,34vw);display:block;position:sticky}.index-preview__image{opacity:0;transition:opacity var(--ob-motion-base) var(--ob-ease), transform var(--ob-motion-base) var(--ob-ease);position:absolute;inset:0;transform:scale(.97)}.index-preview__image--active{opacity:1;transform:none}.index-preview__image img{object-fit:cover;border-radius:var(--ob-radius-md);width:100%;height:100%}}.tag-filter{gap:var(--ob-space-2);margin-top:var(--ob-space-6);flex-wrap:wrap;display:flex}.tag-chip{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);color:var(--ob-ink-secondary);background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:var(--ob-radius-full);padding:var(--ob-space-2) var(--ob-space-4);cursor:pointer;transition:all var(--ob-motion-fast) var(--ob-ease);font-weight:600}.tag-chip:hover{border-color:var(--ob-accent);color:var(--ob-accent-ink)}.tag-chip--active{background:var(--ob-teal-700);border-color:var(--ob-teal-700);color:var(--ob-surface)}.work-grid{padding:0 0 var(--ob-space-16);gap:var(--ob-space-8) var(--ob-space-6);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin:0;list-style:none;display:grid}.work-card{color:var(--ob-ink);text-decoration:none;display:block}.work-card img{aspect-ratio:1;object-fit:cover;border-radius:var(--ob-radius-md);width:100%;transition:transform var(--ob-motion-base) var(--ob-ease)}.work-card:hover img,.work-card:focus-visible img{transform:scale(1.02)}.work-card__title{font-family:var(--ob-font-display);font-size:var(--ob-text-lg);margin-top:var(--ob-space-3);font-weight:600;display:block}.work-card__tags{font-family:var(--ob-font-ui);font-size:var(--ob-text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ob-ink-muted);margin-top:var(--ob-space-1);display:block}.project__head{max-width:56rem;padding:var(--ob-space-12) 0 var(--ob-space-8)}.project__crumb{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--ob-ink-muted)}.project__crumb a{color:var(--ob-accent-ink);text-decoration:none}.project__head h1{font-size:clamp(var(--ob-text-3xl), 6vw, var(--ob-text-5xl));font-weight:500}.project__excerpt{font-size:var(--ob-text-lg);color:var(--ob-ink-secondary);max-width:40rem}.project__meta{gap:var(--ob-space-8);margin:var(--ob-space-8) 0 0;padding-top:var(--ob-space-6);border-top:1px solid var(--ob-border);flex-wrap:wrap;display:flex}.project__meta dt{font-family:var(--ob-font-ui);font-size:var(--ob-text-xs);letter-spacing:var(--ob-tracking-caps);text-transform:uppercase;color:var(--ob-accent-2-ink);font-weight:600}.project__meta dd{margin:var(--ob-space-1) 0 0;font-size:var(--ob-text-base)}.project__hero,.gallery-item{max-width:1100px;margin:0 auto var(--ob-space-12)}.gallery-item--narrow{max-width:720px}.project__hero img,.gallery-item img{border-radius:var(--ob-radius-md);width:100%}.gallery-item figure{margin:0}.gallery-item figcaption{font-family:var(--ob-font-body);font-style:italic;font-size:var(--ob-text-sm);color:var(--ob-ink-muted);margin-top:var(--ob-space-3);text-align:center}.project__body{max-width:40rem;margin:0 auto var(--ob-space-12);font-size:var(--ob-text-lg)}.project__pager{justify-content:space-between;gap:var(--ob-space-6);border-top:1px solid var(--ob-border);padding:var(--ob-space-8) 0 var(--ob-space-4);margin-top:var(--ob-space-8);display:flex}.project__pager a{font-family:var(--ob-font-display);color:var(--ob-ink-secondary);transition:color var(--ob-motion-fast) var(--ob-ease);font-weight:600;text-decoration:none}.project__pager a:hover{color:var(--ob-accent-ink)}.about__role{font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);letter-spacing:var(--ob-tracking-caps);text-transform:uppercase;color:var(--ob-accent-2-ink);font-weight:600}.about__grid{gap:var(--ob-space-12);padding-bottom:var(--ob-space-16);grid-template-columns:minmax(0,1fr);max-width:68rem;display:grid}@media (width>=800px){.about__grid{grid-template-columns:minmax(260px,380px) minmax(0,1fr)}}.about__portrait img{border-radius:var(--ob-radius-md);width:100%}.about__bio p{font-size:var(--ob-text-lg);margin:0 0 var(--ob-space-6)}.contact__lede{font-size:var(--ob-text-lg);color:var(--ob-ink-secondary);max-width:34rem}.contact__form{gap:var(--ob-space-6);max-width:36rem;padding-bottom:var(--ob-space-16);display:grid}.contact__form label{gap:var(--ob-space-2);font-family:var(--ob-font-ui);font-size:var(--ob-text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--ob-ink-secondary);font-weight:600;display:grid}.contact__form input,.contact__form textarea{font-family:var(--ob-font-body);font-size:var(--ob-text-base);color:var(--ob-ink);background:var(--ob-surface);border:1px solid var(--ob-gray-300);border-radius:var(--ob-radius-sm);padding:var(--ob-space-3)}.contact__form input:focus,.contact__form textarea:focus{outline:2px solid var(--ob-focus-ring);outline-offset:1px;border-color:var(--ob-teal-500)}.contact__form .button{justify-self:start}.contact__thanks{font-size:var(--ob-text-xl);font-family:var(--ob-font-display);color:var(--ob-teal-700);padding:var(--ob-space-8) 0 var(--ob-space-16)}.contact__error{color:var(--ob-orange-700)}