.sc-works{--sc-orange:#e95724;--sc-dark:#202020;--sc-soft:#f5f3f0;--sc-line:#dedbd6}
.sc-works-intro{max-width:790px;margin:0 auto 46px;text-align:center;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.7;color:#555}
.sc-work-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 76px}
.sc-work-index a{min-height:128px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--sc-soft);border:1px solid transparent;border-radius:14px;color:var(--sc-dark);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.sc-work-index a:hover,.sc-work-index a:focus{transform:translateY(-3px);border-color:var(--sc-orange);background:#fff}
.sc-work-index span,.sc-section-heading>span{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--sc-orange)}
.sc-work-index strong{font-size:1rem;line-height:1.25}
.sc-work-section{scroll-margin-top:40px;margin:0 0 92px}
.sc-section-heading{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid var(--sc-line)}
.sc-section-heading h2{margin:-5px 0 7px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.12}
.sc-section-heading p{margin:0;max-width:760px;color:#666;line-height:1.65}
.sc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sc-project-grid.is-single{grid-template-columns:minmax(0,760px)}
.sc-project-grid:empty{display:none}
.sc-project-card{overflow:hidden;border:1px solid var(--sc-line);border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(22,22,22,.055)}
.sc-project-cover{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--sc-soft)}
.sc-project-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.sc-project-card:hover .sc-project-cover img{transform:scale(1.035)}
.sc-project-cover span{position:absolute;right:14px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(20,20,20,.82);color:#fff;font-size:.78rem;font-weight:750}
.sc-project-body{padding:24px}
.sc-project-category{margin:0 0 8px!important;color:var(--sc-orange);font-size:.73rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.sc-project-body h3{margin:0 0 11px;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2}
.sc-project-body>p:not(.sc-project-category){margin:0 0 20px;color:#656565;line-height:1.62}
.sc-project-video{margin:4px 0 24px;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sc-project-video video{display:block;width:100%;aspect-ratio:16/9;background:#111;object-fit:contain}
.sc-project-video figcaption{padding:10px 13px;background:#242424;color:#f2f2f2;font-size:.82rem;line-height:1.45}
.sc-gallery-open{appearance:none;border:0;padding:0;background:transparent;color:var(--sc-dark);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-color:var(--sc-orange);text-decoration-thickness:2px;text-underline-offset:6px}
.sc-gallery-open span{display:inline-block;margin-left:5px;transition:transform .2s ease}
.sc-gallery-open:hover span,.sc-gallery-open:focus span{transform:translateX(4px)}
.sc-project-share{margin-top:22px;padding-top:18px;border-top:1px solid var(--sc-line)}
.sc-project-share>span{display:block;margin-bottom:10px;color:#686868;font-size:.83rem;font-weight:650}
.sc-project-share>div{display:flex;flex-wrap:wrap;gap:8px}
.sc-project-share a,.sc-project-share button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;appearance:none;margin:0;padding:9px 13px;border:1px solid #cbc7c1;border-radius:7px;background:#fff;color:var(--sc-dark);font:inherit;font-size:.8rem;font-weight:750;line-height:1;text-decoration:none;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.sc-project-share a:hover,.sc-project-share a:focus,.sc-project-share button:hover,.sc-project-share button:focus,.sc-project-share button.is-copied{border-color:var(--sc-orange);background:var(--sc-orange);color:#fff;text-decoration:none;transform:translateY(-1px)}
.sc-project-share a:focus-visible,.sc-project-share button:focus-visible{outline:3px solid rgba(233,87,36,.28);outline-offset:2px}
.sc-work-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:10px;padding:38px 42px;border-radius:16px;background:var(--sc-dark);color:#fff}
.sc-work-cta p{margin:0 0 4px;color:#ddd}.sc-work-cta h2{margin:0;color:#fff}.sc-work-cta a{flex:0 0 auto;padding:13px 20px;border-radius:8px;background:var(--sc-orange);color:#fff;text-decoration:none;font-weight:800}
.sc-lightbox{width:min(1180px,96vw);max-width:none;height:min(850px,94vh);max-height:none;padding:0;border:0;border-radius:14px;background:#111;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.sc-lightbox::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(3px)}
.sc-lightbox-shell{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}
.sc-lightbox-stage{min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;padding:18px;background:#0d0d0d}
.sc-lightbox-stage img{display:block;width:100%;height:100%;max-height:72vh;object-fit:contain}
.sc-lightbox-close,.sc-lightbox-prev,.sc-lightbox-next{border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.sc-lightbox-close{position:absolute;z-index:3;top:12px;right:12px;width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1}
.sc-lightbox-prev,.sc-lightbox-next{width:44px;height:58px;border-radius:8px;font-size:40px;line-height:1}
.sc-lightbox-prev:hover,.sc-lightbox-next:hover,.sc-lightbox-close:hover,.sc-lightbox-prev:focus,.sc-lightbox-next:focus,.sc-lightbox-close:focus{background:var(--sc-orange)}
.sc-lightbox-info{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:18px 26px 22px;border-top:1px solid #303030}
.sc-lightbox-info p{margin:0;color:#bbb}.sc-lightbox-info h2{margin:3px 0 0;color:#fff;font-size:clamp(1.05rem,2vw,1.4rem)}
.sc-lightbox-phase{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#f18a64}.sc-lightbox-count{white-space:nowrap;font-weight:750}
@media(max-width:800px){.sc-work-index{grid-template-columns:repeat(2,1fr);margin-bottom:58px}.sc-project-grid,.sc-project-grid.is-single{grid-template-columns:1fr}.sc-work-section{margin-bottom:70px}.sc-work-cta{align-items:flex-start;flex-direction:column;padding:30px}.sc-lightbox-stage{grid-template-columns:46px minmax(0,1fr) 46px;padding:8px}.sc-lightbox-prev,.sc-lightbox-next{width:38px;height:50px}.sc-lightbox-info{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 18px 18px}}
@media(max-width:480px){.sc-work-index{grid-template-columns:1fr 1fr;gap:8px}.sc-work-index a{min-height:108px;padding:16px}.sc-section-heading{grid-template-columns:32px 1fr}.sc-project-body{padding:20px}.sc-lightbox{width:100vw;height:100dvh;border-radius:0}.sc-lightbox-stage{grid-template-columns:38px minmax(0,1fr) 38px}.sc-lightbox-prev,.sc-lightbox-next{width:34px}.sc-lightbox-close{top:8px;right:8px}}