.portfolio-grid.gallery-expanded{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:none;grid-auto-rows:210px;gap:16px}.gallery-expanded .project-large{grid-column:span 2;grid-row:span 2}.gallery-expanded.gallery-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:300px}.gallery-expanded .project-info h3{font-size:18px;line-height:1.35}.gallery-expanded .project-large .project-info h3{font-size:27px}.gallery-note{max-width:300px;line-height:1.6}.gallery-modal{padding:0;max-width:960px;width:90vw;max-height:92vh;background:#20251b;border:1px solid #65734e;border-radius:8px;color:#f1f6e8;overflow:auto}.gallery-modal::backdrop{background:#10180ed9;backdrop-filter:blur(6px)}.gallery-close{position:absolute;top:13px;right:13px;width:35px;height:35px;background:#14200dcc;color:#f4f8ed;border-radius:50%;font-size:23px;z-index:5}.gallery-modal-image{width:100%;height:440px;object-fit:cover}.gallery-modal-copy{padding:30px}.gallery-modal h2{font-size:30px;line-height:1.3;margin:12px 0}.gallery-modal p{font-size:12px;color:#b1bda1;line-height:1.8;margin:12px 0}.gallery-disclosure{font-size:10px!important;color:#8d9d7a!important}.gallery-modal .button{margin-top:18px}.real-comparison{position:relative;height:290px;overflow:hidden;border-radius:4px;isolation:isolate;background:#343b2d}.real-comparison>img,.real-comparison-before,.real-comparison-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.real-comparison-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.real-comparison-handle{position:absolute;left:var(--pos);top:0;bottom:0;width:2px;background:#c3e86c;display:grid;place-items:center;pointer-events:none}.real-comparison-handle>span{position:absolute;display:grid;place-items:center;width:36px;height:36px;background:#c3e86c;color:#1c2912;border-radius:50%;font-size:20px}.real-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.real-comparison:focus-within{outline:3px solid #c3e86c;outline-offset:4px}.comparison-label{position:absolute;top:15px;padding:6px 10px;background:#10200caa;font-size:7px;letter-spacing:1px;pointer-events:none}.comparison-label.first{left:13px}.comparison-label.last{right:13px}.gallery-modal .real-comparison{height:470px;border-radius:0}.gallery-modal .comparison-label.last{right:60px}@media(max-width:850px){.portfolio-grid.gallery-expanded{grid-auto-rows:180px}.gallery-expanded .project-info h3{font-size:15px}.gallery-expanded .project-large .project-info h3{font-size:22px}.gallery-note{font-size:7px;max-width:190px}}@media(max-width:640px){.portfolio-grid.gallery-expanded{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.gallery-expanded .project-large{grid-column:span 2;grid-row:span 1;min-height:280px}.gallery-expanded .project-card:first-child{margin-bottom:0}.portfolio-grid.gallery-expanded{grid-auto-rows:260px}.gallery-expanded .project-info h3{font-size:15px}.gallery-expanded .project-card:last-child:nth-child(even){grid-column:span 2}.gallery-expanded.gallery-filtered{grid-template-columns:1fr;grid-auto-rows:300px}.gallery-expanded.gallery-filtered .project-card{grid-column:auto!important;min-height:0}.gallery-expanded .project-large .project-info h3{font-size:24px}.gallery-note{display:none!important}.gallery-modal-image,.gallery-modal .real-comparison{height:300px}.gallery-modal-copy{padding:23px}.gallery-modal h2{font-size:24px}.real-comparison{height:260px}.comparison-label{font-size:6px;padding:5px 7px}}
@media(max-width:640px){.portfolio-grid.gallery-expanded{grid-template-rows:330px;grid-auto-rows:220px}.gallery-expanded .project-large{min-height:0}.portfolio-grid.gallery-expanded.gallery-filtered{grid-template-rows:none;grid-auto-rows:300px}}