@font-face{font-family:Instrument;src:url('fonts/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('fonts/InstrumentSerif-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f4f1eb;--ink:#27251f;--muted:#706d63;--line:#d7d1c7;--accent:#773c49;--serif:Instrument,Georgia,serif;--gutter:clamp(24px,4.4vw,84px)}
::selection{background:#d9bcc2;color:var(--ink)}
a:focus-visible,button:focus-visible{outline-color:var(--accent)}
.site-header{padding-block:26px;border:0;position:relative}
.site-header:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:var(--line)}
.wordmark{font-size:25px;letter-spacing:-.055em}
.wordmark span{font-size:9px;letter-spacing:.025em;margin-top:9px}
.site-header nav{gap:34px;font-size:11px}
.site-header nav a{transition:color .2s}
.site-header nav a:hover{color:var(--accent);border-color:var(--accent)}
.intro{display:grid;grid-template-columns:1fr 290px;gap:0 50px;position:relative;padding:38px var(--gutter) 45px;align-items:end}
.intro-kicker{grid-column:1;font-size:10px;letter-spacing:.06em;display:flex;align-items:center;gap:10px;margin-bottom:22px}
.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.intro h1{font:400 clamp(76px,8.1vw,134px)/.83 var(--serif);letter-spacing:-.045em;grid-column:1;max-width:900px}
.intro h1 em{font-weight:400;color:var(--accent);display:inline-block;padding-left:9vw}
.intro>div{grid-column:2;grid-row:1/3;min-width:0;font-size:13px;padding-bottom:3px;position:relative}
.intro>div>span{font-size:10px;line-height:1.6;margin-top:21px;color:var(--muted);display:block}
.orbit-mark{display:block;width:74px;height:74px;color:var(--accent);margin-bottom:30px;animation:orbit-drift 48s linear infinite;transform-origin:center}
@keyframes orbit-drift{to{transform:rotate(360deg)}}
.intro-scroll{grid-column:1/-1;display:flex;align-items:center;gap:27px;font-size:10px;margin-top:31px;width:max-content}
.intro-scroll>span{font-size:18px;transition:transform .3s}
.intro-scroll:hover>span{transform:translateY(4px)}
.collection-bar{background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(12px);padding:20px 0;border-top:1px solid var(--line)}
.category-filters{gap:25px}
.category-filters button{font-size:11px}
.category-filters button[aria-pressed=true]{color:var(--accent)}
.category-filters button:after{height:1px;bottom:-8px}
.view-controls{font-size:10px;gap:16px}
.collection-meta{font-size:10px;padding:21px 0 29px}
.project-grid{gap:90px 36px}
.project-caption{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;gap:12px;grid-template-columns:24px 1fr 26px}
.project-caption h2{font:400 clamp(25px,2.35vw,38px)/1.1 var(--serif);letter-spacing:-.015em}
.project-caption p{font-size:10px;margin-top:7px}
.project-number{font-size:9px;align-self:start;padding-top:6px;color:var(--accent)}
.project-discipline{display:none}
.project-arrow{border:1px solid var(--line);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:14px;transition:background .25s,color .25s,border-color .25s;align-self:start;margin-top:2px}
.project-link:hover .project-arrow{background:var(--accent);color:var(--paper);border-color:var(--accent);transform:none}
.project-visual{background:#e9e4dc}
.project-visual img,.project-visual video{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.project-link:hover .project-visual img{transform:scale(1.035)}
.project-action{background:var(--paper);border-radius:2px;padding:10px 13px;font-size:10px;gap:35px;right:18px;bottom:18px}
.film-toggle{background:#25231ecc;border:0;padding:7px 10px;font-size:9px}
.film-stills .project-visual img{object-fit:cover}
.email .project-visual{background:#e7e2d9;padding:24px 13% 0}
.interface .project-visual{background:#e8e6df;padding:7%}
.garment .project-visual{background:#c4c5cb}
.collection-more{padding-block:65px 100px}
.collection-more>button{font-size:13px;border-color:var(--accent);color:var(--accent)}
.collection-more>a:hover{color:var(--accent)}
.is-list .project-link{padding-block:20px}
.is-list .project-caption{border:0;margin:0;padding:0;grid-template-columns:28px 1fr 27px}
.is-list .project-caption h2{font:400 28px/1.1 var(--serif)}
.is-list .project-caption p{font-size:11px}
.is-list .project-number{align-self:center;padding:0}
.is-list .project-arrow{align-self:center;margin:0}
.about-section{padding-block:80px 100px;grid-template-columns:1fr 2.2fr 1fr;gap:55px}
.about-section>.section-kicker{color:var(--accent)}
.about-main h2{font:400 clamp(38px,4.1vw,68px)/.98 var(--serif);letter-spacing:-.025em;margin-bottom:34px}
.about-main h2 em{font-weight:400;color:var(--accent)}
.about-main>p{font-size:13px;line-height:1.9}
.about-details{font-size:10px;line-height:1.9}
footer{background:#2c2a25;padding-top:55px}
.footer-invitation{padding-bottom:65px;align-items:center}
.footer-invitation>a{font:italic 400 clamp(70px,9.4vw,150px)/.9 var(--serif);letter-spacing:-.035em}
.footer-invitation>a span{display:inline-block;font:400 .5em var(--sans);transition:transform .3s}
.footer-invitation>a:hover span{transform:translate(5px,-5px)}
.footer-meta{border-color:#514e46}
.reader-nav{background:var(--paper);padding-block:19px}
.reader-nav>span{color:var(--accent)}
.reader-heading{padding-block:46px 42px;grid-template-columns:1.8fr 1fr}
.reader-heading h1{font-family:var(--serif);font-size:clamp(48px,6.6vw,100px);letter-spacing:-.025em;line-height:.97}
.reader-heading .section-kicker{color:var(--accent)}
.reader-facts{font-size:11px;line-height:1.7}
.reader-description{padding-block:65px 85px}
.reader-description h2{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.reader-description>div>p{font-size:15px;line-height:1.9}
.reader-gallery{gap:65px 36px}
.reader-end{padding-block:45px 60px}
.reader-end>button:last-child{font:400 38px/1.1 var(--serif);letter-spacing:-.02em}
.reader-end>button:last-child>span{font-family:var(--sans);font-size:10px}
.sketch-workbench,.live-art{background:#e8e4dc}
.sketch-menu button[aria-pressed=true]{color:var(--accent)}
.reader[open] #reader-content{animation:reader-in .4s ease-out both}
@keyframes reader-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:901px){
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(1){grid-column:span 7}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(2){grid-column:9/-1;margin-top:90px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(1) .project-visual{height:auto;aspect-ratio:1.45}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(2) .project-visual{height:auto;aspect-ratio:.91}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(3){grid-column:2/7;margin-top:35px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(4){grid-column:8/-1}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(3) .project-visual{aspect-ratio:1.05}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(4) .project-visual{aspect-ratio:.94}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(5){grid-column:span 7}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(6){grid-column:span 5;margin-top:100px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(7){grid-column:1/6;margin-left:8%}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(8){grid-column:8/-1;margin-top:75px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(7) .project-visual{aspect-ratio:.92}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(8) .project-visual{aspect-ratio:1}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(9){grid-column:span 7}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(10){grid-column:9/-1;margin-top:65px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(10) .project-visual{aspect-ratio:1.05}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(11){grid-column:1/7}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(12){grid-column:8/-1;margin-top:65px}
 .project-grid:not(.is-filtered):not(.is-list) .project-card:nth-child(12) .project-visual{aspect-ratio:1}
}
@media(max-width:1100px){
 .intro{grid-template-columns:1fr 245px;gap:0 35px}
 .intro h1{font-size:clamp(76px,8.5vw,100px)}
 .intro>div{font-size:12px;min-width:0}
 .category-filters{gap:19px}.category-filters button{font-size:10px}
 .project-grid{gap:70px 28px}
 .about-section{grid-template-columns:1fr 2fr;gap:40px}
}
@media(max-width:900px) and (min-width:701px){
 .intro{padding-block:34px 36px;grid-template-columns:1fr 230px}
 .intro h1{font-size:83px}.intro h1 em{padding-left:4vw}
 .intro>div{font-size:11px}.orbit-mark{width:60px;height:60px;margin-bottom:25px}
 .project-card:nth-child(-n+2){grid-column:span 6}
 .project-card:nth-child(-n+2) .project-visual{height:auto;aspect-ratio:1.2}
 .category-filters{gap:16px}.collection-bar{gap:18px}
}
@media(max-width:700px){
 :root{--gutter:22px}
 .site-header{padding-block:23px;gap:18px;align-items:start}
 .wordmark{font-size:20px;max-width:165px}.wordmark span{font-size:8px;letter-spacing:0;margin-top:7px}
 .site-header nav{gap:15px;font-size:10px}
 .intro{padding:31px var(--gutter) 30px;grid-template-columns:1fr;display:grid;gap:0}
 .intro-kicker{font-size:9px;margin-bottom:26px;letter-spacing:.04em;gap:8px}
 .intro h1{font-size:clamp(70px,19vw,118px);line-height:.86;grid-column:1}
 .intro h1 em{padding-left:12vw}
 .intro>div{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 45px;gap:0 15px;margin-top:27px;font-size:11px;padding:0;align-items:center}
 .intro>div p{grid-column:1;grid-row:1}.intro>div>span{display:none}
 .orbit-mark{grid-column:2;grid-row:1;width:45px;height:45px;margin:0}
 .intro-scroll{font-size:9px;margin-top:22px;gap:22px}.intro-scroll>span{font-size:15px}
 .collection-bar{padding:15px 0 12px}.category-filters{gap:12px 19px}.category-filters button{font-size:10px}
 .category-filters button:after{bottom:-4px}.view-controls{font-size:9px;margin-top:18px}
 .collection-meta{font-size:9px;padding:18px 0 23px}
 .project-card{margin-bottom:48px}.project-caption{margin-top:13px;padding-top:13px;grid-template-columns:20px 1fr 27px;gap:9px}
 .project-caption h2{font-size:28px}.project-caption p{font-size:10px;margin-top:6px}.project-number{padding-top:5px;font-size:8px}
 .project-visual,.project-card:nth-child(-n+2) .project-visual{aspect-ratio:1.2}
 .project-card.film-stills .project-visual{aspect-ratio:1.1}
 .film-stills .project-visual img{object-fit:contain}
 .project-action{font-size:9px;padding:7px 10px;right:12px;bottom:12px;gap:25px}
 .film-toggle{font-size:8px;padding:6px 9px}
 .email .project-visual{padding:22px 13% 0;aspect-ratio:1.1}
 .collection-more{padding:0 0 60px}.collection-more>button{font-size:11px}
 .is-list .project-link{padding-block:18px}.is-list .project-caption{grid-template-columns:1fr 27px}.is-list .project-caption h2{font-size:23px}.is-list .project-caption p{font-size:9px}
 .about-section{display:block;padding:38px 0 55px}.about-main{margin-top:28px}.about-main h2{font-size:42px;line-height:1.03;margin-bottom:27px}
 .about-details{margin-top:28px;font-size:10px}.about-main>p{font-size:12px}
 footer{padding-top:35px}.footer-invitation{padding-bottom:42px}.footer-invitation>a{font-size:88px;margin-top:27px}.footer-invitation>a span{font-size:35px}
 .reader-heading{grid-template-columns:1fr;padding-block:30px;gap:25px}.reader-heading h1{font-size:49px;line-height:1.02}
 .reader-facts{font-size:10px}.reader-nav{padding-block:17px}.reader-description{padding-block:37px 48px}.reader-description>div>p{font-size:13px;line-height:1.85}.reader-description h2{font-size:9px}
 .reader-gallery{gap:38px 20px}.reader-end{padding-block:30px 40px}.reader-end>button:last-child{font-size:27px}.reader-end>button:last-child>span{font-size:9px}
}
@media(max-width:360px){
 :root{--gutter:19px}.wordmark{font-size:18px;max-width:132px}.site-header nav{font-size:9px;gap:12px}.intro h1{font-size:68px}.intro-kicker{font-size:8px}.intro>div{font-size:10px}.category-filters{gap:12px 16px}.category-filters button{font-size:9px}.project-caption h2{font-size:25px}.reader-heading h1{font-size:43px}.about-main h2{font-size:37px}
}
@media(prefers-reduced-motion:reduce){.orbit-mark,.reader[open] #reader-content{animation:none}}
.motion-paused .reader[open] #reader-content{animation:none}