.sl-header{padding:28px var(--px);z-index:50;background:var(--bg);position:sticky;top:0}.sl-header-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.sl-logo{letter-spacing:-.02em;color:var(--text);-webkit-user-select:none;user-select:none;font-size:15px;font-weight:800}.sl-info-btn{border:1px solid var(--border-strong);color:var(--text-secondary);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:12px;min-height:44px;padding:9px 20px;font-size:12px;font-weight:500;transition:border-color .25s,color .25s}.sl-info-btn:hover{border-color:var(--text);color:var(--text)}.sl-info-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.sl-hero{padding:40px var(--px) 64px}.sl-hero-inner{max-width:var(--max-w);flex-direction:column;gap:24px;margin:0 auto;display:flex}.sl-hero-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.sl-hero-meta span{letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:500}.sl-meta-dot{color:var(--text-tertiary)!important}.sl-pill{border:1px solid var(--border-strong)!important;letter-spacing:.08em!important;color:var(--text-secondary)!important;background:0 0!important;border-radius:100px!important;padding:3px 12px!important;font-size:10px!important}.sl-title{letter-spacing:-.04em;color:var(--text);text-transform:uppercase;text-align:center;max-width:100%;font-size:clamp(3.5rem,11vw,10.5rem);font-weight:800;line-height:.9}.sl-subtitle{color:var(--text-secondary);letter-spacing:.01em;text-align:center;max-width:420px;margin:0 auto;font-size:clamp(14px,1.2vw,17px);font-weight:400;line-height:1.5}
.project-card{cursor:pointer;outline:none;flex-direction:column;gap:16px;display:flex}.project-card:focus-visible .project-preview{outline:2px solid var(--text);outline-offset:4px}.project-preview{aspect-ratio:1.2;background:var(--card-bg);border-radius:22px;width:100%;position:relative;overflow:hidden}.project-preview-inner{will-change:transform;transition:transform .4s cubic-bezier(.25,.46,.45,.94),border-radius .4s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.project-card:hover .project-preview-inner{border-radius:26px;transform:scale(1.03)}.project-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.project-thumb-placeholder{background:var(--card-bg);width:100%;height:100%}.project-overlay{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay-name{color:#ffffffe6;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;transition:transform .35s cubic-bezier(.25,.46,.45,.94);transform:translateY(6px)}.project-card:hover .project-overlay-name{transform:translateY(0)}.project-overlay-arrow{color:#ffffff80;font-size:1.2rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94) 40ms;transform:translateY(6px)}.project-card:hover .project-overlay-arrow{transform:translate(4px,-4px)}.project-info{flex-direction:column;gap:4px;padding:0 2px;display:flex}.project-name-row{justify-content:space-between;align-items:baseline;display:flex}.project-name{color:var(--text);letter-spacing:-.02em;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;transition:transform .3s}.project-card:hover .project-name{transform:translateY(-2px)}.project-arrow{color:var(--text-tertiary);flex-shrink:0;font-size:1rem;transition:transform .3s,color .3s}.project-card:hover .project-arrow{color:var(--text);transform:translate(3px,-3px)}.project-category{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:400}
.sl-grid-section{padding:0 var(--px) 80px}.sl-grid-inner{max-width:var(--max-w);margin:0 auto}.sl-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,32px);display:grid}@media (max-width:900px){.sl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sl-grid{grid-template-columns:1fr}}