@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#efeee8;--ink:#282d27;--muted:#696c63;--line:#c9cbc0;--accent:#a1422e;--forest:#303c33;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,Helvetica,sans-serif;--gutter:clamp(22px,5.4vw,88px);--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#d6d9c6;color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.site-shell{max-width:1680px;margin:auto;padding:0 var(--gutter)}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;position:sticky;top:0;z-index:20;background:var(--paper);view-transition-name:header}
.identity{display:flex;gap:27px;align-items:center;min-height:48px}
.mark{font-family:Georgia,serif;font-size:44px;line-height:1;letter-spacing:-6px;display:inline-flex;width:53px;position:relative}
.mark>span{display:inline-block;transition:transform .45s var(--ease)}
.identity:hover .mark>span:first-child,.identity:focus-visible .mark>span:first-child{transform:translateY(-3px)}
.identity:hover .mark>span:last-child,.identity:focus-visible .mark>span:last-child{transform:translate(2px,3px)}
.identity-caption{font-size:12px;letter-spacing:.07em;color:var(--muted)}
nav{display:flex;gap:38px;align-items:center}
nav a{font-size:14px;text-transform:uppercase;letter-spacing:.06em;position:relative;padding:15px 0}
nav a::after{content:'';height:1px;position:absolute;left:0;right:0;bottom:9px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
nav a:hover::after,nav a[aria-current=page]::after{transform:scaleX(1)}
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:67px 0 73px}
.eyebrow{font-size:13px;letter-spacing:.035em;font-weight:400}
.hero-name{margin:0 0 24px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.25vw,78px);letter-spacing:-.025em;line-height:1.02;margin:0}
em{font-weight:400}
.hero-aside{font-size:15px;line-height:1.85;margin:0 0 6px;color:var(--muted);padding-right:1.5vw}
.section-heading{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 0 30px;gap:16px}
.section-heading h2{margin:0;font-size:14px;font-weight:400;letter-spacing:.01em}
.small-label{font-size:12px;color:var(--muted);letter-spacing:.02em}
.down-arrow{margin-left:22px;font-size:18px;color:var(--ink)}
.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:62px 40px}
.project{min-width:0}
.publication{aspect-ratio:1.47;width:100%;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;padding:30px 34px;background:var(--forest);color:#efeee4;position:relative;overflow:hidden}
.publication-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em;line-height:1.4}
.publication-title{font-family:var(--serif);font-size:clamp(42px,5.5vw,82px);line-height:.96;letter-spacing:-.02em;padding:20px 0;transition:transform .55s var(--ease)}
.publication-title em{color:#c8ceb8}
.publication-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #74816b;padding-top:15px;font-size:12px;line-height:1.5}
.publication-bottom>span:first-child{font-family:var(--serif);font-size:26px}
.project-heading{display:flex;align-items:baseline;gap:13px;margin-top:20px}
.project-number{font-size:12px;color:var(--accent)}
.project h3{font-family:var(--serif);font-size:29px;line-height:1.2;font-weight:400;letter-spacing:-.015em;margin:0}
.project-year{margin-left:auto;font-size:12px;color:var(--muted)}
.project-discipline{font-size:12px;color:var(--muted);margin:8px 0 0 27px;line-height:1.5}
.site-footer{border-top:1px solid var(--line);padding:31px 0 34px;margin-top:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer p{font-size:13px;line-height:1.6;margin:0}
.site-footer p span{color:var(--muted);margin-left:24px;font-size:12px}
.skip-link{position:fixed;top:12px;left:12px;background:var(--paper);padding:15px;z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
main{view-transition-name:content;outline:none}
.project-link{display:block}
.project-arrow{font-size:18px;margin-left:0;transition:transform .3s var(--ease);color:var(--muted)}
.project-link:hover .project-arrow{transform:translate(2px,-2px);color:var(--accent)}
.project-link:hover h3{color:var(--accent)}
.project-link:hover .publication-title{transform:translateX(4px)}
.image-art{position:relative;width:100%;overflow:hidden;background:#3b403a;aspect-ratio:1.28}
.image-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.image-art-film{min-height:310px}
.image-art-film img{object-position:44% center}
.project-link:hover .image-art img{transform:scale(1.035)}
.film-caption{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:#fff}
.image-notice{position:absolute;top:15px;left:17px;font-size:12px;letter-spacing:.015em;padding:4px 7px;background:var(--paper);color:var(--ink)}
.text-art{aspect-ratio:1.47;padding:8px 5px 28px 0;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);width:90%}
.text-art-top{font-size:12px;letter-spacing:.065em;display:flex;justify-content:space-between;gap:15px;color:var(--muted)}
.text-art-title{font-family:var(--serif);font-size:clamp(48px,5.2vw,78px);letter-spacing:-.025em;line-height:.98;margin:18px 0 22px}
.text-art-title em{color:var(--accent);padding-left:60px}
.text-art-bottom{font-size:12px;color:var(--muted)}
.collection-end{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-top:50px}
.placeholder-note{font-size:12px;color:var(--muted);line-height:1.6}
.collection-links{display:flex;gap:30px;white-space:nowrap;font-size:14px}
.collection-links a,.footer-home{border-bottom:1px solid transparent;padding-bottom:4px}
.collection-links a:hover,.footer-home:hover{border-color:var(--accent);color:var(--accent)}
.collection-links span{margin-left:12px}
.footer-meta{display:flex;align-items:center;gap:40px}
.replay,.intro-skip{border:0;background:none;color:var(--muted);padding:12px 0;cursor:pointer;font-size:12px}
.replay{display:none}
.js .replay{display:inline-block}
.replay:hover{color:var(--accent)}
.replay span{margin-left:8px}
.footer-home{font-size:13px}
.footer-home span{margin-left:10px}
.page-hero{padding:58px 0 68px}
.page-hero>.eyebrow{color:var(--muted);margin:0 0 27px}
.page-hero-line{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.page-hero h1{font-size:clamp(76px,8.5vw,122px);line-height:.92}
.title-period{color:var(--accent)}
.page-hero-line>p{margin:0 3vw 0 0;font-size:16px;color:var(--muted);line-height:1.8}
.collection-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:34px;border-top:1px solid var(--line);align-items:start}
.collection-feature,.collection-index{min-width:0}
.collection-feature .publication{aspect-ratio:1.18;min-height:375px}
.collection-feature .publication-title{font-size:clamp(54px,5vw,78px)}
.collection-feature .image-art{aspect-ratio:1.18;min-height:375px}
.feature-caption{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--muted);line-height:1.5;margin-top:13px}
.index-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 27px}
.index-heading h2{font-weight:400;font-size:14px;margin:0}
.index-heading>span{font-size:12px;color:var(--muted)}
.index-entry{border-top:1px solid var(--line);scroll-margin-top:126px}
.index-entry:last-of-type{border-bottom:1px solid var(--line)}
.index-entry summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;padding:25px 0;min-height:102px}
.index-entry summary::-webkit-details-marker{display:none}
.entry-number{font-size:12px;color:var(--accent);align-self:flex-start;padding-top:7px}
.entry-main{flex:1;min-width:0}
.entry-title{display:block;font-family:var(--serif);font-size:30px;letter-spacing:-.015em;line-height:1.1;transition:color .2s}
.index-entry summary:hover .entry-title{color:var(--accent)}
.entry-discipline{display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}
.entry-year{font-size:12px;color:var(--muted)}
.entry-toggle{position:relative;display:block;width:14px;height:14px;flex-shrink:0;margin-left:10px}
.entry-toggle::before,.entry-toggle::after{content:'';position:absolute;background:var(--ink);top:6px;left:0;width:14px;height:1px;transition:transform .2s}
.entry-toggle::after{transform:rotate(90deg)}
.index-entry[open] .entry-toggle::after{transform:rotate(0)}
.entry-note{margin:-3px 0 27px 33px;font-size:16px;line-height:1.75;color:var(--muted);max-width:470px}
.entry-note p{margin:0 0 17px}
.entry-note .entry-description{color:var(--ink)}
.entry-status{font-size:12px;color:var(--accent);display:block;padding-top:3px}
.index-footnote{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 0 33px}
.collection-next{margin-top:65px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.collection-next>span{font-size:12px;color:var(--muted)}
.collection-next>a{font-family:var(--serif);font-size:31px}
.collection-next>a:hover{color:var(--accent)}
.collection-next>a span{font-family:var(--sans);font-size:21px;margin-left:18px}
.about-body{border-top:1px solid var(--line);padding:49px 0 0;display:grid;grid-template-columns:1fr 1.62fr;gap:10%}
.about-margin h2{font-size:16px;font-weight:400;margin:8px 0 12px}
.about-margin p{font-size:13px;color:var(--muted)}
.margin-mark{display:block;font-family:Georgia,serif;font-size:104px;letter-spacing:-17px;color:var(--line);margin-top:70px}
.about-lead{font-family:var(--serif);font-size:clamp(34px,3.65vw,53px);line-height:1.12;letter-spacing:-.015em;margin:0 0 37px}
.about-lead em{color:var(--accent)}
.about-prose{max-width:580px;font-size:17px;line-height:1.85;color:var(--muted)}
.about-prose p{margin:0 0 22px}
.about-now{border-top:1px solid var(--line);margin-top:37px;padding-top:25px;max-width:580px}
.about-now h3{font-size:13px;font-weight:400;margin:0 0 14px}
.about-now p{font-family:var(--serif);font-size:28px;line-height:1.35;margin:0;max-width:440px}
.about-draft{margin-top:33px}
.not-found-copy{font-size:16px;line-height:1.6;margin:30px 0}
.text-link{font-size:16px;border-bottom:1px solid var(--line);padding:7px 0}
.intro{display:none;position:fixed;inset:0;z-index:80;background:var(--ink);color:var(--paper);place-items:center}
.intro-pending .intro{display:grid;animation:intro-depart .65s var(--ease) 1.55s both}
.intro-pending body{overflow:hidden}
.intro-lockup{display:flex;flex-direction:column;align-items:center;gap:31px;transform:translateY(-12px)}
.intro .mark{font-size:128px;width:145px;letter-spacing:-18px;padding-right:15px}
.intro-pending .intro .mark>span:first-child{animation:intro-t 1.55s var(--ease) both}
.intro-pending .intro .mark>span:last-child{animation:intro-s 1.55s var(--ease) both}
.intro-name{font-size:12px;letter-spacing:.35em;text-transform:uppercase;line-height:1.5;padding-left:.35em}
.intro-pending .intro-name{animation:intro-name 1.55s var(--ease) both}
.intro-skip{position:absolute;bottom:28px;right:var(--gutter);color:#c9cbc0;font-size:13px}
.intro-skip span{margin-left:14px}
@keyframes intro-t{0%{opacity:0;transform:translateY(20px)}28%,65%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(-5px)}}
@keyframes intro-s{0%{opacity:0;transform:translateY(-20px)}28%,65%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translate(4px,5px)}}
@keyframes intro-name{0%,32%{opacity:0;transform:translateY(8px)}55%,100%{opacity:1;transform:translateY(0)}}
@keyframes intro-depart{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.js:not(.intro-pending) main{animation:page-in .24s var(--ease) both}
@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:85px}}
@media(max-width:1000px){.identity-caption{display:none}.hero-aside{font-size:14px;max-width:215px;padding:0}.hero{padding:60px 0}.project-grid{gap:45px 26px}.publication{padding:24px}.publication-title{font-size:60px}.publication-top{font-size:12px;letter-spacing:.025em}.text-art-top{display:block;line-height:1.8}.text-art-top>span{display:block}.text-art-title{font-size:62px}.text-art-title em{padding-left:30px}.collection-layout{gap:5%}.collection-feature .publication,.collection-feature .image-art{min-height:320px}.collection-feature .publication-title{font-size:58px}.entry-title{font-size:27px}.entry-year{display:none}.feature-caption{display:block}.feature-caption span{display:block}.about-body{grid-template-columns:1fr 2fr;gap:5%}.collection-end{align-items:flex-start}.collection-links{gap:22px}}
@media(max-width:700px){.site-header{height:87px;gap:12px}.mark{font-size:39px;width:46px}nav{gap:23px}nav a{font-size:12px;letter-spacing:.05em}.hero{display:block;padding:48px 0 40px}.hero-name{font-size:13px;margin-bottom:22px}h1{font-size:54px}.hero-aside{margin-top:26px;font-size:14px;line-height:1.8;max-width:350px}.hero-aside br{display:none}.section-heading{padding:19px 0 24px;align-items:center}.section-heading h2{font-size:13px}.section-heading .small-label{font-size:12px}.down-arrow{margin-left:10px}.project-grid{grid-template-columns:1fr;gap:38px}.publication{padding:25px;aspect-ratio:1.28}.publication-title{font-size:67px}.publication-top{font-size:12px}.project-heading{margin-top:16px}.project h3{font-size:28px}.image-art-film{aspect-ratio:1.2}.image-art-photography{aspect-ratio:1.38}.film-caption{left:22px;right:22px;bottom:22px}.text-art{aspect-ratio:auto;min-height:315px;width:100%;padding-top:4px}.text-art-top{display:flex}.text-art-top>span{display:inline}.text-art-title{font-size:67px;margin:28px 0}.text-art-title em{padding-left:46px}.collection-end{display:block;margin-top:34px}.collection-links{margin-top:23px;justify-content:space-between}.site-footer{margin-top:50px;align-items:flex-start;padding:26px 0}.site-footer p span{display:block;margin:4px 0 0}.footer-meta{align-items:flex-end;flex-direction:column;gap:8px}.replay{padding:0;line-height:1.6}.footer-home{font-size:12px}.page-hero{padding:45px 0}.page-hero>.eyebrow{font-size:12px;margin-bottom:25px}.page-hero-line{display:block}.page-hero h1{font-size:84px}.page-hero-line>p{font-size:15px;margin:28px 0 0;line-height:1.7}.collection-layout{grid-template-columns:1fr;gap:35px;padding-top:25px}.collection-feature .publication,.collection-feature .image-art{aspect-ratio:1.3;min-height:0}.collection-feature .publication-title{font-size:65px}.feature-caption{display:flex;font-size:12px}.collection-index{margin-top:7px}.index-heading{padding-bottom:21px}.entry-title{font-size:29px}.entry-year{display:block}.index-entry summary{padding:23px 0;gap:14px}.entry-note{margin-left:29px;font-size:16px}.index-entry{scroll-margin-top:105px}.collection-next{margin-top:40px;display:block}.collection-next>a{display:block;margin-top:13px;font-size:31px}.about-body{display:block;padding-top:28px}.about-margin{margin-bottom:32px}.about-margin h2{margin-top:0}.about-margin p{margin:8px 0 0}.margin-mark{display:none}.about-lead{font-size:37px;margin-bottom:27px}.about-prose{font-size:16px;line-height:1.8}.desktop-break{display:none}.about-now{margin-top:28px}.about-now p{font-size:28px}.intro .mark{font-size:108px;width:124px;letter-spacing:-16px}.intro-name{font-size:12px;letter-spacing:.27em}.intro-lockup{gap:27px}}
@media(max-width:370px){nav{gap:17px}.site-header{gap:8px}h1{font-size:47px}.section-heading .small-label{font-size:12px}.section-heading .down-arrow{display:none}.publication{padding:21px}.publication-title,.collection-feature .publication-title{font-size:57px}.project h3{font-size:26px}.project-heading{gap:10px}.project-year{font-size:12px}.text-art-top{display:block}.entry-year{display:none}.feature-caption{display:block}.about-lead{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.intro-pending .intro,.replay{display:none!important}.intro-pending body{overflow:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.project-link:hover .image-art img,.identity:hover .mark>span,.identity:focus-visible .mark>span,.project-link:hover .publication-title,.project-link:hover .project-arrow{transform:none}}
@media(max-width:700px){.publication,.collection-feature .publication{min-height:280px}.publication-title,.collection-feature .publication-title{font-size:clamp(44px,14.3vw,66px)}.publication-top,.publication-bottom{flex-shrink:0}.image-art-film{min-height:0}}
@media(min-width:701px) and (max-width:1000px){.collection-feature .publication-title{font-size:48px}}