.services-section{height:100vh;display:flex;position:relative;margin:0;padding:0;overflow:hidden;background:#000;font-family:var(--font-body-family),"Helvetica Neue",Arial,sans-serif}.service-half{width:50%;height:100vh;position:relative;cursor:pointer;overflow:hidden;transition:all .8s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center}.service-half:hover{transform:scale(1.01);filter:brightness(1.05)}.service-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.service-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease}.service-half:hover .service-bg-image{transform:scale(1.02)}.accessories-half{background:linear-gradient(135deg,#000000bf,#00000080),#1a1a1a;background-size:cover;background-position:center;border-right:1px solid rgba(255,255,255,.08)}.design-half{background:linear-gradient(135deg,#0006,#0003),#f1f3f4;background-size:cover;background-position:center}.section-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .6s ease;z-index:2}.accessories-half .section-overlay{background:radial-gradient(circle at center,#0009,#000c)}.design-half .section-overlay{background:radial-gradient(circle at center,#0006,#0009)}.service-half:hover .section-overlay{opacity:.7}.content-center{position:relative;text-align:center;z-index:10;transition:all .5s ease;max-width:480px;padding:4rem 3rem}.service-half:hover .content-center{transform:scale(1.02)}.title-main{font-size:4rem;font-weight:100;letter-spacing:.08em;margin-bottom:1.5rem;text-transform:uppercase;line-height:.9;font-family:var(--font-heading-family),"Helvetica Neue",sans-serif;position:relative;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6)}.accessories-half .title-main,.design-half .title-main{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6)}.subtitle{font-size:.9rem;font-weight:300;letter-spacing:.2em;opacity:.9;margin-bottom:2.5rem;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1)}.description{font-size:1rem;line-height:1.6;opacity:.95;max-width:420px;margin:0 auto 2.5rem;font-weight:300;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1)}.feature-list{list-style:none;padding:0;margin:0 auto 3rem;max-width:320px;text-align:center}.feature-list li{font-size:.95rem;margin-bottom:.8rem;opacity:.9;font-weight:300;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,1);padding:.3rem 0;position:relative}.feature-list li:before{content:"\2014";margin-right:.8rem;color:#fff;font-weight:300;font-size:1rem;opacity:.7}.explore-button{display:inline-block;padding:16px 40px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:300;font-size:.85rem;transition:all .3s ease;border-radius:0;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,1)}.explore-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.explore-button:hover:before{left:100%}.explore-button:hover{background:#ffffff1a;border-color:#ffffffb3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;color:#fff;text-decoration:none}.divider{position:absolute;top:5%;left:50%;width:1px;height:90%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 10%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.15) 90%,transparent 100%);z-index:15;transform:translate(-50%);opacity:.8}.accessories-accent{position:absolute;top:25%;right:8%;width:2px;height:50%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 70%,transparent 100%);opacity:.4;z-index:5;border-radius:1px}.design-accent{position:absolute;top:25%;left:8%;width:2px;height:50%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.3) 70%,transparent 100%);opacity:.4;z-index:5;border-radius:1px}.click-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);font-size:.75rem;opacity:.7;letter-spacing:.1em;text-transform:uppercase;animation:pulse-hint 3s infinite;z-index:10;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:400}@keyframes pulse-hint{0%,to{opacity:.7}50%{opacity:1}}.accessories-half:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none;z-index:3}.design-half:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none;z-index:3}@media (max-width: 768px){.services-section{flex-direction:column;height:100vh}.service-half{width:100%;height:50vh}.accessories-half{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.title-main{font-size:2.8rem;letter-spacing:.1em}.divider{top:50%;left:5%;width:90%;height:1px;transform:translateY(-50%)}.content-center{max-width:350px;padding:2.5rem 2rem}.description{max-width:300px;font-size:1rem}.feature-list{max-width:280px}.explore-button{padding:15px 35px;font-size:.85rem}}@media (max-width: 480px){.title-main{font-size:2.2rem;letter-spacing:.08em}.subtitle{font-size:.95rem;margin-bottom:2rem}.description{max-width:260px;font-size:.95rem;margin-bottom:2rem}.feature-list{max-width:240px;margin-bottom:2.5rem}.content-center{padding:2rem 1.5rem;max-width:300px}.explore-button{padding:14px 30px;font-size:.8rem}}.explore-button:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:3px}@media (prefers-contrast: high){.accessories-half .section-overlay,.design-half .section-overlay{background:#000000d9}.content-center{background:#000000e6;border:2px solid rgba(255,255,255,.8)}.explore-button{border-width:3px;background:#fff3}}@media (prefers-reduced-motion: reduce){.service-half,.content-center,.explore-button,.service-bg-image{transition:none}.click-hint{animation:none}.explore-button:before{display:none}}.services-section{position:relative;z-index:1}.service-half{position:relative;z-index:2}.content-center{position:relative;z-index:10}.divider{z-index:15}
/*# sourceMappingURL=/cdn/shop/t/5/assets/accessories-design.css.map */