:root{color-scheme:light;--paper:#c5c5c5;--ink:#181818;--muted:#4c4c4c;--line:#969696;--accent:#263cf0;font-family:Arial,"Segoe UI",sans-serif;font-size:100%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.05}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:white}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1600px,calc(100% - 64px));margin-inline:auto}.eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}
.site-header{background:var(--ink);color:#f4f4f4}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:2.15rem;font-weight:900;letter-spacing:-.06em;line-height:1}.brand-dot{color:#8390ff}.nav{display:flex;flex-wrap:wrap;gap:28px;font-size:.8rem;text-transform:uppercase;font-weight:600;letter-spacing:.025em}.nav a{display:inline-block;padding:12px 0}.intro{padding:46px 0 38px;display:flex;justify-content:space-between;align-items:end;gap:40px}.intro h1{font-size:clamp(3rem,6.7vw,7.1rem);font-weight:800;letter-spacing:-.065em;margin-top:20px;line-height:.91}.intro h1 span{color:var(--accent)}.intro-note{font-size:.875rem;flex-shrink:0;padding-bottom:5px}.intro-note>p:first-child{font-weight:700;margin-bottom:12px}.intro-note>p:nth-child(2){color:var(--muted)}.intro-note a{display:inline-block;margin-top:16px}.work-strip{border-block:1px solid var(--line);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.work-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.work-strip nav{display:flex;gap:28px}.collection{padding-block:36px 76px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font-size:clamp(1.6rem,3vw,3rem);font-weight:800;letter-spacing:-.055em}.section-heading>p{font-size:.75rem;text-transform:uppercase;color:var(--muted);letter-spacing:.035em}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:66px 24px;align-items:start}.project-tile{min-width:0}.project-tile.wide{grid-column:1/-1}.project-link{display:block}.project-link:hover{text-decoration:none}.tile-art{display:flex;align-items:center;justify-content:center}.tile-art img{width:100%;max-width:var(--native-width);height:auto;object-fit:contain}.gallery>.project-tile:nth-child(-n+2) .tile-art img{max-height:650px;width:auto;max-width:100%}.tile-caption{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-top:16px}.tile-caption h3{font-size:1.1rem;font-weight:700;letter-spacing:-.025em}.tile-caption span{font-size:.75rem;color:var(--muted);text-align:right}.tile-caption b{font-size:1.2rem;margin-left:8px;color:var(--ink)}.project-link:hover h3{text-decoration:underline;text-underline-offset:5px}.supplementary .tile-art img{max-height:550px;object-fit:contain}.ui-collection{background:#222337;color:#f4f4f6;padding:46px 0 56px}.ui-collection .section-heading>p,.ui-collection .tile-caption span{color:#bbbccb}.ui-collection .tile-caption b{color:white}.ui-collection .tile-art img{width:100%;max-height:none}.about-section{background:#eeeeea}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 0 60px}.about h2{font-size:clamp(2rem,4.5vw,4.3rem);letter-spacing:-.065em;margin-top:22px}.about-copy{max-width:640px;font-size:1.05rem}.about-copy p+p{margin-top:20px}.about-copy .tools{font-size:.85rem;color:var(--muted)}.contact{padding:0 0 60px}.contact>a{font-size:clamp(1.15rem,4vw,3rem);letter-spacing:-.04em;display:inline-block;margin-top:12px;overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;font-size:.75rem;color:var(--muted)}
.project-header{padding:32px 0 44px}.back{display:inline-block;font-size:.8rem;padding:8px 0;margin-bottom:34px}.project-title{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px}.project-title h1{font-size:clamp(2.6rem,5.5vw,5.8rem);letter-spacing:-.065em;margin-top:16px;overflow-wrap:anywhere}.project-description{font-size:1rem;max-width:520px;color:var(--muted);justify-self:end}.art-section{padding:18px 0 58px}.art-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px;margin-bottom:26px}.art-heading h2{font-size:1.2rem;font-weight:500;letter-spacing:-.02em}.art-heading>p{font-size:.85rem;color:var(--muted);margin-left:auto}.art-grid{display:grid;gap:36px 32px;align-items:center}.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.artwork a{display:flex;align-items:center;justify-content:center;cursor:zoom-in}.artwork img{width:100%;max-width:var(--native-width);height:auto;object-fit:contain}.cols-1 img{max-height:980px;width:auto;max-width:min(100%,var(--native-width))}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:0 50px}.project-notes h2{font-size:1.1rem;margin-bottom:14px}.project-notes p{max-width:620px}.next-project{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:40px 0 60px}.next-project h2{font-size:clamp(1.8rem,4vw,4rem);letter-spacing:-.05em;margin-top:12px}.next-project>span{font-size:3rem}.ui-project{background:#222337;color:white}.ui-project .project-description,.ui-project .art-heading>p{color:#bbbccb}
.viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:80px 24px 24px;border:0;background:var(--paper);color:var(--ink)}.viewer::backdrop{background:var(--paper)}.viewer-inner{height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.viewer-inner img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--ink);color:white}.viewer-label{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-toolbar>div{display:flex;align-items:center;gap:24px;flex-shrink:0}.viewer-original{font-size:.8rem}.viewer-close{background:transparent;color:white;border:1px solid #777;padding:10px 14px;min-height:44px}body:has(.viewer[open]){overflow:hidden}
@media(min-width:1665px){.intro{padding-block:60px}.gallery{gap:80px 40px}}
@media(max-width:1000px){.intro-note{font-size:.8rem}.project-title{gap:30px;grid-template-columns:1fr 1fr}.tile-caption{display:block}.tile-caption span{display:block;text-align:left;margin-top:6px}.gallery{row-gap:48px}.about{gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:72px;flex-wrap:wrap;gap:6px 18px;padding-block:15px}.brand{font-size:1.8rem}.nav{gap:18px;font-size:.7rem}.nav a{padding-block:6px}.intro{padding:30px 0;display:block}.intro .eyebrow{font-size:.65rem}.intro h1{font-size:clamp(2.8rem,11.5vw,5rem);margin-top:18px}.intro-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-top:24px}.intro-note>p:first-child{margin:0}.intro-note>p:nth-child(2){display:none}.intro-note a{margin:0}.work-strip>.wrap{align-items:start;flex-direction:column;gap:12px}.work-strip nav{gap:22px}.work-strip{font-size:.65rem}.collection{padding-block:28px 48px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-bottom:28px}.section-heading h2{font-size:1.8rem}.section-heading>p{font-size:.65rem}.gallery{grid-template-columns:1fr;gap:38px}.gallery>.project-tile:nth-child(-n+2) .tile-art img{max-height:none;width:100%;max-width:var(--native-width)}.tile-caption{display:flex;align-items:start;gap:14px;padding-top:12px}.tile-caption h3{font-size:1rem}.tile-caption span{font-size:.65rem;text-align:right;max-width:45%;margin-top:0}.tile-caption b{margin-left:3px}.ui-collection{padding:32px 0}.about{grid-template-columns:1fr;padding-block:45px 35px;gap:28px}.about-copy{font-size:.95rem}.about h2{font-size:2.3rem}.contact{padding-bottom:40px}.footer{font-size:.65rem;align-items:start}.footer span{max-width:220px}.project-header{padding-block:24px 32px}.back{margin-bottom:24px}.project-title{grid-template-columns:1fr;gap:24px}.project-title h1{font-size:clamp(2.7rem,10vw,4rem)}.project-description{justify-self:start;font-size:.95rem}.art-section{padding-block:16px 32px}.art-heading{gap:9px;margin-bottom:22px}.art-heading h2{font-size:1rem}.art-heading>p{flex-basis:100%;font-size:.8rem;margin-left:0}.art-grid{grid-template-columns:1fr;gap:26px}.project-notes{grid-template-columns:1fr;gap:26px;padding-bottom:32px}.next-project{padding-block:30px 40px}.viewer{padding:80px 10px 14px}.viewer-toolbar{padding:12px;gap:10px}.viewer-toolbar>div{gap:12px}.viewer-label{font-size:.65rem;max-width:42%}.viewer-original{font-size:.65rem}.viewer-close{font-size:.8rem;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.category-intro{padding-block:38px;align-items:center}.category-intro h1{font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.05;margin-top:12px}.category-intro .intro-note{color:var(--muted);font-size:.85rem}.category-section{padding:26px 0 70px;border-top:1px solid var(--line)}.category-section .section-heading{margin-bottom:32px}.category-section h2{font-size:clamp(1.5rem,2.6vw,2.6rem)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px}.category-link{display:block;min-width:0}.category-link:hover{text-decoration:none}.category-art{height:175px;display:flex;align-items:center;justify-content:center}.category-art img{width:100%;height:100%;object-fit:contain}.category-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.category-caption .eyebrow{font-size:.65rem;color:var(--muted)}.category-caption h3{font-size:1.5rem;letter-spacing:-.04em;margin-top:6px}.category-arrow{font-size:1.8rem}.category-cta{display:inline-block;font-size:.8rem;color:var(--accent);margin-top:9px}.category-link:hover h3,.category-link:hover .category-cta{text-decoration:underline;text-underline-offset:4px}.collection-header{padding:30px 0 38px}.collection-header .back{margin-bottom:24px}.collection-header h1{font-size:clamp(2.4rem,5.5vw,5.5rem);letter-spacing:-.06em}.collection-description{font-size:1rem;color:var(--muted);max-width:700px}.collection-header .section-heading{margin-bottom:18px}.collection-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:30px;border-block:1px solid var(--line);padding:12px 0;font-size:.85rem}.collection-nav a{padding:8px 0}.collection-nav [aria-current=page]{font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:6px}.collection-projects{padding-bottom:45px}.collection-projects .wide .tile-art img{max-height:none}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-art{height:230px}.category-caption h3{font-size:1.4rem}}
@media(max-width:650px){.category-intro{padding-block:28px}.category-intro h1{font-size:clamp(1.8rem,7.9vw,3rem);line-height:1.1}.category-intro h1 span{display:block}.category-intro .intro-note{display:block;margin-top:16px}.category-grid{grid-template-columns:1fr;gap:36px}.category-art{height:250px}.category-caption{margin-top:15px}.category-caption h3{font-size:1.5rem}.category-section{padding-block:25px 45px}.category-section .section-heading{gap:10px}.collection-nav{gap:4px 18px;font-size:.8rem}.collection-header{padding-block:24px 28px}.category-cta{padding-block:5px}}