.scc{position:relative;font-family:var(--font-body)}.scc-carousel-drawer{position:relative}.scc-tabs{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.1rem}.scc-tab{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);border-radius:999px;padding:.5rem .9rem;font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.scc-tab.is-active{border-color:var(--color-action);background:color-mix(in srgb,var(--color-action) 18%,white)}.scc-tab:hover{transform:translateY(-1px)}.scc-tab-count{min-width:1.5rem;height:1.5rem;border-radius:999px;background:var(--color-surface-emphasis);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;letter-spacing:0}.scc-panel{display:none}.scc-panel.is-active{display:block}.scc-case-list{display:grid;gap:2.3rem}.scc-empty{text-align:center;border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-muted);padding:1.2rem}.scc-modal{position:fixed;inset:0;z-index:10000;display:none;padding:1rem}.scc-modal.is-open{display:flex;align-items:center;justify-content:center}.scc-modal-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(6px)}.scc-modal-panel{position:relative;width:min(1080px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:var(--color-surface-emphasis);border-radius:18px;border:1px solid rgba(255,255,255,.08);z-index:1;display:flex;flex-direction:column;gap:0}.scc-modal-close{position:fixed;top:.75rem;right:.75rem;z-index:10002;width:2.2rem;height:2.2rem;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .16s ease}.scc-modal-close:hover{background:#ffffff38}.scc-viewer{position:relative;border-radius:18px 18px 0 0;overflow:hidden;background:#0a0e1c;height:clamp(380px,68vh,760px)}.scc-compare-modal{position:relative;width:100%;height:100%;background:var(--color-surface-emphasis)}.scc-compare-modal img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;display:block}.scc-after-image,.scc-after-wrap{position:absolute;inset:0}.scc-before-clip{position:absolute;inset:0;clip-path:inset(0 50% 0 0);border-right:none;overflow:visible;pointer-events:none}.scc-before-clip:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:#ffffffd9;pointer-events:none;z-index:3}.scc-before-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scc-compare-modal.is-harmonized .scc-before-image,.scc-compare-modal.is-harmonized .scc-after-image{object-fit:cover;object-position:center}.scc-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.scc-handle-dot{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--color-action);border:3px solid var(--color-navy-400);color:var(--color-navy-400);box-shadow:0 6px 20px #00000059}.scc-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.scc-tag{position:absolute;top:12px;padding:.32rem .6rem;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;z-index:3}.scc-tag-before{left:12px;background:var(--color-surface-emphasis);color:var(--color-action)}.scc-tag-after{right:12px;background:var(--color-action);color:var(--color-navy-400)}.scc-compare-modal.is-static .scc-before-clip,.scc-compare-modal.is-static .scc-handle,.scc-compare-modal.is-static .scc-range,.scc-compare-modal.is-static .scc-tag-before{display:none}.scc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:3rem;height:3rem;border-radius:999px;background:var(--color-action);border:none;display:flex;align-items:center;justify-content:center;transition:transform .16s ease,opacity .16s ease;box-shadow:0 4px 16px #0006}.scc-nav:hover{transform:translateY(-50%) scale(1.08)}.scc-nav:disabled{opacity:.25;pointer-events:none}.scc-nav-prev{left:.75rem}.scc-nav-next{right:.75rem}.scc-nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--color-navy-400);color:var(--color-action);line-height:1}.scc-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;background:#090e1eeb;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.scc-strip-info{min-width:0}.scc-strip-location{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--color-action);margin-bottom:.25rem}.scc-strip-title{font-family:var(--font-heading);font-size:1.15rem;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scc-strip-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.scc-strip-label{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px}.scc-strip-label[data-mode=compare],.scc-strip-label[data-mode=after]{background:var(--color-action);color:var(--color-navy-400)}.scc-strip-label[data-mode=before]{background:var(--color-surface-emphasis);color:var(--color-action);border:1px solid rgba(200,224,135,.35)}.scc-modal-counter{font-size:.7rem;color:#ffffff73;letter-spacing:.04em}.scc-modal-thumbs{display:flex;flex-wrap:nowrap;gap:.45rem;padding:.75rem 1rem .65rem;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(200,224,135,.75) rgba(10,14,28,.65)}.scc-modal-thumbs::-webkit-scrollbar{height:10px}.scc-modal-thumbs::-webkit-scrollbar-track{background:#0a0e1ca6;border-radius:999px}.scc-modal-thumbs::-webkit-scrollbar-thumb{background:#c8e087d1;border-radius:999px;border:2px solid rgba(10,14,28,.65)}.scc-modal-thumb{flex:0 0 86px;border:2px solid transparent;border-radius:8px;overflow:hidden;aspect-ratio:1;background:#ffffff0f;transition:border-color .14s ease,transform .14s ease}.scc-modal-thumb img{width:100%;height:100%;object-fit:cover}.scc-modal-thumb:hover{border-color:#c8e08780}.scc-modal-thumb.is-active{border-color:var(--color-action);transform:translateY(-2px)}@media(max-width:768px){.scc-case-list{gap:1.5rem}.scc-tab{font-size:.69rem;letter-spacing:.08em}.scc-modal{padding:0}.scc-modal-panel{border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0;right:0;max-height:92vh;width:100%}.scc-viewer{border-radius:12px 12px 0 0;height:clamp(320px,56vh,560px)}.scc-nav{width:2.5rem;height:2.5rem}.scc-nav-arrow{width:1.65rem;height:1.65rem}.scc-handle-dot{width:38px;height:38px;font-size:14px}.scc-strip-title{font-size:.95rem}.scc-modal-thumbs{padding:.65rem .75rem .6rem}.scc-modal-thumb{flex-basis:70px}}.scc-card{display:grid;grid-template-columns:1.08fr 1fr;gap:1rem;border:1px solid var(--color-border);border-radius:14px;padding:1.5rem .9rem;background:linear-gradient(145deg,#fff,#f7f7f2)}.scc-card.is-linked-focus{border-color:color-mix(in srgb,var(--color-action) 70%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action) 22%,transparent);animation:sccPulseFocus 1.1s ease-out}@keyframes sccPulseFocus{0%{box-shadow:0 0 color-mix(in srgb,var(--color-action) 35%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action) 22%,transparent)}}.scc-media{display:flex;flex-direction:column;gap:.65rem}.scc-preview-box{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-surface-emphasis)}.scc-open-modal-btn{border:1px solid var(--color-action);border-radius:10px;padding:.62rem .8rem;background:color-mix(in srgb,var(--color-action) 18%,white);color:var(--color-action-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.scc-open-modal-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0e122524}.scc-hero-compare{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#1a1a2e}.scc-hero-compare.is-mixed-ratio{aspect-ratio:16 / 9;background:#0f1b4f}.scc-hero-simple{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#1a1a2e}.scc-hero-simple img{width:100%;height:100%;object-fit:cover;display:block}.scc-hero-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scc-after-inline{z-index:1}.scc-before-inline{z-index:2}.scc-inline-before{position:absolute;top:0;bottom:0;left:0;width:50%;z-index:3;pointer-events:none}.scc-inline-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--color-action);transform:translate(-50%);z-index:4}.scc-inline-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:999px;background:var(--color-action);border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0003;z-index:5}.scc-inline-arrows{color:var(--color-action-text);display:inline-flex;align-items:center;justify-content:center}.scc-inline-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:col-resize;z-index:4}.scc-inline-note{display:none}.scc-hero-chips{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:.5rem;z-index:2}.scc-hero-chips span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px}.scc-hero-chips span:first-child{background:var(--color-surface-emphasis);color:var(--color-action)}.scc-hero-chips span:last-child{background:var(--color-action);color:var(--color-action-text)}.scc-thumbs-wrap{border:1px solid var(--color-border);border-radius:10px;padding:.55rem;background:#fff}.scc-thumbs-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:var(--color-text-muted);margin-bottom:.45rem;font-weight:700}.scc-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.scc-thumb{aspect-ratio:1;border-radius:8px;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-emphasis)}.scc-thumb img{width:100%;height:100%;object-fit:cover}.scc-gallery-wrap{border:1px solid var(--color-border);border-radius:10px;padding:.55rem;background:#fff}.scc-gallery-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;color:var(--color-text-muted);margin-bottom:.45rem;font-weight:700}.scc-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.scc-gallery-btn{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-emphasis);padding:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.scc-gallery-btn:hover{transform:scale(1.04);box-shadow:0 6px 18px #0000002e}.scc-gallery-btn-more{border:1px dashed color-mix(in srgb,var(--color-action) 55%,var(--color-border));border-radius:8px;background:color-mix(in srgb,var(--color-action) 18%,#fff);display:flex;align-items:center;justify-content:center}.scc-thumb-more-count{font-size:.9rem;font-weight:800;letter-spacing:.02em;color:var(--color-navy-400)}.scc-gallery-img{aspect-ratio:1;border-radius:8px;border:1px solid var(--color-border);overflow:hidden;background:var(--color-surface-emphasis);width:100%;height:100%;object-fit:cover}.scc-location{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#737373;margin:0}.scc-work-block{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:.75rem 0}.scc-work-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);margin-bottom:.42rem}.scc-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.scc-metric-cell{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .4rem;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.18rem;min-height:58px}.scc-metric-label{font-size:.56rem;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);font-weight:700;line-height:1.15}.scc-metric-value{font-family:var(--font-body);font-size:.82rem;line-height:1.2;font-weight:500;color:var(--color-text)}.scc-metric-yield .scc-metric-value{color:#2d7a44;font-weight:700}.scc-image-fallback{color:#ffffff85;font-size:.72rem;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center}@media(max-width:1024px){.scc-card{grid-template-columns:1fr}}@media(max-width:480px){.scc-metrics-grid{grid-template-columns:repeat(2,1fr)}}