.bop-transformations{font-family:var(--wp--preset--font-family--inter,Inter,Arial,sans-serif);color:#10253f}.bop-transformations [hidden]{display:none!important}.bop-tg-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d9e1dc;border-radius:12px;overflow:hidden;margin-bottom:30px;background:#fff}.bop-tg-tabs button{appearance:none;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;border:0;border-right:1px solid #e1e6e2;background:#fff;color:#53657d;padding:21px 20px;font-family:inherit;font-size:12px;line-height:1.5;min-height:82px;transition:background .2s,color .2s}.bop-tg-tabs button:last-child{border-right:0}.bop-tg-tab-number{font-size:8px;letter-spacing:.08em;color:#7b8f8b}.bop-tg-tabs button>span:nth-child(2){font-weight:550}.bop-tg-tabs small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#71837e}.bop-tg-tab-arrow{margin-left:auto;font-size:19px;font-weight:400}.bop-tg-tabs button[aria-selected=true]{background:#10253f;color:#fff}.bop-tg-tabs button[aria-selected=true] small,.bop-tg-tabs button[aria-selected=true] .bop-tg-tab-number{color:#b7d0ca}.bop-tg-tabs button:hover:not([aria-selected=true]){background:#edf2ef;color:#10253f}
.bop-tg-panel{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:54px;align-items:center}.bop-tg-photo-column{min-width:0}.bop-tg-frame{position:relative;aspect-ratio:4/3;background:#e8ebe6;border-radius:12px;overflow:hidden;isolation:isolate}.bop-tg-layer{position:absolute;inset:0;overflow:hidden;background:#e8ebe6}.bop-tg-layer-after{clip-path:inset(0 0 0 var(--tg-split))}.bop-tg-crop{position:absolute;height:100%;max-width:100%;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;isolation:isolate}.bop-tg-crop img{position:absolute;max-width:none!important;object-fit:fill;display:block;margin:0!important;border-radius:0!important}
.bop-tg-label{position:absolute;top:17px;z-index:3;border-radius:4px;background:#ffffffe0;backdrop-filter:blur(8px);color:#10253f;padding:8px 11px;font-size:8px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.bop-tg-label-before{left:17px}.bop-tg-label-after{right:17px}.bop-tg-range{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;z-index:5;cursor:ew-resize;touch-action:pan-y}.bop-tg-frame:focus-within{outline:3px solid #416b72;outline-offset:4px}.bop-tg-divider{position:absolute;left:var(--tg-split);top:0;bottom:0;border-left:2px solid #fff;pointer-events:none;z-index:4}.bop-tg-divider>span{position:absolute;top:50%;left:-24px;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border:4px solid #ffffffb3;border-radius:50%;background:#ffffffed;box-shadow:0 5px 24px #10253f28;color:#10253f;backdrop-filter:blur(8px)}
.bop-tg-frame[data-view=before] .bop-tg-label-after,.bop-tg-frame[data-view=after] .bop-tg-label-before,.bop-tg-frame[data-view=before] .bop-tg-divider,.bop-tg-frame[data-view=after] .bop-tg-divider{opacity:0}.bop-tg-frame[data-view=side]{display:grid;grid-template-columns:1fr 1fr;gap:2px}.bop-tg-frame[data-view=side] .bop-tg-layer{position:relative;inset:auto;clip-path:none;height:100%}.bop-tg-frame[data-view=side] .bop-tg-range,.bop-tg-frame[data-view=side] .bop-tg-divider{display:none}
.bop-tg-controls{display:flex;gap:5px;padding:7px;margin-top:15px;border:1px solid #d9e1dc;border-radius:10px;background:#ffffffb3}.bop-tg-controls button{appearance:none;font-family:inherit;font-size:10px;font-weight:550;cursor:pointer;border:0;border-radius:6px;min-height:38px;padding:10px 17px;background:transparent;color:#53657d;transition:background .15s,color .15s}.bop-tg-controls button[aria-pressed=true]{color:#fff;background:#10253f;box-shadow:0 3px 7px #10253f12}.bop-tg-controls button:hover:not([aria-pressed=true]){background:#e7eeeb;color:#10253f}.bop-tg-photo-caption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;font-size:9px;color:#53657d;line-height:1.7}.bop-tg-photo-caption>span:last-child{white-space:nowrap;color:#416b72;font-variant-numeric:tabular-nums}
.bop-tg-project-copy .bop-tg-eyebrow{font-size:8px;letter-spacing:.1em;line-height:1.7;text-transform:uppercase;color:#416b72;font-weight:600;margin:0 0 16px!important}.bop-tg-eyebrow>span{margin:0 5px}.bop-tg-project-copy h3{font-size:clamp(27px,2.7vw,36px);line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:0 0 22px}.bop-tg-description{font-size:13px;line-height:1.9;color:#53657d;margin:0 0 26px!important}.bop-tg-finishes{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #d7dfd9;border-bottom:1px solid #d7dfd9;padding:20px 0;margin:0 0 24px}.bop-tg-finishes dt{font-size:8px;color:#71837e;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.bop-tg-finishes dd{font-size:11px;line-height:1.7;margin:0;color:#10253f}.bop-tg-plan,.bop-tg-open{appearance:none;font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;font-size:12px;cursor:pointer;font-weight:550;border-radius:4px;border:0;min-height:51px;padding:15px 20px;background:#10253f;color:#fff;transition:background .2s}.bop-tg-plan>span,.bop-tg-open>span{font-size:21px;font-weight:400}.bop-tg-plan:hover{background:#124bd6}.bop-tg-open{margin-top:10px;padding:12px 0;background:transparent;color:#10253f;border-bottom:1px solid #ccd6d0;border-radius:0;font-size:11px}.bop-tg-open:hover{color:#124bd6}.bop-tg-note{font-size:10px;line-height:1.8;color:#71837e;margin:19px 0 0!important}.bop-transformations button:focus-visible{outline:3px solid #416b72;outline-offset:4px}
.bop-tg-dialog{border:0;border-radius:12px;background:#f6f5f1;padding:24px;width:min(920px,94vw);max-height:94vh;color:#10253f;font-family:var(--wp--preset--font-family--inter,Inter,Arial,sans-serif)}.bop-tg-dialog::backdrop{background:#071e3dcc;backdrop-filter:blur(5px)}.bop-tg-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.bop-tg-dialog-top h2{font-size:20px!important;line-height:1.3!important;margin:0!important;font-family:inherit!important;letter-spacing:-.02em!important}.bop-tg-dialog-top button{font:inherit;font-size:26px;border:1px solid #d7dfd9;border-radius:50%;background:#fff;color:#10253f;width:42px;height:42px;flex-shrink:0;cursor:pointer}.bop-tg-dialog img{display:block;max-height:75vh;width:auto;max-width:100%;height:auto;margin:0 auto;object-fit:contain;border-radius:5px}.bop-tg-dialog>p{font-size:10px!important;line-height:1.7;color:#53657d;margin:17px 0 0!important}
@media(max-width:1100px){.bop-tg-panel{gap:32px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.bop-tg-tabs button{padding:18px 14px;gap:9px}.bop-tg-tabs button>span:nth-child(2){font-size:11px}.bop-tg-tab-number{display:none}.bop-tg-project-copy h3{font-size:29px}.bop-tg-description{font-size:12px}.bop-tg-finishes{gap:10px}.bop-tg-controls button{padding:10px 13px}}
@media(max-width:900px){.bop-tg-panel{grid-template-columns:1fr;gap:30px}.bop-tg-project-copy{max-width:700px}.bop-tg-project-copy h3{font-size:34px}.bop-tg-description{font-size:14px}.bop-tg-plan,.bop-tg-open{max-width:400px}.bop-tg-note{max-width:580px}.bop-tg-finishes{max-width:550px}.bop-tg-tabs{margin-bottom:25px}.bop-tg-tab-arrow{display:none}}
@media(max-width:600px){.bop-tg-tabs{grid-template-columns:1fr 1fr;border-radius:9px;gap:1px;background:#d9e1dc;margin-bottom:22px}.bop-tg-tabs button{border:0;padding:14px 12px;min-height:73px;gap:8px}.bop-tg-tabs button>span:nth-child(2){font-size:11px}.bop-tg-tabs small{font-size:8px}.bop-tg-frame{border-radius:9px}.bop-tg-label{font-size:6px;padding:6px 8px;top:11px}.bop-tg-label-before{left:11px}.bop-tg-label-after{right:11px}.bop-tg-divider>span{width:36px;height:36px;left:-19px;border-width:3px}.bop-tg-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:5px}.bop-tg-controls button{font-size:9px;min-height:43px;padding:10px 5px;white-space:nowrap}.bop-tg-photo-caption{font-size:8px;gap:10px}.bop-tg-project-copy h3{font-size:30px}.bop-tg-description{font-size:13px}.bop-tg-project-copy .bop-tg-eyebrow{font-size:8px}.bop-tg-note{font-size:9px}.bop-tg-dialog{padding:18px}.bop-tg-dialog-top h2{font-size:17px!important}.bop-tg-dialog-top{gap:14px}}
@media(prefers-reduced-motion:reduce){.bop-transformations *{transition:none!important}}

/* Show completed project panels in the existing native service cards. */
.bop-service-card .bop-card-photo.bop-project-card{aspect-ratio:4/3;height:auto;min-height:0;position:relative;overflow:hidden}
.bop-service-card .bop-card-photo.bop-project-card img{position:absolute;max-width:none!important;object-fit:fill!important;aspect-ratio:auto!important;border-radius:0}
.bop-service-card .bop-project-house-after img{width:210.784314%!important;height:280.392157%!important;left:-110.784314%;top:0}
.bop-service-card .bop-project-kfc-after img{width:150%!important;height:198.604651%!important;left:-45.232558%;top:0}
.bop-service-card .bop-project-stone-after img{width:191.993958%!important;height:249.143001%!important;left:-91.993958%;top:-15.10574%}
.bop-service-card:hover .bop-card-photo.bop-project-card img{transform:none}