html.interiors-document{scroll-behavior:auto}
/* A room-led archive, with each project kept together. */
.interiors-page .interiors-intro{padding:38px 0 24px}
.interiors-page .interiors-brand{margin:0}
.interiors-page .interiors-brand img{width:228px}
.interiors-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.interiors-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
.interiors-page .interiors-intro h1{font-size:clamp(48px,5.5vw,84px);line-height:.99}
.interiors-heading>p{font-size:12px;line-height:1.85;max-width:280px;padding-bottom:5px;color:var(--muted)}
.interiors-index{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;border-block:1px solid var(--rule);padding:5px 2px}
.interiors-index a{display:flex;flex:none;align-items:center;gap:8px;min-height:44px;font-size:10px;white-space:nowrap}
.interiors-index a span{font-size:9px;font-variant-numeric:tabular-nums;color:var(--muted)}
.interiors-index a:hover{text-decoration:underline;text-underline-offset:5px}
.interior-project-section{padding:62px 0 72px;border-bottom:1px solid var(--rule);scroll-margin-top:26px}
.interior-project-head{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:20px;margin-bottom:26px}
.interior-project-number{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.interior-project-head h2{font:clamp(38px,4.1vw,62px)/1.1 var(--serif);letter-spacing:-.015em}
.interior-project-meta{font-size:10px;color:var(--muted);text-align:right}
.interior-project-meta span{display:block}
.interior-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 28px;align-items:start}
.interior-grid figure{grid-column:span 6;min-width:0}
.interior-grid .interior-wide{grid-column:span 12}
.interior-grid .interior-large{grid-column:span 8}
.interior-grid .interior-small{grid-column:span 4}
.interior-grid .interior-third{grid-column:span 4}
.interior-grid .interior-quarter{grid-column:span 3}
.interior-grid .interior-centered{grid-column:3 / span 8}
.interior-grid .interior-offset{padding-top:clamp(25px,6vw,85px)}
.interior-grid .interior-inset{padding-inline:10%}
.interior-grid .image-button{background:#e5e1da}
.interior-grid .image-button img{width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.interior-grid .image-button:hover img{transform:scale(1.015)}
.interior-grid .image-action{width:32px;height:32px;display:grid;place-items:center;padding:0;font-size:20px;line-height:1;opacity:1;transform:none;background:#f4f2eff2}
.interior-grid figcaption{display:flex;gap:15px;justify-content:space-between;font-size:10px;line-height:1.6;margin-top:11px}
.interior-grid figcaption>span:last-child{flex:none;font-variant-numeric:tabular-nums;font-size:9px}
.interior-note{max-width:600px;font-size:11px;line-height:1.8;color:var(--muted);margin-top:24px}
.interior-project-section .residence-media{margin-top:28px;padding-bottom:0;border-bottom:0}
.interior-project-section .residence-description{padding-top:10px}
.interior-project-section .residence-description .credit{margin-top:0}
.architizer-credit{display:flex;align-items:center;gap:22px;min-height:48px;margin-top:25px;width:fit-content}
.architizer-credit img{width:134px;height:auto;filter:brightness(0);flex:none}
.architizer-credit>span{font-size:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}
.architizer-credit:hover{opacity:.65}
#tribeca .tribeca-renderings{margin-top:clamp(52px,6vw,88px);padding-top:22px;border-top:1px solid var(--rule)}
#tribeca .tribeca-renderings>.eyebrow{color:var(--muted);margin-bottom:23px}
#tribeca .tribeca-rendering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,1040px);margin-inline:auto}
#tribeca .tribeca-rendering-grid figure{min-width:0;margin:0}
#tribeca .tribeca-rendering-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#tribeca .tribeca-rendering-grid figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:10px;color:var(--muted)}
#tribeca .tribeca-rendering-grid figcaption>span:last-child{font-variant-numeric:tabular-nums}
.collaboration-credit{font-size:11px;line-height:1.8;max-width:650px;margin-top:24px}
.collaboration-credit a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule)}
.interiors-page .interiors-film{padding:65px 0 70px}
.interiors-page .press-film-intro{grid-template-columns:24% 1fr;align-items:baseline}
.interiors-page .interiors-film>.press-film{max-width:1000px}
.interiors-page .archive-links{padding-bottom:60px;align-items:center}
.interiors-page .archive-links>p{font-size:12px;color:var(--muted)}
.interior-lightbox{width:min(1440px,96vw);height:94dvh}
.interior-lightbox .lightbox-bar{height:64px;padding:10px 22px;gap:15px}
.interior-lightbox .lightbox-bar h2{font:24px/1.1 var(--serif)}
.interior-lightbox [data-gallery-count]{margin-left:auto;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.interior-lightbox .lightbox-close{min-width:72px;min-height:44px}
.interior-lightbox-stage{height:calc(100% - 130px);display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:16px 18px}
.interior-lightbox-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;object-fit:contain;justify-self:center;opacity:0;transition:opacity .18s ease}
.interior-lightbox-image.is-loaded{opacity:1}
.interior-lightbox-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule);background:var(--paper);font-size:25px;line-height:1}
.interior-lightbox-arrow:hover{background:var(--wine);color:var(--paper);border-color:var(--wine)}
.interior-lightbox-arrow[hidden]{display:none}
.interior-lightbox-footer{min-height:66px;border-top:1px solid var(--rule);padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.interior-lightbox-footer p{font-size:11px;line-height:1.6}
.interior-lightbox-hint{font-size:9px;color:var(--muted);white-space:nowrap}
@media(min-width:1500px){.interiors-index{gap:34px}.interior-grid{gap:36px}}
@media(max-width:700px){#tribeca .tribeca-rendering-grid{grid-template-columns:1fr;gap:26px}#tribeca .tribeca-renderings{margin-top:54px}#tribeca .tribeca-rendering-grid figcaption{font-size:9px}}
@media(max-width:1000px){.interiors-heading>p{max-width:230px}.interior-project-head{grid-template-columns:24px 1fr auto;gap:14px}.interior-grid{gap:24px 20px}.interior-grid .interior-inset{padding-inline:4%}.interiors-index{gap:20px}}
@media(max-width:760px){
  .interiors-page .interiors-intro{padding:28px 0 28px}
  .interiors-page .interiors-brand{flex-direction:row;align-items:center;margin-bottom:0;gap:20px}
  .interiors-page .interiors-brand img{width:178px}
  .interiors-page .interiors-brand .eyebrow{font-size:8px;max-width:90px;text-align:right;line-height:1.75}
  .interiors-heading{display:block}
  .interiors-page .interiors-intro h1{font-size:clamp(44px,9.8vw,64px)}
  .interiors-heading>p{font-size:11px;max-width:300px;margin-top:20px;padding:0}
  .interiors-index{gap:0 16px;padding-block:6px}
  .interiors-index a{min-height:44px;font-size:10px;gap:6px}
  .interior-project-section{padding:39px 0 44px;scroll-margin-top:20px}
  .interior-project-head{grid-template-columns:21px 1fr;gap:5px 11px;margin-bottom:22px}
  .interior-project-head h2{font-size:36px}
  .interior-project-meta{grid-column:2;text-align:left;font-size:9px;display:flex;gap:7px;flex-wrap:wrap}
  .interior-project-meta span+span:before{content:' / ';padding-right:7px}
  .interior-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .interior-grid figure,.interior-grid .interior-wide,.interior-grid .interior-large,.interior-grid .interior-small,.interior-grid .interior-third,.interior-grid .interior-centered{grid-column:span 2}
  .interior-grid .interior-quarter{grid-column:span 1}
  .interior-grid .interior-portrait-pair{grid-column:span 1}
  .interior-grid .interior-offset{padding-top:0}
  .interior-grid .interior-inset{padding-inline:0}
  .interior-grid .interior-mobile-inset{width:82%;justify-self:end}
  .interior-grid .interior-mobile-inset-left{justify-self:start}
  .interior-grid .interior-portrait-pair.interior-mobile-inset{width:100%}
  .interior-grid figcaption{font-size:9px;gap:10px;margin-top:9px}
  .interior-grid .image-action{width:28px;height:28px;font-size:18px;bottom:10px;right:10px}
  .interior-project-section .residence-media{margin-top:23px}
  .architizer-credit{gap:18px;margin-top:20px}
  .architizer-credit img{width:116px}
  .architizer-credit>span{font-size:11px}
  .interiors-page .interiors-film{padding:43px 0}
  .interiors-page .interiors-film>.press-film{margin:0}
  .interiors-page .archive-links{align-items:flex-start;padding-bottom:40px}
  .interior-lightbox{width:100vw;max-width:100vw;height:100dvh;margin:0}
  .interior-lightbox .lightbox-bar{height:65px;padding:10px 14px;gap:10px}
  .interior-lightbox .lightbox-bar h2{font-size:22px}
  .interior-lightbox [data-gallery-count]{font-size:9px}
  .interior-lightbox .lightbox-close{min-width:54px;font-size:11px}
  .interior-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;height:calc(100% - 163px);padding:12px 0 52px}
  .interior-lightbox-image{max-height:100%;max-width:100%}
  .interior-lightbox-arrow{position:absolute;bottom:0}
  .interior-lightbox-arrow[data-gallery-previous]{left:calc(50% - 52px)}
  .interior-lightbox-arrow[data-gallery-next]{right:calc(50% - 52px)}
  .interior-lightbox-footer{margin-top:12px;min-height:86px;padding:15px 20px;align-items:start}
  .interior-lightbox-footer p{font-size:10px}
  .interior-lightbox-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.interior-grid .image-button img,.interior-lightbox-image{transition:none}.interior-grid .image-button:hover img{transform:none}}

.interior-grid .interior-drawing{margin-top:18px}
.interior-drawing figcaption a{text-decoration:underline;text-underline-offset:4px}
#mondrian-drawings{scroll-margin-top:110px}
.interior-grid .mondrian-sheets{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(100%,960px);justify-self:center}
.interior-grid .mondrian-sheets figure{grid-column:auto;min-width:0}
@media(max-width:700px){
  .interior-grid .mondrian-sheets{gap:12px}
  .interior-grid .mondrian-sheets figure{grid-column:auto}
  .mondrian-sheets figcaption{display:block}
  .mondrian-sheets figcaption a{display:block;margin-top:4px}
}

/* A compact project group: two room views above three smaller supporting views. */
#attorney-street .attorney-compact-grid{max-width:1040px;margin-inline:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px}
#attorney-street .attorney-compact-grid figure{grid-column:span 2}
#attorney-street .attorney-compact-grid figure:nth-child(-n+2){grid-column:span 3}
@media(max-width:700px){
#attorney-street .attorney-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
#attorney-street .attorney-compact-grid figure,#attorney-street .attorney-compact-grid figure:nth-child(2){grid-column:span 1}
#attorney-street .attorney-compact-grid figure:first-child{grid-column:span 2}
#attorney-street .interior-project-meta{white-space:normal}
}

/* Lead with the two complete renderings; finished photos form a quieter second row. */
#design-milk .design-milk-grid{max-width:920px;margin-inline:auto}
#design-milk .design-milk-grid .design-milk-rendering{grid-column:span 6}
@media(max-width:760px){
#design-milk .design-milk-grid .design-milk-rendering{grid-column:span 1}
#design-milk .design-milk-grid figcaption{display:block}
#design-milk .design-milk-grid figcaption>span:last-child{display:none}
}

/* A white drawing gallery: architectural studies above a quieter color row. */
.hand-sketches{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border-bottom:0}
.hand-sketches .sketch-grid{max-width:920px;margin:38px auto 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 44px;align-items:end}
.hand-sketches .sketch-grid>figure{grid-column:span 2;width:100%;max-width:250px;justify-self:center;margin:0;padding:0}
.hand-sketches .sketch-grid>figure:nth-child(-n+2){grid-column:span 3;max-width:340px}
.hand-sketches .image-button{display:flex;align-items:center;justify-content:center;background:#fff;height:230px}
.hand-sketches .sketch-grid>figure:nth-child(-n+2) .image-button{height:320px}
.hand-sketches .sketch-grid .image-button img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.hand-sketches figcaption{display:block;text-align:center;color:var(--muted);margin-top:14px}
@media(max-width:760px){
.hand-sketches .sketch-grid{max-width:540px;gap:30px 20px;margin-top:28px}
.hand-sketches .sketch-grid>figure,.hand-sketches .sketch-grid>figure:nth-child(-n+2){grid-column:span 3;max-width:250px}
.hand-sketches .sketch-grid>figure:last-child{grid-column:2 / span 4;max-width:240px}
.hand-sketches .image-button,.hand-sketches .sketch-grid>figure:nth-child(-n+2) .image-button{height:clamp(150px,31vw,220px)}
.hand-sketches .sketch-grid>figure:last-child .image-button{height:190px}
.hand-sketches figcaption{font-size:9px;line-height:1.5;margin-top:10px}
}

/* The living room opens Broadway Penthouse; the other rooms follow as a pair. */
.broadway-grid{row-gap:32px;align-items:start}
.broadway-grid .broadway-living{grid-column:1/-1;grid-row:1}
.broadway-grid .broadway-dining{grid-column:1/span 6;grid-row:2}
.broadway-grid .broadway-bedroom{grid-column:7/span 6;grid-row:2}
@media(max-width:760px){
 .broadway-grid{row-gap:26px}
 .broadway-grid .broadway-living,.broadway-grid .broadway-dining,.broadway-grid .broadway-bedroom{grid-column:1/-1;grid-row:auto}
}
