.projects{background:radial-gradient(ellipse at 18% 10%,#15232a55,transparent 60%),#0b1015;overflow:hidden}.portfolio-heading{margin-bottom:38px}.portfolio-heading h2{font-size:clamp(35px,4.5vw,60px);letter-spacing:-2px;max-width:900px}.portfolio-heading h2 span{color:var(--lime)}.portfolio-heading p{max-width:none;margin:16px 0 0;font-size:18px}.portfolio-carousel{min-width:0}.portfolio-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#506070 #101820;border-radius:18px;padding-bottom:12px;overscroll-behavior-x:contain}.portfolio-track:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.portfolio-slide.case{flex:0 0 94%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);padding:0;border-radius:18px;overflow:hidden;scroll-snap-align:start;background:#0c131a;align-items:start;min-width:0}.case-visual{position:sticky;top:0;align-self:start;min-width:0;background:var(--project-color);height:100%;min-height:440px;display:flex;align-items:center;position:relative;overflow:hidden}.case-visual img{display:block;width:100%;height:100%;min-height:440px;object-fit:cover;aspect-ratio:10/9}.visual-caption{position:absolute;bottom:14px;left:16px;background:#06121dd9;color:#d7e4ed;border:1px solid #ffffff30;border-radius:30px;font-size:11px;padding:4px 10px}.case-copy{padding:29px;min-width:0;display:flex;flex-direction:column;align-self:stretch}.case-copy .case-head{min-height:0;gap:8px}.case-copy h3{font-size:clamp(28px,3vw,39px);margin:22px 0;line-height:1.05;overflow-wrap:normal}.case-copy .case-block{padding:0;border:0;margin:0 0 16px}.case-copy .case-block>span{font-size:10px;color:#91a2b0}.case-copy .case-block p{font-size:14px;line-height:1.55;margin-top:5px}.case-copy .case-tags{margin:2px 0 16px;gap:6px}.case-copy .case-tags li{border:1px solid #53606b;background:transparent;border-radius:20px;font-size:11px;padding:3px 8px}.case-copy details{margin-top:auto;padding:12px 0}.case-copy details p{font-size:13px}.case-copy>.btn{background:var(--lime);color:#10150a;border-color:var(--lime);margin-top:8px;align-self:start;text-align:center}.carousel-controls{display:flex;gap:24px;align-items:center;margin:18px 0 28px}.carousel-controls[hidden],.project-thumbnails[hidden]{display:none}.carousel-arrow{width:46px;min-width:46px;height:40px;border:1px solid #667581;border-radius:9px;background:#101820;color:white;cursor:pointer;font-size:22px}.carousel-arrow:hover,.project-thumb:hover{border-color:var(--lime)}.carousel-count{white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.carousel-progress{height:3px;background:#42515e;flex:1;border-radius:10px;overflow:hidden}.carousel-progress span{display:block;background:var(--lime);height:100%;width:20%;transition:width .2s}.project-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.project-thumb{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:10px;background:#0e171e;color:#f5f7f9;border:1px solid #354650;border-radius:12px;cursor:pointer}.project-thumb[aria-pressed=true]{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.project-thumb img{width:42%;height:70px;object-fit:cover;border-radius:6px}.project-thumb span{min-width:0}.project-thumb strong{font-size:13px;display:block;line-height:1.3;overflow-wrap:anywhere}.project-thumb small{font-size:11px;display:block;color:#a6b5c1;line-height:1.4;margin-top:7px}.portfolio-note{margin:34px 0 0}.portfolio-note strong{font-size:clamp(23px,3vw,35px);line-height:1.2;letter-spacing:-.6px}.portfolio-note>span{display:none}@media(min-width:901px){.projects .wrap{width:min(1440px,calc(100% - 72px))}}@media(max-width:1000px){.portfolio-slide.case{grid-template-columns:1.15fr 1fr;flex-basis:95%}.case-copy{padding:23px}.project-thumb{display:block}.project-thumb img{width:100%;height:75px}.project-thumb strong{margin-top:9px}.case-visual img{aspect-ratio:3/4}}@media(max-width:650px){.portfolio-heading h2{letter-spacing:-1.2px}.portfolio-heading p{font-size:16px}.portfolio-slide.case{flex-basis:94%;display:flex;flex-direction:column}.case-visual{width:100%;min-height:0;height:auto}.case-visual img{min-height:0;aspect-ratio:10/7}.case-copy{padding:22px;width:100%}.case-copy h3{font-size:30px;margin:18px 0}.case-copy .case-block p{font-size:14px}.case-copy>.btn{width:100%}.carousel-controls{gap:16px;margin:12px 0 20px}.project-thumbnails{display:flex;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.project-thumb{display:flex;flex:0 0 185px;padding:9px}.project-thumb img{width:70px;height:66px}.project-thumb strong{margin-top:0}.project-thumb small{font-size:10px}.portfolio-note{display:flex;flex-direction:column;align-items:start;gap:18px}.portfolio-note strong{max-width:290px}.visual-caption{font-size:10px;bottom:10px;left:10px}}@media(prefers-reduced-motion:reduce){.portfolio-track{scroll-behavior:auto}.carousel-progress span{transition:none}}
