:root{--os-card-h:350px;--os-card-radius:16px;--os-gap:2rem;--os-hero-bg:rgba(33,150,243,.08);--os-shadow:0 4px 10px rgba(0,0,0,.08);--os-shadow-hover:0 8px 24px rgba(0,0,0,.12);--os-primary:#2972ff;--os-title-max:900px}.os-wrap{padding:2rem;margin:0 auto;box-sizing:border-box;max-width:1400px}.os-hero{background:var(--os-hero-bg);border-radius:0;padding:clamp(1.2rem,3vw,2rem);box-sizing:border-box}.os-hero,os-title{width:100%;text-align:center}os-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:600;max-width:var(--os-title-max,900px);margin:0 auto clamp(1rem,2.5vw,2rem);letter-spacing:-.01em}.os-desc{font-size:clamp(.92rem,1.3vw,1rem);line-height:1.6;color:#333;max-width:900px;margin:0 auto}.os-desc p{margin:.25rem 0}.os-grid{display:flex;gap:var(--os-gap);align-items:center;width:clamp(320px,70%,1100px);margin:clamp(1.2rem,3vw,2rem) auto 0}.os-card{position:relative;flex:1;height:var(--os-card-h);overflow:hidden;border:2px solid #ddd;border-radius:var(--os-card-radius);background:#fff;box-shadow:var(--os-shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:block;text-decoration:none}.os-card:hover{transform:scale(1.03);box-shadow:var(--os-shadow-hover);border-color:#cfd6e4}.os-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .35s ease}.os-card:hover .os-img{transform:scale(1.06)}.os-overlay{inset:0;background:linear-gradient(180deg,transparent 72%,rgba(0,0,0,.35) 92%,rgba(0,0,0,.6))}.os-label,.os-overlay{position:absolute;pointer-events:none}.os-label{left:0;right:0;bottom:0;padding:14px 16px;font-size:clamp(.98rem,1.4vw,1.05rem);font-weight:800;text-align:center;color:#eaeaea;text-shadow:0 1px 2px rgba(0,0,0,.71)}.os-card:focus-visible{outline:3px solid var(--os-primary);outline-offset:2px}@media (max-width:1024px){:root{--os-card-h:300px}.os-grid{flex-direction:column;width:min(92vw,1000px);gap:1.2rem}}@media (max-width:640px){:root{--os-card-h:240px}.os-wrap{padding:1.2rem}.os-label{padding:12px;font-weight:700}}@media (hover:none),(pointer:coarse){.os-card:hover{transform:none;box-shadow:var(--os-shadow)}.os-card:hover .os-img{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.os-card,.os-img{transition:none!important}}@media (max-width:640px){.os-wrap{padding:1rem}.os-slider{display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent)}.os-slider::-webkit-scrollbar{display:none}.os-card{display:inline-block;vertical-align:top;min-width:86vw;height:var(--os-card-h);margin:0 6vw 0 0;scroll-snap-align:center;transform:none}.os-card:hover{transform:none;box-shadow:var(--os-shadow)}.os-card:hover .os-img{transform:scale(1.02)}}