@import url('./comika-system.css');
.current-projects{padding:100px 0 110px;background:#f3f4ef;color:#173d34}
.current-projects-header{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-bottom:50px}
.current-projects-header .eyebrow{font-size:12px;color:#52685e;margin-bottom:24px}
.current-projects-header h2{font-size:clamp(38px,4.5vw,62px);line-height:1.25;letter-spacing:-.04em;margin:0}
.current-projects-header>p{font-size:18px;line-height:1.8;color:#61736a;max-width:540px;margin:0}
.current-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;border-top:1px solid #173d3429;padding:64px 0}
.current-project:last-child{padding-bottom:0}
.current-project-photo,.current-project-map{margin:0;width:100%;overflow:hidden;background:#dce2d8}
.current-project-photo picture{display:block}
.current-project-photo img{width:100%;height:auto;display:block}
.current-project-map{background:#e4e9e2;border:1px solid #173d3426;align-self:center}
.current-map-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:15px 16px;background:#193a31;color:#e8eee6}
.current-map-heading strong{font-size:16px;font-weight:500}
.current-map-heading>span{font-size:11px;color:#b8c8bb}
.current-map-preview{display:block;width:100%;background:#dce2d8}
.current-map-preview img{display:block;width:100%;height:auto;object-fit:contain}
.current-project-map figcaption{padding:11px 15px;font-size:11px;color:#4f665b}
.current-project-map figcaption>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.current-project-map figcaption p{font-size:10px;line-height:1.5;margin:7px 0 0;color:#61736a}
.current-project-map figcaption a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.current-map-heading{flex-wrap:wrap;gap:5px}}
.current-project-pickup{aspect-ratio:1706/1279}
.current-project-pickup img{aspect-ratio:1706/1279;object-fit:contain}
.current-project-commercial-gallery{display:grid;gap:16px;min-width:0}
.current-project-commercial-gallery .current-project-photo{aspect-ratio:2/1}
.current-project-commercial-gallery .current-project-photo img{aspect-ratio:2/1;object-fit:cover}
.current-project-commercial-gallery .current-project-solar-storage img{object-position:50% 42%}
.current-project-commercial-gallery .current-project-pickup img{object-position:50% 66%}
.current-project-mine-photo{aspect-ratio:4/3}
.current-project-mine-photo img{aspect-ratio:4/3;object-fit:contain}
.current-project-mine .current-project-photo{grid-column:2;grid-row:1}
.current-project-mine .current-project-copy{grid-column:1;grid-row:1}
.current-project-number{display:block;font:12px/1.5 var(--mono);letter-spacing:.1em;color:#58735f;margin-bottom:22px}
.current-project-copy h3{font-size:clamp(26px,2.65vw,37px);line-height:1.45;letter-spacing:-.035em;margin:0 0 22px;text-wrap:balance}
.current-project-lead{font-size:16px;line-height:1.85;color:#5a7065;margin-bottom:26px}
.current-project-small-label{font-size:13px;line-height:1.5;color:#61736a;margin:0 0 18px}
.current-project-totals{padding:20px 0;border-top:1px solid #173d3426;border-bottom:1px solid #173d3426}
.current-project-totals dl{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:20px;margin:0}
.current-project-totals dt{font-size:14px;line-height:1.5;color:#52695d;margin-bottom:12px}
.current-project-totals dd{font-size:clamp(30px,3.2vw,44px);line-height:1;font-weight:400;letter-spacing:-.05em;margin:0;white-space:nowrap}
.current-project-totals dd span{font-size:14px;letter-spacing:0;margin-left:6px;color:#61736a}
.current-project-progress{display:flex;align-items:baseline;gap:20px;padding:18px 0 4px}
.current-project-progress>span{font-size:13px;line-height:1.5;color:#61736a;white-space:nowrap}
.current-project-progress p{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:16px;line-height:1.7;margin:0}
.current-project-progress i{font-style:normal;color:#779663}
.current-project .text-link{font-size:16px;line-height:1.5;margin-top:20px;padding:12px 0;gap:28px}
.current-project-directions{margin:0;border-top:1px solid #173d3426}
.current-project-directions>div{padding:16px 0;border-bottom:1px solid #173d3426;display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px}
.current-project-directions dt{font-size:17px;line-height:1.8;color:#173d34}
.current-project-directions dd{font-size:16px;line-height:1.8;color:#5a7065;margin:0}
.current-project-names{margin-top:30px}
.current-project-names ul{list-style:none;padding:0;margin:0;border-top:1px solid #173d3426}
.current-project-names li{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid #173d3426;font-size:19px;line-height:1.6}
.current-project-names li>small{font-size:13px;color:#648253;flex-shrink:0}
@media(min-width:1600px){.current-project{gap:90px;padding:75px 0}.current-project-lead{font-size:17px}.current-project-copy h3{font-size:40px}}
@media(max-width:1100px){.current-project{gap:40px}.current-projects-header{gap:40px}.current-project-copy h3{font-size:29px}.current-project-directions>div{grid-template-columns:1fr;gap:5px}.current-project-totals dl{gap:14px}.current-project-progress{flex-direction:column;gap:8px}.current-project-names li{font-size:18px}}
@media(max-width:760px){
 .current-projects{padding:65px 0 70px}
 .current-projects-header{grid-template-columns:1fr;gap:22px;padding-bottom:35px}
 .current-projects-header .eyebrow{font-size:11px;margin-bottom:20px}
 .current-projects-header h2{font-size:38px}
 .current-projects-header>p{font-size:16px}
 .current-project{grid-template-columns:1fr;gap:30px;padding:36px 0 44px}
 .current-project-commercial-gallery{gap:12px}
 .current-project-commercial-gallery .current-project-photo,.current-project-commercial-gallery .current-project-photo img{aspect-ratio:4/3;object-fit:contain}
 .current-project-mine .current-project-photo,.current-project-mine .current-project-copy{grid-column:auto;grid-row:auto}
 .current-project-number{font-size:11px;margin-bottom:18px}
 .current-project-copy h3{font-size:29px;line-height:1.45;margin-bottom:20px}
 .current-project-lead{font-size:16px;margin-bottom:24px}
 .current-project-small-label{font-size:13px}
 .current-project-totals{padding:18px 0}
 .current-project-totals dl{gap:12px}
 .current-project-totals dt{font-size:13px;white-space:nowrap}
 .current-project-totals dd{font-size:34px}
 .current-project-totals dd span{font-size:13px;margin-left:4px}
 .current-project-progress{flex-direction:row;gap:16px;align-items:baseline}
 .current-project-progress p{gap:9px}
 .current-project-directions>div{padding:15px 0;gap:5px}
 .current-project-directions dt{font-size:18px}
 .current-project-directions dd{font-size:16px}
 .current-project-names{margin-top:24px}
 .current-project-names li{font-size:18px;padding:18px 0}
 .current-project .text-link{font-size:16px;margin-top:18px}
}
@media(max-width:380px){.current-project-copy h3{font-size:26px}.current-project-totals dd{font-size:30px}.current-project-totals dl{gap:8px}.current-project-progress{flex-direction:column;gap:6px}}