.joy-section{background:var(--bg-alt);text-align:center;padding:20px 0}.joy-section h1{color:var(--slate-900);letter-spacing:-.03em;margin-bottom:40px;font-size:2.2rem;font-weight:800}.joy-row{justify-content:center;align-items:center;gap:20px;display:flex}.joy-thumb{flex-direction:column;gap:20px;display:flex}.thumb-img{object-fit:cover;opacity:.6;border-radius:var(--r-sm);border:1px solid var(--border-subtle);width:200px;height:310px;transition:opacity .3s,transform .3s}.thumb-img:hover{opacity:1;transform:scale(1.02)}.joy-center{border-radius:var(--r-lg);border:1px solid var(--border-subtle);width:800px;height:520px;box-shadow:0 8px 40px rgba(var(--ink-rgb),.1);overflow:hidden}.center-media{object-fit:cover;width:100%;height:100%}.joy-desc{color:var(--text-secondary);max-width:800px;margin:24px auto;font-size:1rem;font-style:italic;line-height:1.75}.joy-arrows{justify-content:center;gap:14px;margin-top:24px;display:flex}.joy-arrow-btn{border:1.5px solid var(--azure-200);cursor:pointer;width:52px;height:52px;transition:all var(--dur)var(--ease);color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.1);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.joy-arrow-btn:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 16px rgba(var(--primary-rgb),.3);transform:scale(1.08)}.joy-section h1{position:relative}.joy-section h1:before{content:"In Motion";letter-spacing:.12em;text-transform:uppercase;color:var(--success);background:var(--success-tint);border:1px solid var(--success-border);border-radius:var(--r-pill);width:fit-content;margin:0 auto 12px;padding:5px 14px;font-size:.68rem;font-weight:700;display:block}@media (max-width:1200px){.joy-section h1{font-size:1.8rem}.joy-center{width:680px;height:440px}.thumb-img{width:100px;height:170px}}@media screen and (max-width:900px){.joy-row{gap:12px}.joy-center{width:580px;height:400px}}@media (max-width:768px){.joy-thumb{display:none!important}.joy-center{border-radius:var(--r-md);width:100%;max-width:95%;height:auto;margin:0 auto}.center-media{object-fit:cover;width:100%}.joy-section h1{margin-bottom:12px;font-size:1.6rem}.joy-desc{padding:0 20px;font-size:.9rem}.joy-arrow-btn{width:44px;height:44px}.joy-arrows{gap:16px}}@media (max-width:576px){.joy-section h1{font-size:1.4rem}.joy-arrow-btn{width:40px;height:40px}}@media (max-width:480px){.joy-desc{padding:0 16px;font-size:.85rem}}@media (max-width:420px){.joy-arrow-btn{width:36px;height:36px}}