/* Project images have one quiet home, with detail available on demand. */
.projects{background:#141a1c;color:#fff}
.projects-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px}
.projects-heading .eyebrow{color:#bbc6c8}
.projects-heading h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em;line-height:1.12;margin-top:24px}
.projects-heading>p{font-size:16px;line-height:1.7;color:#bbc6c8;max-width:320px}
.comparison-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.comparison-images figure{min-width:0;margin:0}
.comparison-images figcaption{display:flex;flex-direction:column;gap:5px;padding-top:15px}
.comparison-images figcaption>span{font-size:16px;font-weight:500}
.comparison-images figcaption>small{font-size:12px;line-height:1.6;color:#bbc6c8}
.comparison-note{margin-top:22px;font-size:12px;line-height:1.6;color:#bbc6c8}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}
.project-card{min-width:0}
.project-image-link{display:block;position:relative;overflow:hidden;background:#263133}
.project-image-link>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .45s ease}
.project-drawing{aspect-ratio:16/10;background:#faf9f6;color:#22302d;padding:clamp(18px,2.4vw,34px);display:flex;flex-direction:column;gap:22px}
.project-drawing-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.14em;flex-shrink:0}
.project-drawing-top>img{width:104px;height:auto;filter:brightness(0)}
.project-drawing-crop{position:relative;display:block;flex:1;min-height:0;overflow:hidden}
.project-drawing-crop>img{position:absolute;width:165%;max-width:none;height:auto;left:-55%;top:-72%;mix-blend-mode:multiply}
.project-drawing .project-open{color:white}
.project-drawing-detail{background:#fff;gap:12px}
.project-drawing-detail .project-drawing-crop>img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}
.drawing-examples-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:24px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.project-image-link:hover>img{transform:scale(1.025)}
.project-open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;background:#141a1cbd;border:1px solid #ffffff47;border-radius:50%;width:40px;height:40px;font-size:22px}
.project-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-top:23px}
.project-caption h3{font-size:26px;letter-spacing:-.035em}
.project-caption p{color:#bbc6c8;font-size:13px;margin-top:6px}
.project-caption>a{flex-shrink:0;font-size:13px;display:flex;align-items:center;gap:14px;min-height:44px}
.project-caption>a:hover,.project-inquiry:hover{text-decoration:underline;text-underline-offset:5px}
.projects-footnote{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #ffffff24;margin-top:48px;padding-top:26px}
.projects-footnote>p{font-size:14px;color:#bbc6c8;max-width:570px}
.project-inquiry{display:flex;align-items:center;gap:20px;flex-shrink:0;min-height:44px;background:none;color:#fff;font-size:14px;padding:8px 0}
body.gallery-open{overflow:hidden}
#project-gallery{width:calc(100% - 64px);max-width:1280px;max-height:94svh;background:#141a1c;color:#fff;border:1px solid #ffffff26;border-radius:6px;padding:0 24px 16px;overflow:auto;overscroll-behavior:contain}
#project-gallery::backdrop{background:#070d10e6;backdrop-filter:blur(8px)}
.gallery-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}
.gallery-top .eyebrow{font-size:10px;color:#bbc6c8;letter-spacing:.16em}
.gallery-top h2{font-size:26px;letter-spacing:-.035em;margin-top:4px}
.gallery-close{background:#ffffff0f;color:white;border:1px solid #ffffff2b;border-radius:50%;width:44px;height:44px;font-size:29px;line-height:1;flex-shrink:0}
.gallery-close:hover,.gallery-navigation button:hover{background:#ffffff24}
.gallery-stage{position:relative;display:grid;place-items:center;background:#0e1315;height:min(65svh,720px);min-height:200px;overflow:hidden}
.gallery-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.gallery-stage.is-loading>img{opacity:0}
#gallery-error{max-width:320px;text-align:center;font-size:15px;padding:30px;color:#d6dddf}
#gallery-caption{font-size:14px;color:#c6d0d2;line-height:1.6;padding-top:16px}
.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:16px}
.gallery-thumbnails{display:flex;gap:10px;min-width:0;overflow-x:auto;padding:5px}
.gallery-thumbnails button{padding:0;border:2px solid transparent;opacity:.65;border-radius:2px;background:#263133;width:72px;height:48px;flex-shrink:0}
.gallery-thumbnails button[aria-current=true]{opacity:1;border-color:#fff}
.gallery-thumbnails button:hover{opacity:1}
.gallery-thumbnails button:focus-visible{outline-offset:2px;opacity:1}
.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}
.gallery-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0}
.gallery-navigation button{width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;color:white;background:none;font-size:20px}
#gallery-count{font-size:13px;color:#c6d0d2;min-width:35px;text-align:center}
@media(max-width:1000px){.projects-heading{display:block}.projects-heading>p{max-width:none;margin-top:22px}.projects-heading>p br{display:none}.project-caption{flex-wrap:wrap;gap:4px}.project-caption>a{min-height:40px}.projects-footnote{align-items:flex-start}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:40px}.projects-heading{margin-bottom:30px}.projects-heading h2{font-size:38px;max-width:340px}.project-caption{flex-wrap:nowrap;gap:15px;padding-top:18px}.project-caption h3{font-size:25px}.project-caption p{font-size:12px}.project-caption>a{font-size:12px;gap:8px}.projects-footnote{display:block;margin-top:32px;padding-top:22px}.project-inquiry{margin-top:14px}.project-image-link>img{aspect-ratio:16/10}.project-open{width:34px;height:34px;font-size:19px;bottom:12px;right:12px}#project-gallery{width:calc(100% - 20px);max-height:96svh;padding:0 14px 16px}.gallery-top{padding:14px 0}.gallery-top h2{font-size:23px}.gallery-stage{height:54svh;min-height:180px}.gallery-bottom{gap:12px;flex-wrap:wrap}.gallery-thumbnails{gap:8px}.gallery-thumbnails button{width:60px;height:44px}.gallery-navigation{margin-left:auto;gap:8px}.gallery-navigation button{width:40px;height:40px}#gallery-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.project-image-link:hover>img{transform:none}}
@media(max-width:700px){#project-gallery.gallery-drawings .gallery-stage{height:auto;min-height:0;aspect-ratio:2200/1480;background:#fff}#project-gallery.gallery-drawings .gallery-thumbnails{width:100%}#project-gallery.gallery-drawings .gallery-thumbnails button{flex:1 0 44px;max-width:60px}}
@media(max-width:700px){.comparison-images{grid-template-columns:1fr;gap:26px}.comparison-images figcaption{padding-top:12px}.comparison-note{margin-top:20px}}

@media(max-width:360px){#project-gallery.gallery-drawings .gallery-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(44px,60px));justify-content:center}#project-gallery.gallery-drawings .gallery-thumbnails button{width:100%}}