.portfolio-grid.gallery-expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:24px}.comparison-card{display:flex;flex-direction:column;background:#22271f;border:1px solid #46503e;border-radius:8px;overflow:hidden;min-width:0}.gallery-expanded .project-card{grid-row:auto;grid-column:auto;cursor:default;min-height:0}.comparison-card-copy{padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.comparison-kind{grid-column:1/-1;font-size:9px;color:#c0c8b7;letter-spacing:1.2px}.gallery-expanded .comparison-card h3{font-size:22px;color:#fff;line-height:1.4}.gallery-detail{border:1px solid #73815f;background:transparent;color:#d6eeac;border-radius:4px;padding:10px 14px;font-size:11px}.gallery-detail:hover{background:#c3e86c;color:#182311}.gallery-note{max-width:340px;line-height:1.8;font-size:10px}.real-comparison{position:relative;height:310px;overflow:hidden;isolation:isolate;background:#dfe2da;min-width:0}.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:#d4f49b;display:grid;place-items:center;pointer-events:none;z-index:2}.real-comparison-handle>span{position:absolute;display:grid;place-items:center;width:44px;height:44px;background:#d4f49b;color:#1c2912;border:2px solid #fff;border-radius:50%;font-size:22px;box-shadow:0 2px 15px #15220c55}.real-comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}.real-comparison:focus-within{outline:3px solid #d4f49b;outline-offset:-3px}.comparison-label{position:absolute;top:15px;padding:7px 10px;background:#162111df;color:#fff;font-size:9px;line-height:1.4;letter-spacing:.7px;pointer-events:none;max-width:44%;z-index:2;border-radius:3px}.comparison-label.first{left:13px}.comparison-label.last{right:13px;text-align:right}.comparison-missing{display:grid;place-items:center;position:absolute;inset:0;background:#dfe2da;color:#32402a;padding:30px;font-size:14px;font-weight:600;text-align:center}.gallery-modal{padding:0;max-width:1060px;width:92vw;max-height:94vh;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:12px;right:12px;width:38px;height:38px;background:#14200dee;color:#f4f8ed;border:1px solid #879775;border-radius:50%;font-size:25px;z-index:5}.gallery-modal .real-comparison{height:min(56vh,520px);min-height:280px}.gallery-modal .comparison-label.last{right:60px}.gallery-modal-copy{padding:30px}.gallery-modal h2{font-size:30px;line-height:1.3;margin:12px 0}.gallery-modal p{font-size:13px;color:#c7d0ba;line-height:1.8;margin:12px 0}.gallery-disclosure{border-left:2px solid #c3e86c;padding-left:12px}.gallery-modal .button{margin-top:18px}.portfolio .filter-tabs{flex-wrap:wrap}.portfolio-toolbar{flex-wrap:wrap;gap:18px}.transformation{margin-top:38px}.transformation .real-comparison{border-radius:6px;height:340px}@media(max-width:900px){.comparison-card-copy{grid-template-columns:1fr;padding:19px}.gallery-detail{justify-self:start}.real-comparison{height:290px}.gallery-expanded .comparison-card h3{font-size:20px}.gallery-note{max-width:100%}}@media(max-width:640px){.portfolio-grid.gallery-expanded{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px}.gallery-expanded .project-card:last-child:nth-child(even){grid-column:auto}.real-comparison{height:285px}.comparison-label{font-size:8px;padding:7px;max-width:43%;top:12px}.comparison-label.first{left:9px}.comparison-label.last{right:9px}.gallery-note{display:block!important;font-size:10px}.gallery-modal-copy{padding:23px}.gallery-modal h2{font-size:24px}.gallery-modal .real-comparison{height:300px}.gallery-modal .comparison-label.last{right:55px}.transformation .real-comparison{height:285px}}

.comparison-kind{line-height:1.6}.comparison-label{font-weight:600;backdrop-filter:blur(8px)}.real-comparison img{user-select:none;-webkit-user-drag:none}.comparison-card:hover .gallery-detail{border-color:#c3e86c}.gallery-disclosure{max-width:800px}

.gallery-video,.gallery-preview video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#141b16;border-radius:14px}