body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:15px}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.editorial-header{padding:26px 4vw 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;background:#fff;color:#111}
.signature{grid-column:2;font:italic 30px/1.1 Georgia,serif;letter-spacing:-1.5px;white-space:nowrap}
.editorial-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;font-size:12px}
.editorial-header nav a[aria-current],.editorial-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.header-contact{grid-column:3;grid-row:1;justify-self:end;font-size:13px}
.cover-page{background:#000;color:#fff}
.portrait-cover{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#000}
.portrait-cover>img{height:100%;width:100%;object-fit:contain;object-position:center}
.cover-title{position:absolute;top:5%;left:4%;right:4%;text-align:center}
.cover-title h1{font:italic clamp(44px,6vw,90px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:0 0 12px}
.cover-title p{font-size:12px;letter-spacing:.12em;margin:0}
.cover-navigation{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:28px;background:#000;padding:16px 24px;width:max-content;max-width:92%;font-size:13px}
.cover-navigation a{white-space:nowrap}.cover-navigation a:hover{text-decoration:underline;text-underline-offset:5px}
.index-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;padding:12vh 4vw 100px;align-items:start}
.index-layout h1{font:400 18px/1.3 Arial,sans-serif;margin:0 0 8px}.index-note{font:italic 16px/1.4 Georgia,serif;margin:0 0 36px}
.index-row{display:grid;grid-template-columns:24px minmax(0,1fr) 105px;gap:12px;padding:11px 0;align-items:baseline;font-size:14px}
.index-row em{font:italic 14px/1.3 Georgia,serif}.index-row:hover>span:nth-child(2),.index-row:focus>span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.index-preview{position:sticky;top:40px;margin:0}.index-preview img{width:100%;height:440px;object-fit:contain}.index-preview figcaption{font-size:11px;margin-top:16px}
.discipline-page,.storefronts-page,.about-page,.services-page,.project-page{background:#fff;color:#111}
.discipline-page .work,.work{background:#fff;color:#111;padding-top:64px}
.discipline-page .work-introduction h1,.storefront-intro h1,.about-page .about h1,.services-page h1{font:400 clamp(32px,4vw,56px)/1.1 Arial,sans-serif;letter-spacing:-.045em}
.work-introduction>p,.storefront-intro p{font-size:14px;line-height:1.6}.work-introduction{align-items:start}
.discipline-nav a{color:#555;font-size:12px;padding:6px 12px}.discipline-nav a:hover,.discipline-nav a[aria-current]{background:#111;color:#fff}
#projects.unified-work{gap:48px 28px}#projects.unified-work .picture{background:#f3f3f3}#projects.unified-work .picture::after{display:none}
#projects.unified-work .picture img{filter:none!important}#projects.unified-work .project h3{font-size:17px;font-weight:400;letter-spacing:-.02em;color:#111}#projects.unified-work .project-caption p{color:#555;font-size:12px}
.store-art{background:#f3f3f3}.store-art img{filter:none}.store-caption strong{font-size:18px}.store-caption>span,.store-directory p,.store-meta,.storefront-intro p+p{color:#555}.storefront-gallery{gap:44px 28px}.storefront-intro{padding-top:64px}.store-directory h2{font-size:26px}.store-directory-links a{font-size:14px}
.project-page #project-story{padding:0 4vw}.story-hero{margin:28px 0 56px}.story-hero img{width:100%;height:75svh;object-fit:contain;background:#f7f7f7}.story-intro{padding:0 0 48px;max-width:1000px}.story-intro h1{font:400 clamp(32px,4vw,60px)/1.1 Arial,sans-serif;letter-spacing:-.04em}.story-premise{font-size:17px;max-width:65ch}.story-overview,.story-section{gap:5vw;margin-bottom:50px}.story-overview h2,.story-section h2{font:italic 24px/1.2 Georgia,serif;letter-spacing:0}.story-overview p,.story-section p{font-size:15px;line-height:1.7}.story-evidence{margin-bottom:56px}.next-project{padding:30px 0 64px}.next-project h2{font-size:30px}
footer,.about-page footer,.services-page footer{background:#fff;color:#111;padding-top:60px;padding-bottom:28px}footer h2{font:italic clamp(30px,4vw,54px)/1.1 Georgia,serif;letter-spacing:-.035em}footer .contact-links p,footer small{color:#555}footer .contact-button{background:none;color:#111;padding:0;font-weight:400}.contact-links{gap:16px}.contact-links svg{width:18px;height:18px}.about-page .about p{font-size:15px}.about-page .about h3{font:400 30px/1.2 Arial,sans-serif}.blue-button{background:#111;color:#fff}
@media(max-width:800px){.index-layout{grid-template-columns:1fr;padding-top:50px}.index-preview{display:none}.editorial-header nav{gap:10px 16px}.story-hero img{height:60svh}}
@media(max-width:650px){.portrait-cover{min-height:540px}.portrait-cover>img{object-fit:contain}.cover-title{top:6%}.cover-title h1{font-size:44px}.cover-navigation{flex-wrap:wrap;gap:12px 22px;padding:14px 18px;bottom:24px}.signature{font-size:25px}.editorial-header{padding:22px 20px;gap:18px 10px}.header-contact{font-size:11px}.editorial-header nav{font-size:11px}.index-layout{padding:35px 20px 60px}.index-row{grid-template-columns:20px minmax(0,1fr);font-size:14px}.index-row em{grid-column:2;font-size:12px}.discipline-page .work{padding-top:32px}.story-hero img{height:50svh}.story-intro h1{font-size:34px}.storefront-intro{padding-top:32px}}
.cover-title{top:1.5%}.cover-title h1{font-size:clamp(40px,4.5vw,62px)}
.index-row{grid-template-columns:24px minmax(0,1fr) 140px}.index-row em{font-size:13px}
@media(max-width:650px){.cover-title{top:6%}.cover-title h1{font-size:40px}.index-row{grid-template-columns:20px minmax(0,1fr)}}
@font-face{font-family:Blackletter;src:url('assets/fonts/UnifrakturMaguntia-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.signature{font-family:Blackletter,Georgia,serif;font-style:normal;font-size:36px;letter-spacing:0}
html,body,body *{cursor:pointer}
@media(max-width:650px){.signature{font-size:29px}}
html,body,body *{cursor:url('assets/pixel-hand.png') 8 2,auto}
a,a *,button,button *,[role="button"]{cursor:url('assets/pixel-hand-link.png') 8 2,pointer}
.about-page .about-bio-action{display:block;clear:both;margin-top:28px}.about-page .about-bio-action .blue-button{position:static;display:inline-block;margin:0}
