.portfolio-public{width:min(1380px,100% - 32px);margin:0 auto;padding:36px 0 84px}.portfolio-public-head{border:1px solid var(--line);background:linear-gradient(120deg,var(--card),var(--soft));border-radius:26px;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;padding:28px 32px;display:flex}.portfolio-public-head h1{color:var(--primary-strong);margin:8px 0 12px;font-size:clamp(2rem,4vw,3.6rem)}.portfolio-public-head p{color:var(--muted);max-width:680px;line-height:1.7}.portfolio-public-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:25px;display:grid}.portfolio-filters{background:var(--card);border:1px solid var(--line);border-radius:23px;max-height:calc(100vh - 42px);padding:22px;position:sticky;top:20px;overflow:auto}.portfolio-filters h2{color:var(--primary-strong);margin:0 0 18px}.portfolio-filters form{gap:12px;display:grid}.portfolio-filters details{border:1px solid var(--line);border-radius:12px;overflow:hidden}.portfolio-filters summary{cursor:pointer;color:var(--primary-strong);padding:12px 14px;font-weight:650}.portfolio-filter-options{gap:5px;max-height:260px;padding:0 9px 10px;display:grid;overflow:auto}.portfolio-filters .hero-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.portfolio-filters .hero-actions .button{flex:1}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{border:1px solid var(--line);background:var(--card);border-radius:21px;overflow:hidden;box-shadow:0 12px 34px #3a5a7a0b}.portfolio-card-photo{background:var(--soft);min-height:190px}.portfolio-card-photo .portfolio-image,.portfolio-card-photo .portfolio-placeholder{height:195px}.portfolio-card-photo .portfolio-figure figcaption{font-size:.75rem}.portfolio-card-body{align-content:start;gap:12px;padding:20px;display:grid}.portfolio-card-body h2,.portfolio-card-body h3{color:var(--primary-strong);margin:0;font-size:1.25rem}.portfolio-card-body p{color:var(--muted);margin:0;line-height:1.6}.portfolio-card-body .button{justify-self:start}.portfolio-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.portfolio-figure{gap:5px;min-width:0;margin:0;display:grid}.portfolio-image{object-fit:cover;background:var(--soft);border-radius:12px;width:100%;height:300px}.portfolio-figure figcaption{color:var(--muted);padding:3px 8px}.portfolio-placeholder{background:var(--soft);height:280px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;padding:15px;display:grid}.portfolio-pagination{justify-content:center;align-items:center;gap:18px;margin:30px auto;display:flex}.portfolio-detail{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);align-items:start;gap:30px;display:grid}.portfolio-detail .portfolio-image{height:400px}.portfolio-detail h2{color:var(--primary-strong)}.portfolio-description{white-space:pre-wrap;line-height:1.9}.portfolio-editor{gap:20px;display:grid}.portfolio-editor .form-stack{gap:22px}.portfolio-fieldset{border:1px solid var(--line);border-radius:18px;gap:14px;min-width:0;padding:20px;display:grid}.portfolio-fieldset legend{color:var(--primary-strong);padding:0 9px;font-size:1.1rem;font-weight:700}.portfolio-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portfolio-upload{gap:8px;min-width:0;display:grid}.portfolio-upload input[type=file]{width:100%;font-size:.85rem}.portfolio-check{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;align-items:flex-start;gap:9px;padding:8px 10px;line-height:1.5;display:flex}.portfolio-check:has(input:checked){background:var(--soft);border-color:var(--primary)}.portfolio-check input{width:auto;accent-color:var(--primary);flex:none;margin-top:4px}.portfolio-consent{font-weight:650}.portfolio-taxonomy{border:1px solid var(--line);border-radius:12px;gap:3px;max-height:270px;padding:6px;display:grid;overflow:auto}.portfolio-taxonomy .portfolio-check{border-color:#0000}.portfolio-taxonomy .portfolio-check:has(input:checked){border-color:var(--primary)}.portfolio-selected{flex-wrap:wrap;gap:6px;min-height:12px;display:flex}.portfolio-chip{border:1px solid var(--primary);color:var(--primary-strong);background:var(--soft);cursor:pointer;border-radius:999px;padding:6px 12px}.portfolio-muted{color:var(--muted);margin:0;line-height:1.6}.portfolio-error{white-space:pre-line}.portfolio-footer-actions{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:18px;display:flex}@media (max-width:950px){.portfolio-public-layout{grid-template-columns:1fr}.portfolio-filters{max-height:none;position:static}.portfolio-upload-grid{grid-template-columns:1fr}}@media (max-width:700px){.portfolio-public-head{flex-direction:column;padding:22px}.portfolio-grid,.portfolio-detail{grid-template-columns:1fr}.portfolio-detail .portfolio-image{height:260px}}.zt-gallery-hero{background:linear-gradient(90deg,#f4f6f8f5,#d8e2ecbb),url(/wp-home/procedure-2.jpg) 100%/auto 100% no-repeat;align-items:center;min-height:290px;padding:45px 48px}.zt-gallery-hero h1{color:#3a5a7a}.zt-gallery-trust{margin-top:20px}.zt-gallery-filter-heading{margin-top:0!important}.portfolio-filters{border-color:#d8e2ec;box-shadow:0 14px 32px #3a5a7a13}.portfolio-public-results{min-width:0}.portfolio-card{border-radius:23px;transition:transform .25s,box-shadow .25s}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #3a5a7a1c}.zt-gallery-grid .portfolio-card-photo{background:#e8eef3}.portfolio-card-body .zt-eyebrow{font-size:.66rem}.zt-case-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.zt-case-visual{min-width:0}.zt-case-controls{background:#eaf0f5;gap:8px;padding:10px;display:flex}.zt-case-controls button{color:#55697d;cursor:pointer;background:#fff;border:1px solid #c9d7e3;border-radius:100px;width:auto;padding:7px 11px;font-size:.75rem}.zt-case-controls button.is-active{color:#fff;background:#3a5a7a;border-color:#3a5a7a}.zt-compare-shell{isolation:isolate;direction:ltr;background:#edf1f6;width:100%;height:255px;position:relative;overflow:hidden}.zt-compare-under,.zt-compare-over{position:absolute;inset:0;overflow:hidden}.zt-compare-shell .portfolio-image,.zt-compare-shell .portfolio-placeholder{object-fit:cover;object-position:center;border-radius:0;width:100%;height:100%}.zt-compare-shell .zt-compare-over .portfolio-image,.zt-compare-shell .zt-compare-over .portfolio-placeholder{width:100%;max-width:none}.zt-compare-rule{z-index:3;pointer-events:none;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 7px #3338}.zt-compare-rule span{color:#3a5a7a;background:#fff;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 14px #3334}.zt-compare-label{z-index:2;color:#fff;background:#3a5a7ac9;border-radius:999px;padding:4px 10px;font-size:.72rem;position:absolute;bottom:12px}.zt-compare-label.before{left:12px}.zt-compare-label.after{right:12px}.zt-compare-slider{z-index:5;cursor:ew-resize;appearance:none;opacity:.025;touch-action:pan-y;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0;box-shadow:none!important}.zt-compare-slider::-webkit-slider-thumb{appearance:none;cursor:ew-resize;width:38px;height:255px}.zt-compare-slider::-moz-range-thumb{cursor:ew-resize;width:38px;height:255px}.zt-case-visual .portfolio-image-pair{padding:0}.zt-gallery-grid .portfolio-card .zt-compare-shell{height:244px}.portfolio-detail .zt-compare-shell{height:430px}.portfolio-detail .zt-compare-slider::-webkit-slider-thumb{height:430px}.portfolio-detail .zt-compare-slider::-moz-range-thumb{height:430px}@media (max-width:700px){.zt-gallery-hero{background:linear-gradient(120deg,#f4f6f8e8,#d8e2ec),url(/wp-home/procedure-2.jpg) 50%/cover no-repeat;padding:24px}.portfolio-detail .zt-compare-shell{height:290px}}.zt-gallery-active{flex-wrap:wrap;align-items:center;gap:8px;margin:5px 0 20px;display:flex}.zt-gallery-active>span{color:#536a80;font-size:.82rem;font-weight:700}.zt-gallery-active button{color:#3a5a7a;cursor:pointer;background:#f4f6f8;border:1px solid #cdd9e3;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.76rem;display:inline-flex}.zt-gallery-active button:hover{background:#fff5f4;border-color:#f28b82}.zt-share-case{cursor:pointer;color:#4a6a8a;background:0 0;border:0;align-items:center;gap:6px;width:auto;padding:6px 8px;font-size:.73rem;display:inline-flex}.zt-share-case:hover{color:#d96c61}.pf-upload-preview{object-fit:contain;background:#edf4f8;border-radius:12px;width:100%;height:190px;margin-top:12px;display:block}.pf-extra-details{border-top:1px solid #dfebf3;margin-top:17px;padding-top:15px}.pf-extra-details summary{cursor:pointer;color:#577e9b;font-size:12px}.pf-extra-details>p{color:#879eae;font-size:11px;line-height:2}.pf-extra-details label>span{color:#6d8ca1;font-size:10px;line-height:1.9}.pf-extra-details label{margin-top:13px;display:block}.pf-method-list{scrollbar-width:thin;grid-template-columns:1fr 1fr;gap:8px;max-height:260px;padding:4px;display:grid;overflow:auto}.pf-method-list .portfolio-check{align-items:flex-start;font-size:11px}.pf-method-list .portfolio-check input{flex-shrink:0}.pf-method-list .portfolio-check span{font-size:11px;line-height:1.9}@media (max-width:700px){.pf-method-list{grid-template-columns:1fr}.pf-upload-preview{height:160px}}
.cv-viewer{color:#345a74;min-width:0}.cv-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cv-toolbar>span{font-size:12px}.cv-modes{flex-wrap:wrap;gap:5px;display:flex}.cv-modes button,.cv-expand{color:#658399;font:inherit;cursor:pointer;background:#fff;border:1px solid #dae7ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:11px;line-height:1.7;display:inline-flex}.cv-modes button[aria-pressed=true]{color:#c86f61;background:#fff3ed;border-color:#efc4b8}.cv-viewer :is(button,input):focus-visible{outline-offset:3px;outline:3px solid #e99384}.cv-surface{width:100%;min-width:0}.cv-comparison{aspect-ratio:4/3;direction:ltr;background:#edf4f8;border-radius:18px;position:relative;overflow:hidden}.cv-after,.cv-before{background:#edf4f8;position:absolute;inset:0}.cv-comparison img{object-fit:contain;width:100%;height:100%;display:block}.cv-comparison :is(.portfolio-placeholder,.cv-unavailable){place-items:center;width:100%;height:100%;min-height:0;display:grid}.cv-divider{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0}.cv-divider>span{color:#df8b7d;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 12px #35516b26}.cv-label{color:#43647b;z-index:3;background:#fffe;border-radius:20px;padding:5px 13px;font-size:11px;position:absolute;bottom:13px}.cv-label-before{left:12px}.cv-label-after{right:12px}.cv-range{color:#7991a2;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 2px 2px;font-size:11px;display:flex}.cv-range>span{flex-basis:100%;font-size:10px}.cv-range input[type=range]{accent-color:#e88d7e;cursor:ew-resize;touch-action:pan-y;width:auto;min-width:70px;height:28px;box-shadow:none;background:0 0;border:0;flex:1;padding:0}.cv-range small{text-align:center;min-width:33px;font-size:10px}.cv-pair{direction:ltr;grid-template-columns:1fr 1fr;gap:14px;display:grid}.cv-pair figure,.cv-combined{min-width:0;margin:0}.cv-pair img{aspect-ratio:3/4;object-fit:contain;background:#edf4f8;border-radius:15px;width:100%;height:auto;display:block}.cv-pair figcaption{text-align:center;color:#7a93a4;padding:10px;font-size:11px}.cv-combined img{object-fit:contain;background:#edf4f8;border-radius:17px;width:100%;height:auto;max-height:760px;display:block}.cv-combined figcaption{color:#8196a7;margin-top:12px;font-size:11px;line-height:1.9}.cv-unavailable{color:#879cae;text-align:center;background:#f1f6fa;place-items:center;min-height:180px;padding:15px;font-size:12px;display:grid}.cv-dialog{color:#365a74;background:#fff;border:0;border-radius:20px;width:min(1250px,96vw);max-width:96vw;max-height:94vh;margin:auto;padding:0;box-shadow:0 20px 100px #0d2f4966}.cv-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16364be8}.cv-dialog-content{padding:23px}.cv-dialog header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.cv-dialog h2{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:700;line-height:1.9}.cv-dialog header>div{flex-shrink:0;align-items:center;gap:8px;display:flex}.cv-dialog header button{font:inherit;color:#537890;cursor:pointer;background:#f8fbfd;border:1px solid #dce8ef;border-radius:9px;align-items:center;gap:5px;padding:9px;font-size:11px;display:inline-flex}.cv-dialog header button[aria-pressed=true]{background:#fff0e9}.cv-dialog .cv-modes{margin-bottom:14px}.cv-dialog-scroll{overscroll-behavior:contain;max-height:70vh;overflow:auto}.cv-dialog .cv-comparison{max-height:none}.cv-dialog .cv-range{padding-bottom:10px}.cv-dialog .cv-combined img{max-height:none}.cv-viewer svg{flex-shrink:0}@media (max-width:760px){.cv-toolbar{gap:8px}.cv-modes button,.cv-expand{min-height:39px;padding:9px 10px;font-size:10px}.cv-expand{margin-inline-start:auto}.cv-comparison{aspect-ratio:1;border-radius:13px}.cv-pair{gap:9px}.cv-label{padding:4px 10px;font-size:10px;bottom:10px}.cv-label-before{left:9px}.cv-label-after{right:9px}.cv-divider>span{width:32px;height:32px}.cv-dialog{border-radius:14px;width:96vw;max-height:94vh}.cv-dialog-content{padding:14px}.cv-dialog h2{font-size:13px}.cv-dialog header{align-items:start;gap:10px;margin-bottom:13px}.cv-dialog header>div{gap:5px}.cv-dialog header button{padding:7px;font-size:9px}.cv-dialog .cv-modes button{font-size:9px}.cv-dialog-scroll{max-height:68vh}}@media (prefers-reduced-motion:reduce){.cv-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}