/* Projects page */
.projects-hero{display:grid;grid-template-columns:1.08fr .92fr;background:var(--navy);color:white;min-height:470px}
.projects-hero-copy{padding:64px 52px 64px 81px;align-self:center;min-width:0}.projects-kicker{display:block;font-size:14px;letter-spacing:.08em;font-weight:600;color:var(--blue);margin-bottom:18px}.projects-hero .projects-kicker{color:var(--cyan)}.projects-hero h1{font-size:clamp(38px,4vw,58px)}.projects-hero p{color:#c1d0d8;font-size:17px;margin:24px 0 28px;max-width:48ch}.projects-hero .button,.projects-cta .button{gap:12px}
.projects-hero-media{margin:0;min-width:0;position:relative;overflow:hidden}.projects-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.projects-hero-media figcaption{position:absolute;bottom:20px;left:24px;right:24px;color:#fff;background:rgba(16,42,58,.9);padding:9px 13px;font-size:14px}
.projects-case{padding:66px 6%;border-bottom:1px solid var(--line)}.projects-case-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:30px}.projects-case-heading p{margin:0;font-size:16px}.projects-case h2{font-size:clamp(30px,3vw,42px)}.projects-photo{margin:0;border:1px solid var(--line);background:#eef2f3}.projects-photo>a{display:block;cursor:zoom-in}.projects-photo img{width:100%;height:auto}.projects-photo figcaption{padding:16px 22px;font-size:16px;background:white;color:var(--muted)}.projects-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.projects-facts>div{border-top:2px solid var(--line);padding-top:20px}.projects-facts h3{font-size:22px;margin-bottom:12px}.projects-facts p{margin:0;font-size:16px}
.projects-secondary{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.projects-secondary h2{margin-bottom:22px}.projects-secondary p{font-size:16px}.projects-related{color:var(--blue);font-size:16px;text-decoration:underline;text-underline-offset:5px}.projects-cta{padding:48px 6%;background:#eaf0f2;display:flex;justify-content:space-between;align-items:center;gap:36px}.projects-cta h2{font-size:clamp(30px,3vw,40px);margin-bottom:16px}.projects-cta p{margin:0;max-width:65ch}.projects-cta .button{flex:none}
.projects-lightbox{width:min(1200px,94vw);max-width:94vw;max-height:94vh;padding:18px;border:0;background:var(--navy);color:white}.projects-lightbox::backdrop{background:rgba(0,0,0,.85)}.projects-lightbox button{display:block;margin:0 0 14px auto;min-height:44px;padding:8px 16px;border:1px solid #718c9b;background:var(--navy);color:white;font:inherit;cursor:pointer}.projects-lightbox img{margin:auto;width:auto;max-height:70vh;object-fit:contain}.projects-lightbox p{color:white;margin:14px 0 0}
html[lang=th] .projects-kicker{letter-spacing:0}
@media(max-width:1050px){.projects-hero-copy{padding:50px 8%}.projects-secondary{gap:30px}.projects-facts{gap:20px}.projects-cta{display:block}.projects-cta .button{margin-top:24px}}
@media(max-width:700px){.projects-hero,.projects-case-heading,.projects-secondary,.projects-facts{grid-template-columns:1fr}.projects-hero{min-height:0}.projects-hero-copy{padding:44px 6%}.projects-hero h1{font-size:clamp(36px,9vw,48px)}.projects-hero-media img{height:300px}.projects-hero-media figcaption{left:16px;right:16px;bottom:16px}.projects-case{padding:46px 6%}.projects-case-heading{gap:18px}.projects-facts{gap:24px}.projects-secondary{gap:26px}.projects-cta{padding:42px 6%}.projects-photo figcaption{padding:15px 18px}.projects-cta .button{max-width:100%}}

.projects-components-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.projects-component>a{height:280px;display:grid;place-items:center;padding:20px}.projects-component img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.projects-component h3{font-size:23px;line-height:1.4;margin-bottom:10px}.projects-component p{margin:0;font-size:16px}.projects-component figcaption{height:auto}
@media(max-width:700px){.projects-components-grid{grid-template-columns:1fr}.projects-component>a{height:260px}}

/* Paired photographs for fabricated components */
.projects-component{display:flex;flex-direction:column;min-width:0}
.projects-component>a,.projects-component-photos{box-sizing:border-box;height:280px;flex:none}
.projects-component-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;min-width:0;overflow:hidden}
.projects-component-photos>a{display:block;min-width:0;min-height:0;height:100%;overflow:hidden;cursor:zoom-in}
.projects-component-photos img{display:block;position:static;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.projects-component figcaption{position:static;flex:1;min-width:0;height:auto}
@media(max-width:700px){.projects-component>a,.projects-component-photos{height:260px}.projects-component-photos{gap:10px;padding:10px}}