@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f5f5f3;--ink:#080808;--soft:#dadad5;--muted:#65655f;--line:#c9c9c3;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--serif:'Bodoni 72','Didot','Bodoni MT',Georgia,serif;--header-h:70px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{height:var(--header-h);padding:0 2.35vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:0;left:0;right:0}.mark{display:flex;align-items:center;gap:2.1vw;min-width:190px}.mark-glyph{font-size:18px;line-height:1}.word{font-size:11px;letter-spacing:.09em;font-weight:700}.reg{font-size:7px;vertical-align:top;margin-left:2px}.main-nav{display:flex;gap:clamp(18px,3vw,55px);margin-left:auto;margin-right:4vw}.main-nav a,.menu-toggle,.eyebrow,.hero-bottomline,.hero-controls,.hero-side-note,.frame-caption,.section-note,.filter-row,.project-meta small,.project-type,.index-footer,.join-link,.site-footer,.detail-creator,.detail-copy dl,.detail-next,.dialog-close{font-family:var(--mono);font-size:9px;letter-spacing:.035em}.main-nav a span{font-size:10px;margin-left:4px}.menu-toggle{display:none;border:0;background:none}.hero{min-height:100svh;position:relative;overflow:hidden;display:grid;grid-template-columns:57.2% 42.8%;border-bottom:1px solid var(--line)}.hero-copy{min-height:100svh;position:relative;padding:var(--header-h) 3.3vw 30px 2.35vw;display:flex;flex-direction:column;z-index:2}.hero-kicker{margin-top:15px;opacity:0;animation:fadeIn .8s .2s forwards}.eyebrow{font-weight:400;font-size:9px;letter-spacing:.075em}.hero-word-wrap{margin:auto 0;transform:translateY(-4%)}.hero-word{font-family:var(--serif);font-size:clamp(130px,19.5vw,330px);font-weight:400;line-height:.72;letter-spacing:-.105em;margin:0 0 0 -.045em;white-space:nowrap;transform:scaleX(.93);transform-origin:left center}.hero-word>span{font-family:var(--sans);font-size:clamp(12px,1.1vw,18px);font-weight:500;letter-spacing:0;display:inline-block;vertical-align:top;margin:10px 0 0 12px}.hero-description{font-size:clamp(13px,1.12vw,17px);line-height:1.35;letter-spacing:-.025em;margin:0 0 auto 1px}.hero-bottomline{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;align-items:end;margin-top:64px;font-size:9px}.text-link{align-self:end;white-space:nowrap}.text-link span,.index-footer a span{font-size:14px;margin-left:6px}.hero-bottomline p{line-height:1.45;margin:0;color:#3b3b37}.hero-bottomline p:nth-child(2){text-align:center}.hero-bottomline .edition{text-align:right}.film-wall{height:calc(100svh + 15px);min-height:660px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--ink);border-left:10px solid var(--ink);overflow:hidden;position:relative}.film-column{min-width:0;display:flex;flex-direction:column;gap:10px;animation:columnDrift 38s linear infinite}.column-a{transform:translateY(-8%)}.column-b{transform:translateY(-27%);animation-duration:44s;animation-direction:reverse}.column-c{transform:translateY(-16%);animation-duration:51s}.film-wall.paused .film-column{animation-play-state:paused}.film-frame{display:block;position:relative;flex:0 0 auto;width:100%;height:31vh;min-height:205px;max-height:345px;padding:0;border:0;overflow:hidden;background:#d8d8d1;text-align:left;cursor:pointer}.film-frame.frame-landscape{height:39vh}.film-frame.frame-portrait{height:45vh}.film-frame.frame-sky{height:34vh}.film-frame.frame-shore{height:27vh}.film-frame.frame-drive{height:44vh}.film-frame.frame-water{height:36vh}.film-frame.frame-rock{height:42vh}.film-frame.frame-desert{height:33vh}.film-frame.frame-sea{height:39vh}.film-frame img,.project-image img,.detail-images img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.76)}.film-frame:hover img,.film-frame:focus-visible img{transform:scale(1.045);filter:saturate(1)}.frame-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 10px;color:white;font-size:8px;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .3s}.film-frame:hover .frame-caption,.film-frame:focus-visible .frame-caption{opacity:1}.hero-side-note{position:absolute;right:1.3vw;top:51%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:.1em;display:flex;gap:15px;align-items:center;z-index:2}.hero-side-note span{font-size:14px}.hero-controls{position:absolute;bottom:27px;right:3.4vw;z-index:3;display:flex;align-items:center;gap:20px;background:var(--paper);padding:7px 0 7px 12px;font-size:9px}.hero-controls button{border:0;background:transparent;padding:6px 3px;cursor:pointer}.hero-controls button span{font-size:8px}.control-count{font-size:9px}.control-count i{font-style:normal;color:#888;margin:0 4px}.motion-toggle{margin-left:13px!important;border-left:1px solid var(--line)!important;padding-left:18px!important}.motion-toggle span{margin-left:8px}.index-section{padding:125px 5vw 75px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:25px}.section-heading .eyebrow{margin:0 0 25px}.section-heading h2,.join-section h2{font-family:var(--serif);font-size:clamp(58px,9vw,145px);font-weight:400;letter-spacing:-.07em;line-height:.88;margin:0}.section-heading h2 em,.join-section h2 em{font-weight:400}.section-note{line-height:1.7;margin:0 0 5px;text-align:right;color:var(--muted)}.filter-row{display:flex;gap:clamp(17px,3vw,45px);align-items:center;padding:18px 0 30px;flex-wrap:wrap}.filter-chip{border:0;background:none;padding:0;color:#77766f;cursor:pointer;font-size:9px;font-family:var(--mono)}.filter-chip.active,.filter-chip:hover{color:var(--ink)}.filter-chip.active{border-bottom:1px solid var(--ink);padding-bottom:5px}.filter-chip span{margin-left:7px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px;row-gap:40px}.project-card{border:0;background:none;text-align:left;padding:0;cursor:pointer;min-width:0}.project-image{height:clamp(240px,34vw,540px);display:block;position:relative;overflow:hidden;background:#deded8}.project-card:nth-child(3n + 2) .project-image{height:clamp(210px,28vw,430px)}.project-card:nth-child(3n) .project-image{height:clamp(270px,38vw,570px)}.project-card:hover .project-image img,.project-card:focus-visible .project-image img{transform:scale(1.04);filter:saturate(1)}.open-mark{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:17px;opacity:0;transform:translateY(4px);transition:.3s}.project-card:hover .open-mark,.project-card:focus-visible .open-mark{opacity:1;transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:10px;padding:14px 1px 0;align-items:start}.project-meta b{font-size:14px;font-weight:500;display:block;letter-spacing:-.03em}.project-meta small{display:block;color:var(--muted);margin-top:6px;font-size:8px}.project-type{font-size:8px;text-align:right;color:var(--muted);padding-top:3px;white-space:nowrap}.index-footer{border-top:1px solid var(--line);margin-top:65px;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.index-footer b{color:var(--ink);font-weight:400}.index-footer a{color:var(--ink)}.join-section{background:#111;color:var(--paper);padding:105px 5vw 110px;position:relative}.join-section>.eyebrow{color:#aead9f;margin:0 0 42px}.join-section h2{font-size:clamp(63px,10vw,158px)}.join-copy{font-size:13px;line-height:1.65;max-width:330px;color:#b4b4ad;margin:40px 0 28px}.join-link{display:inline-flex;justify-content:space-between;gap:85px;border:1px solid #77776f;padding:15px 18px;font-size:9px;transition:background .3s,color .3s}.join-link:hover{background:var(--paper);color:var(--ink)}.join-link span{font-size:13px}.site-footer{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 2.5vw;font-size:8px;color:#575751}.footer-word{font-family:var(--serif);font-size:35px;letter-spacing:-.07em;color:var(--ink)}.site-footer>a:last-child{color:var(--ink)}.project-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1200px,96vw);max-width:none;max-height:92vh;overflow:auto}.project-dialog::backdrop{background:rgba(5,5,5,.78);backdrop-filter:blur(5px)}.dialog-close{position:sticky;z-index:3;top:0;left:0;float:right;border:0;background:var(--paper);padding:17px 22px;cursor:pointer;font-size:9px}.dialog-close span{font-size:18px;margin-left:8px}.detail-layout{display:grid;grid-template-columns:58% 42%;min-height:650px}.detail-images{background:#111;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:33vh;gap:5px;padding:5px}.detail-images img:first-child{grid-column:span 2;grid-row:span 2}.detail-copy{padding:clamp(28px,5vw,75px);align-self:center}.detail-copy .eyebrow{color:var(--muted)}.detail-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:.9;font-size:clamp(48px,6vw,88px);margin:30px 0 18px}.detail-creator{font-size:10px}.detail-rule{border-top:1px solid var(--line);margin:32px 0 24px}.detail-description{font-size:14px;line-height:1.8;max-width:390px;color:#494943}.detail-copy dl{margin-top:40px}.detail-copy dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;gap:20px}.detail-copy dt{color:var(--muted)}.detail-copy dd{margin:0;text-align:right}.detail-next{margin-top:32px;width:100%;border:1px solid var(--ink);padding:15px;background:transparent;display:flex;justify-content:space-between;cursor:pointer}.detail-next:hover{background:var(--ink);color:var(--paper)}.detail-next span{font-size:13px}.project-card[hidden]{display:none}@keyframes columnDrift{from{translate:0 0}to{translate:0 -8%}}@keyframes fadeIn{to{opacity:1}}a:focus-visible,button:focus-visible{outline:2px solid #7c4a32;outline-offset:4px}@media(min-width:1600px){.hero{grid-template-columns:57.2% 42.8%}.hero-word{font-size:clamp(330px,19vw,390px)}}@media(max-width:1000px){.hero{grid-template-columns:53% 47%}.hero-word{font-size:clamp(125px,18vw,220px)}.hero-bottomline{grid-template-columns:1fr 1fr;row-gap:15px}.hero-bottomline .edition{display:none}.film-wall{grid-template-columns:repeat(2,minmax(0,1fr));border-left-width:7px;gap:7px}.column-c{display:none}.main-nav{gap:16px;margin-right:20px}.main-nav a{font-size:8px}.hero-side-note{display:none}.hero-controls{right:2vw;gap:10px}.motion-toggle{margin-left:0!important;padding-left:9px!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(n) .project-image{height:clamp(250px,48vw,520px)}}@media(max-width:640px){:root{--header-h:60px}.site-header{padding:0 18px}.mark{gap:13px;min-width:auto}.mark-glyph{font-size:16px}.main-nav{display:none;position:absolute;top:55px;left:0;right:0;background:var(--paper);padding:24px 18px;flex-direction:column;gap:22px;border-bottom:1px solid var(--line);margin:0}.main-nav.open{display:flex}.main-nav a{font-size:10px}.menu-toggle{display:block;padding:8px 0}.menu-toggle span{margin-left:8px}.hero{display:flex;flex-direction:column;min-height:auto;overflow:hidden}.hero-copy{min-height:68svh;padding:var(--header-h) 18px 22px}.hero-kicker{margin-top:12px;font-size:8px}.hero-word-wrap{margin:auto 0;transform:translateY(-4%)}.hero-word{font-size:clamp(125px,38vw,225px);letter-spacing:-.11em}.hero-word>span{font-size:10px;margin:5px 0 0 8px}.hero-description{font-size:14px;margin-bottom:10px}.hero-bottomline{margin-top:38px;font-size:8px;grid-template-columns:1fr 1.2fr}.hero-bottomline p:nth-child(2){text-align:right}.film-wall{height:57svh;min-height:390px;max-height:590px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border:0;border-top:5px solid var(--ink)}.film-column{gap:5px}.column-a{transform:translateY(-8%)}.column-b{transform:translateY(-21%);display:flex}.column-c{display:flex;transform:translateY(-14%)}.film-frame{min-height:155px;height:24vh}.film-frame.frame-landscape,.film-frame.frame-shore{height:30vh}.film-frame.frame-portrait,.film-frame.frame-drive{height:38vh}.film-frame.frame-sky,.film-frame.frame-water{height:29vh}.film-frame.frame-rock{height:32vh}.film-frame.frame-desert{height:24vh}.film-frame.frame-sea{height:31vh}.frame-caption{display:none}.hero-controls{bottom:12px;right:10px;gap:8px;padding:5px 0 5px 7px;font-size:8px}.hero-controls button{padding:5px 2px}.hero-controls button span{font-size:7px}.motion-toggle{display:none}.control-count{font-size:8px}.index-section{padding:75px 18px 55px}.section-heading{padding-bottom:20px;align-items:end}.section-heading .eyebrow{font-size:8px;margin-bottom:20px}.section-heading h2{font-size:clamp(58px,15vw,88px)}.section-note{font-size:8px}.filter-row{gap:14px;padding:16px 0 24px}.filter-chip{font-size:8px}.project-grid{grid-template-columns:1fr 1fr;gap:29px 8px}.project-card:nth-child(n) .project-image{height:clamp(210px,65vw,340px)}.project-card:nth-child(2n) .project-image{height:clamp(175px,54vw,290px)}.project-meta{display:block;padding-top:10px}.project-meta b{font-size:12px}.project-meta small{font-size:7px;margin-top:5px}.project-type{display:block;text-align:left;font-size:7px;margin-top:8px}.open-mark{width:29px;height:29px;right:7px;top:7px;font-size:14px}.index-footer{margin-top:40px;font-size:8px}.join-section{padding:74px 18px 80px}.join-section>.eyebrow{margin-bottom:31px;font-size:8px}.join-section h2{font-size:clamp(59px,15vw,95px)}.join-copy{margin-top:32px;font-size:12px}.join-link{padding:13px 14px;gap:50px}.site-footer{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:18px;font-size:7px}.footer-word{font-size:32px}.site-footer span:nth-child(2),.site-footer>a:last-child{text-align:right}.project-dialog{width:100vw;max-height:96vh}.detail-layout{display:flex;flex-direction:column}.detail-images{grid-auto-rows:23vh}.detail-copy{padding:28px 22px 40px}.detail-copy h2{font-size:58px;margin:24px 0 15px}.detail-description{font-size:13px}.dialog-close{padding:13px 17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
    3
/* Project detail page layout and accessible image enlargement */
.project-page{overflow-x:hidden}.project-page main{width:100%;max-width:100%;overflow:hidden}.project-page .detail-layout{display:grid;grid-template-columns:minmax(0, min(62%, 1100px)) minmax(0, 1fr);width:100%;min-width:0;gap:0;align-items:stretch;min-height:calc(100svh - 84px)}.project-page .detail-images{min-width:0;width:100%;height:calc(100svh - 84px);overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(220px,32vw,520px);align-content:start;gap:6px;padding:6px;background:#080808}.project-page .detail-images img{width:100%;height:100%;min-width:0;object-fit:cover;cursor:zoom-in}.project-page .detail-images img:first-child{grid-column:span 2;grid-row:span 1;height:clamp(300px,38vw,620px)}.project-page .detail-images img:focus-visible{outline:3px solid white;outline-offset:-5px}.project-page .detail-copy{position:relative;top:auto;align-self:start;min-width:0;width:100%;padding:clamp(26px,4vw,64px) clamp(20px,3.5vw,56px);overflow-wrap:anywhere}.project-page .detail-copy h1{font-family:var(--serif);font-size:clamp(42px,5.5vw,88px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:26px 0 18px;overflow-wrap:anywhere}.project-page .detail-description{max-width:42ch}.project-page .detail-copy dl>div{gap:12px}.image-lightbox{border:0;padding:48px;background:rgba(8,8,8,.97);width:100vw;height:100vh;max-width:none;max-height:none;margin:0;inset:0;overflow:hidden;align-items:center;justify-content:center}.image-lightbox[open]{display:flex}.image-lightbox::backdrop{background:rgba(8,8,8,.96)}.image-lightbox img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:24px;border:1px solid #777;background:transparent;color:#fff;padding:12px 16px;font:10px var(--mono);cursor:pointer}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff;color:#080808}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #777;background:rgba(8,8,8,.4);color:#fff;padding:14px 16px;font:10px var(--mono);cursor:pointer}.lightbox-prev{left:22px}.lightbox-next{right:22px}.lightbox-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font:10px var(--mono);letter-spacing:.08em}@media(max-width:700px){.lightbox-prev,.lightbox-next{top:auto;bottom:18px;transform:none;padding:12px 13px}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-count{bottom:30px}.lightbox-close{top:12px;right:12px}}
/* Separate project detail page */
.project-page-header{min-height:84px;padding:16px 3vw;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.04em}.project-page-header .project-back{justify-self:start;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.project-back:hover,.project-pagination a:hover{opacity:.55}.project-page-header .footer-word{justify-self:center;display:block;font-family:var(--serif);font-size:44px;line-height:1;letter-spacing:-.09em;white-space:nowrap}.project-page-header #projectPosition{justify-self:end;color:var(--muted);white-space:nowrap;font:12px var(--mono)}
.project-page .detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:calc(100svh - 170px)}
.project-page .detail-images{grid-auto-rows:minmax(220px,34vw);align-content:start}
.project-page .detail-copy{position:sticky;top:0;align-self:start;padding:clamp(32px,6vw,90px) clamp(24px,5vw,75px)}
.project-page .detail-copy h1{font-family:var(--serif);font-size:clamp(55px,7vw,105px);font-weight:400;line-height:.9;letter-spacing:-.065em;margin:30px 0 18px}
.project-pagination{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:45px;padding-top:17px;font:9px var(--mono)}
@media(max-width:700px){.project-page-header{min-height:64px;padding:12px 14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:8px}.project-page-header .project-back{font-size:8px;letter-spacing:0}.project-page-header .footer-word{font-size:31px}.project-page-header .footer-word .reg{font-size:.48em;line-height:1;vertical-align:super;margin-left:1px;display:inline-block;border:1px solid currentColor;border-radius:50%;width:1.05em;height:1.05em;text-align:center;padding-top:.02em;letter-spacing:0}.project-page-header #projectPosition{font-size:9px}.project-page .detail-layout{display:flex;flex-direction:column;min-height:0}.project-page .detail-images{height:auto;max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(180px,58vw,360px);gap:5px;padding:5px}.project-page .detail-images img:first-child{height:clamp(220px,75vw,460px)}.project-page .detail-copy{position:static;padding:35px 20px 55px}.project-page .detail-copy h1{font-size:clamp(48px,12vw,62px);margin:24px 0 15px}.project-page .detail-description{max-width:100%}.project-pagination{margin-top:32px}.project-page .site-footer{padding:18px}.image-lightbox{padding:18px}.image-lightbox img{max-width:96vw;max-height:84vh}.lightbox-close{top:12px;right:12px}}
