:root{--paper:#fafaf8;--ink:#181818;--muted:#64645e;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:2px solid;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:-1px;font-weight:bold}nav{display:flex;gap:30px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}main{max-width:1500px;margin:auto;padding:0 4vw}.eyebrow,.meta,.number{font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.1em}.meta{color:var(--muted)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;padding:32px 0 28px}.intro h1{font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:12px 0 0}.intro p{font-size:15px;line-height:1.65;margin:0;max-width:540px}.hero{margin:0}.home-hero img{display:block;width:100%;height:clamp(180px,31vh,340px);object-fit:cover;object-position:center}.home-hero{margin:0}figcaption{font-size:10px;line-height:1.55;color:var(--muted);margin-top:10px;max-width:55ch}.section-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:14px;margin:58px 0 28px}.section-title h2{font-weight:400;font-size:20px;margin:0;letter-spacing:-.02em}.grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 32px}.card figure{margin:0}.card img,.placeholder{width:100%;aspect-ratio:1.45;object-fit:cover}.card img{display:block}.card h3{font-size:23px;font-weight:400;letter-spacing:-.035em;margin:14px 0 5px;line-height:1.2}.card p{max-width:58ch;color:#51514d;margin:8px 0 0;font-size:13px;line-height:1.65}.card .meta{font-size:9px}.arrow{float:right}.leadership .card{border-top:1px solid var(--line);padding-top:20px}.placeholder{background:#eaeae5;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.placeholder span{font:italic 24px Georgia,serif;text-transform:none;letter-spacing:0}.project-head{padding:35px 0 28px}.back{font-size:11px;color:var(--muted)}.project-head h1{font-size:clamp(34px,4vw,55px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:20px 0 13px}.project-head>.meta{max-width:95ch}.project-overview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:5vw;align-items:start;padding:25px 0 40px;border-top:1px solid var(--line)}.project-overview .hero{width:100%;max-width:none;margin:0}.project-overview .hero img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;margin:0}.project-copy{margin:0;min-width:0}.project-copy h2{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:400;line-height:1.6;margin:0 0 20px;color:var(--muted)}.project-copy p{font-size:14px;line-height:1.75;margin:0 0 17px;max-width:66ch}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 30px;align-items:start;border-top:1px solid var(--line);padding-top:32px;margin:20px 0 55px}.project-gallery figure{margin:0;min-width:0}.project-gallery img{display:block;width:auto;max-width:100%;height:auto;max-height:370px;object-fit:contain;margin:0}.project-gallery figcaption{margin:10px 0 0;max-width:43ch}.observation-page .project-overview .hero img{max-height:420px;max-width:100%}.observation-page .project-gallery img{max-height:330px}.clearing-video,.home-clearing-video{position:relative;width:100%;aspect-ratio:16/9;background:#111}.home-clearing-video{aspect-ratio:1.45}.clearing-video iframe,.home-clearing-video iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.about-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:8vw;align-items:start;border-top:1px solid var(--line);padding:28px 0 55px}.about-copy{font-size:14px;line-height:1.8;max-width:67ch}.about-copy p{margin:0 0 18px}.about-layout h2{font-size:18px;line-height:1.3;font-weight:400;letter-spacing:-.02em;margin:30px 0 14px}.about-layout aside{max-width:340px;width:100%}.roles{border-top:1px solid var(--ink);padding-top:18px;margin-top:25px}.roles p{padding:11px 0;margin:0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.65}.contact{padding:15px 0 100px}.contact>a{font-size:clamp(23px,3.8vw,48px);letter-spacing:-.035em}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px}.next{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:14px}.next a:last-child{text-align:right}footer{border-top:1px solid var(--line);margin:60px 4vw 0;padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}@media(min-width:1500px){header,footer{padding-left:calc((100vw - 1380px)/2);padding-right:calc((100vw - 1380px)/2)}footer{margin-left:0;margin-right:0}}@media(max-width:900px){.intro{gap:5vw}.project-overview{gap:4vw}.project-gallery{grid-template-columns:1fr 1fr}.project-overview .hero img{max-height:390px}.intro h1{font-size:38px}}@media(max-width:650px){header{padding:20px 5vw}.brand{font-size:21px}nav{gap:16px;font-size:10px}main{padding:0 5vw}.intro{grid-template-columns:1fr;gap:18px;padding:25px 0}.intro h1{font-size:37px}.intro p{font-size:14px}.home-hero img{height:180px}.section-title{margin-top:40px}.grid{grid-template-columns:1fr;gap:32px}.card h3{font-size:22px}.project-head{padding:26px 0 22px}.project-head h1{font-size:35px;margin-top:16px}.project-overview,.about-layout{grid-template-columns:1fr;gap:25px;padding-top:22px}.project-overview .hero img,.observation-page .project-overview .hero img{max-height:380px}.project-copy p,.about-copy{font-size:14px}.project-gallery{gap:25px 18px;padding-top:24px;margin-top:0}.project-gallery img,.observation-page .project-gallery img{max-height:250px}.project-gallery figcaption{font-size:9px}.about-layout aside{max-width:none}.about-layout aside>.placeholder{max-width:340px}.next{font-size:13px}footer{margin:40px 5vw 0;font-size:9px}}
/* Frame the complete facade and pavement, with less empty sky. */
.home-hero img{object-position:50% 67%}
/* Rest the introduction against the bottom of the title composition. */
@media(min-width:651px){.intro{align-items:end}.intro>p{align-self:end;padding-bottom:3px}}

/* Use the authored panoramic composition without further responsive cropping. */
.home-hero img{width:100%;height:auto;max-height:none;aspect-ratio:2000/682;object-fit:contain;object-position:center}
/* Keep the Situated Observation introduction alongside its portrait image. */
@media(min-width:651px){.observation-page .project-overview{grid-template-columns:minmax(0,315px) minmax(0,640px);gap:36px;justify-content:start}.observation-page .project-copy{align-self:start}}

.project-subsection{margin-top:45px;scroll-margin-top:25px}.subsection-heading{border-top:1px solid var(--ink);padding:22px 0 18px}.subsection-heading h2{font-size:30px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:8px 0}.subsection-heading .meta{margin:8px 0}.project-copy h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:400;line-height:1.6;margin:0 0 20px;color:var(--muted)}

.about-portrait{margin:0}.about-portrait img{display:block;width:100%;height:auto}

.making-landscapes{grid-template-columns:repeat(3,minmax(0,1fr))}.making-landscapes img{width:100%;height:auto;max-height:none}.making-portraits{grid-template-columns:repeat(3,minmax(0,1fr))}.making-portraits img{width:100%;height:auto;max-height:none}.photo-tonal-adjust{filter:contrast(1.06) brightness(1.035)}.facilitating-artists{margin:40px 0 50px;padding-top:28px;border-top:1px solid var(--line)}.facilitating-artists img{display:block;width:100%;height:auto}.facilitating-artists figcaption{margin-top:10px}@media(max-width:900px){.making-landscapes,.making-portraits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.making-landscapes{grid-template-columns:1fr}.making-portraits{grid-template-columns:1fr 1fr;gap:25px 16px}}

.making-landscapes .gallery-image-frame{aspect-ratio:3/2}.making-portraits .gallery-image-frame{aspect-ratio:3/4}.gallery-image-frame{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--paper)}.making-landscapes .gallery-image-frame img,.making-portraits .gallery-image-frame img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.gallery-image-frame .poem-trimmed{object-view-box:inset(0 1.2% .5% 1.2%);clip-path:inset(0 1.2% .5% 1.2%)}

.gallery-image-frame .poem-trimmed{object-view-box:none;clip-path:none;object-fit:fill;transform:scaleX(1.03) scaleY(1.006)}.making-room-film{background:#111}.making-room-film video{display:block;width:100%;height:100%;object-fit:contain}

.gallery-image-frame .poem-trimmed{object-view-box:none;clip-path:none;object-fit:contain;transform:none}

.clearing-documentation{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;padding-top:0}.clearing-documentation .gallery-image-frame{aspect-ratio:3/4}.clearing-documentation .gallery-image-frame img,.clearing-documentation .gallery-image-frame video{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.clearing-documentation .gallery-image-frame:has(video){background:#111}@media(max-width:900px){.clearing-documentation{grid-template-columns:repeat(2,minmax(0,1fr))}}

.card img.clearing-home-cover{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:50% 45%}

.clearing-film{margin:0;min-width:0}.clearing-film figcaption{max-width:65ch;margin-top:12px;line-height:1.65}

.black-classical-montage{grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 28px;align-items:start}.black-classical-montage figure{grid-column:span 2}.black-classical-montage figure>img,.black-classical-montage figure>.gallery-image-button>img{width:100%;height:300px;max-height:none;object-fit:contain;object-position:left bottom}.black-classical-montage .record-sleeve{grid-column:span 3}.black-classical-montage .record-sleeve>img,.black-classical-montage .record-sleeve>.gallery-image-button>img{height:auto;aspect-ratio:1;object-fit:contain}.black-classical-montage .book-spread{grid-column:1/-1;max-width:960px;width:100%;justify-self:center}.black-classical-montage .book-spread>img,.black-classical-montage .book-spread>.gallery-image-button>img{height:auto;max-height:400px;object-position:center}.black-classical-montage figcaption{max-width:60ch}@media(max-width:650px){.black-classical-montage{grid-template-columns:1fr 1fr;gap:26px 18px}.black-classical-montage figure,.black-classical-montage .record-sleeve{grid-column:span 1}.black-classical-montage figure>img,.black-classical-montage figure>.gallery-image-button>img{height:240px}.black-classical-montage .record-sleeve>img,.black-classical-montage .record-sleeve>.gallery-image-button>img{height:auto}.black-classical-montage .book-spread{grid-column:1/-1}}

.black-classical-montage .book-spread{max-width:600px}.black-classical-montage .book-spread>img,.black-classical-montage .book-spread>.gallery-image-button>img{max-height:240px}

.black-classical-montage .book-spread{justify-self:end}.black-classical-montage .book-spread figcaption{text-align:left}

.grid.leadership{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.leadership .placeholder span{font-size:22px;padding:0 15px}.leadership .card h3{font-size:21px}@media(max-width:650px){.grid.leadership{grid-template-columns:1fr}}



.card img.hough-home-cover{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:50% 65%}

.creatives-now-gallery .gallery-image-frame{aspect-ratio:3/4}.creatives-now-gallery .gallery-image-frame img{width:100%;height:100%;max-height:none;object-fit:contain}

.creatives-now-gallery .gallery-image-frame img.creatives-now-portrait-fill{object-fit:cover;object-position:55% 50%}

@media(min-width:651px){.hough-page .project-overview{grid-template-columns:minmax(0,360px) minmax(0,640px);gap:36px;justify-content:start}.hough-page .project-copy{align-self:start}}

.card img.leos-gathering{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;object-position:50% 60%}

.gallery-credit{font-size:10px;line-height:1.55;color:var(--muted);margin:-30px 0 35px;max-width:90ch}

/* Consistent, readable supporting text and reserved image proportions. */
figcaption,.project-gallery figcaption,.gallery-credit{font-size:11px;line-height:1.6}
.project-gallery figcaption{max-width:none}
.making-portraits figcaption.caption-single-line{white-space:normal;font-size:11px;max-width:none}
.card img{height:auto}
.gallery-heading{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:.04em;margin:38px 0 18px;color:var(--muted)}
.gallery-heading+.project-gallery{margin-top:0}
.clearing-documentation{margin-bottom:44px}
@media(max-width:650px){figcaption,.project-gallery figcaption,.gallery-credit{font-size:11px}.project-gallery{row-gap:30px}}

.strangers-page .project-overview .hero img{width:100%;height:auto}

.making-room-page .project-overview .hero img{width:100%;height:auto}

#black-classical .project-overview .hero img{width:100%;height:auto;object-position:left top}

.project-overview .hero img.restored-anchor{width:100%;height:auto;object-position:left top}

/* Gallery enlargement, with native keyboard and focus handling. */
.gallery-image-button{display:block;width:fit-content;max-width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:zoom-in;text-align:left}
.gallery-image-button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.gallery-image-frame>.gallery-image-button{width:100%;height:100%}
.image-lightbox{position:fixed;inset:0;width:fit-content;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:20px 24px 24px;border:0;background:#fff;color:var(--ink);box-shadow:0 12px 65px #0003;overflow:auto}
.image-lightbox::backdrop{background:rgba(0,0,0,.5)}
.image-lightbox figure{margin:0}
.image-lightbox figure>img{display:block;width:auto;height:auto;max-width:min(1200px,calc(100vw - 88px));max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}
.image-lightbox figcaption{font-size:12px;line-height:1.6;max-width:85ch;margin:14px 0 0}
.image-lightbox figcaption[hidden]{display:none}
.lightbox-close{display:block;margin:0 0 15px auto;padding:5px 0 5px 18px;border:0;background:#fff;color:var(--ink);font:12px Arial,Helvetica,sans-serif;cursor:pointer}
.lightbox-close:focus-visible{outline:2px solid;outline-offset:4px}
.strangers-gallery{margin-bottom:14px}
.strangers-gallery+.gallery-credit{margin:0 0 35px}
@media(max-width:650px){.image-lightbox{max-width:calc(100vw - 20px);padding:14px}.image-lightbox figure>img{max-width:calc(100vw - 48px);max-height:calc(100dvh - 150px)}}

.black-classical-montage .gallery-image-button{width:100%}

.about-portrait{background:#fff}
.lightbox-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;font-size:11px;color:var(--muted)}
.lightbox-navigation button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:23px;cursor:pointer}
.lightbox-navigation button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.image-lightbox figure>img{max-height:calc(100dvh - 220px)}
.card h3{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.card .arrow{display:inline-block;float:none;flex:0 0 auto;margin-left:auto}
@media(max-width:650px){.lightbox-navigation{display:flex}.image-lightbox figure>img{max-height:calc(100dvh - 215px)}.card .arrow{display:inline-block}}

/* Mobile Black Classical: portraits, cover detail, paired sleeves, then the spread. */
@media(max-width:650px){
  #black-classical .black-classical-montage{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:32px;align-items:start}
  #black-classical .black-classical-montage figure{min-width:0;margin:0}
  #black-classical .black-classical-montage figure>img,
  #black-classical .black-classical-montage figure>.gallery-image-button>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center bottom}
  #black-classical .black-classical-montage .portrait-study>img,
  #black-classical .black-classical-montage .portrait-study>.gallery-image-button>img{aspect-ratio:3/4}
  #black-classical .black-classical-montage .cover-detail{grid-column:1/-1;width:100%;max-width:380px;justify-self:center}
  #black-classical .black-classical-montage .record-sleeve{grid-column:span 1}
  #black-classical .black-classical-montage .record-sleeve>img,
  #black-classical .black-classical-montage .record-sleeve>.gallery-image-button>img{aspect-ratio:1}
  #black-classical .black-classical-montage .book-spread{grid-column:1/-1;width:100%;max-width:460px;justify-self:center}
  #black-classical .black-classical-montage figcaption{font-size:11px;line-height:1.6;max-width:none;margin-top:10px}
}