/* Selected Work: each project is one continuous card. */
#work .work-item{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0;padding:0;margin:0 0 52px;background:#fcfaf5;border:1px solid #8e887e;border-radius:10px;overflow:hidden;box-shadow:0 6px 12px rgba(40,34,23,.08),0 18px 36px rgba(40,34,23,.14)}
#work .work-item:last-child{margin-bottom:0;padding-bottom:0}
#work .work-copy{padding:clamp(26px,3.2vw,46px);gap:28px;min-width:0}
#work .work-company-logo{display:block;width:190px;max-width:100%;height:78px;object-fit:contain;object-position:left center;margin:0 0 25px;mix-blend-mode:multiply}
#occupancy .work-company-logo{width:230px}
#work .work-item h3{font-size:clamp(38px,4.1vw,62px);margin:24px 0}
#work .work-copy p{font-size:18px;line-height:1.55;margin-bottom:0}
#work .case-link{align-self:flex-start;margin-top:0}
#work .work-copy .result{margin-top:0;grid-template-columns:70px minmax(0,1fr);gap:18px}
#work .result strong{font-size:clamp(23px,2.1vw,30px)}
#work .work-tool-panel{background:var(--panel);gap:28px;min-width:0;padding:clamp(26px,3.2vw,46px);border-left:1px solid #c9c3b7}
.work-tool-panel:before,.work-tool-panel:after{display:none}
.tool-panel-heading{border-bottom:1px solid #c9c3b7;padding-bottom:26px}
.tool-panel-heading .label{font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0 0 15px}
.tool-panel-title{font-size:clamp(35px,3.6vw,55px);line-height:.96;letter-spacing:-.065em;font-weight:500}
.work-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;list-style:none;margin:0;padding:0}
.work-tool-grid li{min-width:0;display:flex;flex-direction:column;gap:14px}
.work-tool-grid img{display:block;width:52px;height:52px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.work-tool-grid strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.025em}
.work-tool-grid span{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:5px}
.work-tool-panel .art-top{font-size:11px;gap:12px;flex-wrap:wrap}
.work-tool-panel .art-bottom{border-top:1px solid #c9c3b7;padding-top:20px;font-size:10px;letter-spacing:.06em;align-items:flex-start;flex-wrap:wrap;gap:10px}
@media(max-width:850px){#work .work-item{grid-template-columns:1fr}#work .work-tool-panel{order:0;min-height:0;border-left:0;border-top:1px solid #c9c3b7}.work-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-panel-title{font-size:46px}}
@media(max-width:600px){#work .work-item{margin-bottom:36px}#work .work-copy,#work .work-tool-panel{padding:26px;gap:26px}#work .work-item h3{font-size:38px}#work .work-copy p{font-size:17px}#work .work-copy .result{grid-template-columns:1fr;gap:12px}.work-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.tool-panel-title{font-size:40px}.work-tool-panel .art-bottom span:last-child{text-align:left}}

/* Compact page introduction and a shorter lead-in to the projects. */
.page-intro.work-intro{min-height:0;padding-top:48px;padding-bottom:36px}
.work-intro h1{font-size:clamp(56px,6vw,88px);margin:0;line-height:1}
.work-intro p{font-size:clamp(18px,1.8vw,23px);line-height:1.45;max-width:760px;margin:18px 0 0}
#work.page-section{padding-top:44px}
@media(max-width:560px){.page-intro.work-intro{padding-top:34px;padding-bottom:28px}.work-intro p{margin-top:14px}#work.page-section{padding-top:30px}}

/* Keep long project titles inside their cards on narrow phones. */
@media(max-width:360px){#work .work-item h3{font-size:35px}}