.mobile-project-post[data-astro-cid-uquahqqr]{display:none}@media(max-width:47.99rem){.mobile-project-post[data-astro-cid-uquahqqr]{display:block;background:#080b0c;color:#fff;font-family:var(--font-body)}.post-return[data-astro-cid-uquahqqr]{padding:.3rem 1.1rem .5rem}.post-return[data-astro-cid-uquahqqr] a[data-astro-cid-uquahqqr]{display:inline-flex;align-items:center;min-height:44px;font-size:.85rem;color:#b6bfba}.post-details[data-astro-cid-uquahqqr]{padding:0 1.1rem 2rem}details[data-astro-cid-uquahqqr]{border-bottom:1px solid #ffffff25;padding-bottom:1rem}summary[data-astro-cid-uquahqqr]{cursor:pointer;padding:.75rem 0;font-size:.95rem}.post-notes[data-astro-cid-uquahqqr]{font-size:.9rem;line-height:1.65;color:#c5cec8}.post-notes[data-astro-cid-uquahqqr] p{margin:.9rem 0}.post-notes[data-astro-cid-uquahqqr] h2{font:500 1rem var(--font-body);margin:1.5rem 0 .75rem}section[data-astro-cid-uquahqqr]{padding:1.5rem 0}h2[data-astro-cid-uquahqqr]{font-size:1rem;font-weight:500;margin:0 0 1rem}dl[data-astro-cid-uquahqqr]{display:grid;gap:.8rem;font-size:.8rem;line-height:1.45}dl[data-astro-cid-uquahqqr] div[data-astro-cid-uquahqqr]{display:grid;grid-template-columns:1fr 1.35fr;gap:1rem}dt[data-astro-cid-uquahqqr]{color:#aab4ae}dd[data-astro-cid-uquahqqr]{margin:0}.post-portfolio-grid[data-astro-cid-uquahqqr]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:0 0 2rem}.post-portfolio-grid[data-astro-cid-uquahqqr] a[data-astro-cid-uquahqqr]{display:block;min-width:0;aspect-ratio:1/1;overflow:hidden;background:#111}.post-portfolio-grid[data-astro-cid-uquahqqr] img[data-astro-cid-uquahqqr]{width:100%;height:100%;display:block;object-fit:cover}.post-portfolio-grid[data-astro-cid-uquahqqr] a[data-astro-cid-uquahqqr]:focus-visible{outline:3px solid white;outline-offset:-3px}}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail{--detail-gutter:clamp(20px,4vw,56px);background:#fff;color:#171918;overflow:clip}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero,.experience-hero){position:relative;top:auto;display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;background:#fff}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero__title,.experience-hero__title,.narrative-intro){position:static;order:0;display:block;width:min(1200px,calc(100% - 2 * var(--detail-gutter)));margin:auto;padding:calc(var(--site-nav-height) + 48px) 0 32px;color:#171918;background:#fff;text-align:left;animation:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero__title,.experience-hero__title,.narrative-intro) h1{max-width:24ch;margin:0;font:400 clamp(40px,6vw,80px)/1.04 Georgia,serif;letter-spacing:-.045em;text-align:left;text-wrap:balance;overflow-wrap:normal;animation:none}.portfolio-detail__navigation{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:24px;color:#61665d;font:400 11px/1.5 var(--font-body);text-transform:uppercase}.portfolio-detail__navigation a{text-underline-offset:4px}.portfolio-detail__navigation a:is(:hover,:focus-visible){text-decoration:underline;color:var(--color-accent)}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero,.experience-hero)>figure,.portfolio-detail__cover{position:relative;inset:auto;order:1;width:calc(100% - 16px);max-width:1440px;height:auto;margin:0 auto;border-radius:8px;overflow:hidden;background:#f4f5f1}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero,.experience-hero)>figure:after{display:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero,.experience-hero) img,.portfolio-detail__cover img{display:block;width:100%;height:auto;object-fit:contain;background:#f4f5f1}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .portfolio-story-content{position:relative;display:flow-root;background:#fff;border-radius:0;box-shadow:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-introduction,.experience-introduction){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:min(1120px,calc(100% - 2 * var(--detail-gutter)));min-height:0;margin:auto;padding:56px 0;align-content:start;gap:48px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-introduction,.experience-introduction)>h2{max-width:none;margin:0;font:400 clamp(26px,2.5vw,36px)/1.25 Georgia,serif;letter-spacing:-.025em;text-wrap:pretty}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-facts,.experience-facts){width:auto;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:24px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-facts,.experience-facts) dt{font:400 11px/1.5 var(--font-body);letter-spacing:.03em;color:#61665d}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-facts,.experience-facts) dd{color:#171918;font:400 16px/1.5 var(--font-body);text-transform:none;overflow-wrap:anywhere}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-visual-group,.experience-visual-group){width:min(1440px,calc(100% - 32px));margin:16px auto;gap:16px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.story-frame,.experience-frame,.narrative-process figure){border-radius:6px;background:#fff}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.story-frame img,.story-frame video,.experience-frame img){height:auto;object-fit:contain;animation:none!important;transform:none!important;transition:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .experience-frame figcaption{position:static;padding:12px 0;color:#61665d;font:400 13px/1.5 var(--font-body);text-shadow:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-notes-section,.experience-notes,.project-team-section){width:min(1120px,calc(100% - 2 * var(--detail-gutter)));margin:auto;padding:56px 0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-notes-section__copy>h2,.experience-notes h2,.project-team-section>header h2,.narrative-process h2,.narrative-notes h2){margin:0 0 24px;max-width:32ch;font:400 clamp(30px,3.5vw,48px)/1.1 Georgia,serif;letter-spacing:-.035em;color:#171918}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .notes-copy{max-width:720px;margin:0;color:#535a50;font-size:16px;line-height:1.75}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-section{scroll-margin-top:calc(var(--site-nav-height) + 24px);border-block:1px solid #dedfd9}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-section>header{padding:0;border:0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-section__content{padding:0;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:48px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dl{gap:0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dl div{grid-template-columns:minmax(120px,.5fr) minmax(0,1fr);padding:14px 0;border-bottom:1px solid #e7e8e2;align-items:baseline;gap:12px 24px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dt{color:#61665d;font:400 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dd{color:#171918;font:400 16px/1.5 var(--font-body);overflow-wrap:anywhere}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-links :is(h3,a){font:400 14px/1.5 var(--font-body);color:#535a50}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-stepper,.experience-stepper,.narrative-return){width:min(1200px,calc(100% - 2 * var(--detail-gutter)));min-height:0;margin:auto;padding:40px 0;color:#535a50;font:400 13px/1.5 var(--font-body);letter-spacing:0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .narrative-intro>div{max-width:720px;margin-top:24px;color:#535a50;font:400 18px/1.6 var(--font-body)}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.narrative-process,.narrative-notes){width:min(1120px,calc(100% - 2 * var(--detail-gutter)));margin:auto;padding:48px 0;color:#171918}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.narrative-process figcaption,.narrative-notes p){color:#535a50;line-height:1.6}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(width<64rem){html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-introduction,.experience-introduction){gap:32px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-section__content{grid-template-columns:1fr;gap:32px}}@media(width<48rem){html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero__title,.experience-hero__title,.narrative-intro){padding-top:calc(var(--site-nav-height) + 32px);padding-bottom:24px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero__title,.experience-hero__title,.narrative-intro) h1{font-size:clamp(36px,10vw,52px);overflow-wrap:anywhere}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-hero,.experience-hero)>figure,.portfolio-detail__cover{height:auto;aspect-ratio:auto}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-introduction,.experience-introduction){grid-template-columns:1fr;padding:32px 0;gap:28px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-notes-section,.experience-notes,.project-team-section){padding:36px 0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dl div{grid-template-columns:minmax(96px,.7fr) minmax(0,1fr);gap:12px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail .project-team-list dt{font-size:12px}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.project-stepper,.experience-stepper){flex-wrap:wrap;gap:16px;padding:32px 0}html[data-site-theme=portfolio] body.has-overlay-navigation .portfolio-detail :is(.narrative-process,.narrative-notes){padding:32px 0}}
