*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f8f8f6;color:#171918;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #345af7;outline-offset:6px}button{cursor:pointer}header{display:flex;align-items:center;gap:24px;margin:0 3.5%;padding:15px 0;border-bottom:1px solid #bfc1bd}nav{margin-left:auto;display:flex;gap:32px;font-size:14px}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:6px}.signature{font-size:32px;font-weight:800;letter-spacing:-3px}.identity{font-size:14px}main{padding:0 3.5%}.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px 0 25px;gap:20px}h1{margin:0;font-size:clamp(4rem,14.7vw,16rem);font-weight:800;letter-spacing:-.065em;line-height:.93}.disciplines{font-size:14px;line-height:1.4;padding-right:3px}figure{margin:0}.hero{margin-inline:-3.5vw}.hero .art-open{width:100%;background:transparent}.hero img{display:block;width:100%;height:auto;max-height:none}.hero figcaption{padding-inline:3.5vw}.art-open{display:block;position:relative;border:0;padding:0;background:none;width:100%;overflow:hidden}.art-open img{width:100%;height:auto;display:block}.expand{position:absolute;bottom:18px;right:18px;padding:9px 13px;background:#f8f8f6;color:#171918;font-size:14px;opacity:0;transition:opacity .2s}.art-open:hover .expand,.art-open:focus-visible .expand{opacity:1}figcaption{display:flex;justify-content:space-between;font-size:14px;padding-top:12px}.hero figcaption{padding-top:16px}.works{padding-top:110px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid #bfc1bd;padding-top:20px;margin-bottom:65px}h2{font-size:clamp(1.6rem,3.3vw,3.4rem);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0}.section-heading>span,.eyebrow{font-size:14px}.art-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;row-gap:110px;padding:0 5% 120px}.first{max-width:490px}.art-column{padding-top:30px}.interlude{font-size:clamp(2rem,4.2vw,4.3rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 90px}em{font-family:Georgia,serif;font-weight:400}figcaption span:first-child{color:#5a5e58}.metro{padding-top:60px}.last{max-width:490px;justify-self:end}.universe{background:#000000;color:#f8f8f6;margin:0 -3.763%;padding:65px 3.5% 90px}.universe .section-heading{border-color:#617169;margin-bottom:50px}.universe-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:start;margin:0 0 70px}.universe-intro>p{font-size:clamp(1.8rem,3.8vw,3.8rem);line-height:1.1;letter-spacing:-.035em;margin:0}.universe-intro>div{max-width:420px;line-height:1.7}.project-list{border-top:1px solid #617169}details{border-bottom:1px solid #617169}summary{display:flex;gap:24px;align-items:center;cursor:pointer;padding:25px 0;list-style:none}summary::-webkit-details-marker{display:none}h3{font-size:clamp(1.5rem,3vw,3rem);line-height:1.2;font-weight:400;margin:0;letter-spacing:-.035em}.number{font-size:14px;width:40px}.detail-label{margin-left:auto;font-size:14px}.plus{font-size:26px;margin-left:auto}details[open] .plus{transform:rotate(45deg)}details>p{max-width:660px;margin:0 0 30px 64px;color:#d6dfd9;line-height:1.75}.about{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding:120px 5%}.about h2{font-size:clamp(2.7rem,6vw,6rem);margin-bottom:35px}.about p{max-width:620px;font-size:18px;line-height:1.7}.about .eyebrow{padding-top:12px}footer{padding:24px 3.5%;display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid #bfc1bd;font-size:14px}.footer-name{font-size:26px;font-weight:800;letter-spacing:-1px}.skip{position:fixed;left:15px;top:-100px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}dialog{background:#101411;color:#fafbf9;border:0;padding:24px;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#101411}.viewer-top,.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewer-top button,.viewer-controls button{background:transparent;color:inherit;border:1px solid #627167;padding:10px 16px;font-size:14px}.viewer-image{flex:1;min-height:0;padding:20px 0;display:flex;align-items:center;justify-content:center}.viewer-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}#viewer-caption,#count{font-size:14px}@media(max-width:700px){header{gap:15px}nav{gap:17px}.identity{display:none}.masthead{padding:27px 0 23px;display:block}h1{font-size:17.6vw}.disciplines{display:none}.hero img{max-height:none}.hero figcaption{font-size:12px}.works{padding-top:65px}.section-heading{margin-bottom:35px;gap:12px}.section-heading>span{font-size:12px;white-space:nowrap}.art-grid{gap:45px 7%;padding:0 0 65px}.interlude{font-size:1.6rem;margin:0 0 35px}.art-column{padding-top:35px}.metro{padding-top:0}.last{padding-top:35px}.expand{display:none}.universe{padding-top:45px;padding-bottom:50px}.universe-intro{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.universe-intro>div{font-size:16px}.detail-label{display:none}.number{width:20px}.project-list summary{gap:15px}.project-list details>p{margin-left:35px}.about{padding:65px 0;grid-template-columns:1fr;gap:25px}.about p{font-size:16px}footer{flex-wrap:wrap;gap:14px}footer span{order:3;flex-basis:100%;font-size:12px}dialog{padding:16px}#viewer-caption{display:none}.viewer-controls button{padding:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap}.mask-letter{display:inline-block;flex:none;width:.479em;height:.78em;align-self:center;margin:0 .025em 0 .045em;overflow:hidden}.footer-name .mask-letter{width:.48em;height:.78em}

.signature{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.signature-mask{display:block;width:22px;height:36px;overflow:hidden}

.project-link{text-decoration:underline;text-underline-offset:6px}header nav{flex-wrap:wrap}header{flex-wrap:wrap}@media(max-width:700px){header nav{gap:10px 16px;font-size:14px}}

.animation-films{display:grid;gap:40px;margin:15px 0 50px 64px}.animation-films video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#fff}.animation-films figcaption{color:#d6dfd9;font-size:14px}@media(max-width:700px){.animation-films{margin-left:0;gap:25px;margin-bottom:30px}}

.detail-lens{display:none;position:absolute;pointer-events:none;border:0;border-radius:22px;background-repeat:no-repeat;box-shadow:0 8px 30px rgba(0,0,0,.32);z-index:2}.hero .art-open.lens-active{cursor:none}.hero .lens-active .detail-lens{display:block}.hero .lens-active .expand{opacity:0}@media(hover:none),(pointer:coarse){.detail-lens{display:none!important}}

/* Angular lettering study for the portfolio masthead. */
.masthead .angular-title{width:min(76vw,1200px);flex:0 1 1200px;min-width:0;line-height:0;letter-spacing:0}.angular-wordmark{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:multiply}.masthead .disciplines{flex-shrink:0}@media(max-width:700px){.masthead .angular-title{width:100%}}