.sv3d{cursor:grab;background:radial-gradient(55% 28% at 50% 68%,#0000001a 0%,#0000000a 45%,#0000 70%),#fff;width:100%;height:clamp(480px,65vh,680px);position:relative;overflow:hidden}.sv3d:active{cursor:grabbing}.sv3d canvas{display:block;width:100%!important;height:100%!important}.sv3d__hint{-webkit-backdrop-filter:blur(8px);color:#00000061;font-size:11px;font-family:var(--sans,sans-serif);letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:10;background:#0000000d;border:1px solid #00000014;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;transition:opacity .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sv3d:active .sv3d__hint{opacity:0}@media (max-width:768px){.sv3d{height:360px}}@media (max-width:480px){.sv3d{height:300px}}
.sd{background:var(--white,#fff);min-height:100vh;padding-top:80px}.sd__back-wrap{padding:2rem 4vw 0}.sd__back{font-family:var(--sans);letter-spacing:.04em;color:var(--grey,#7a7a7a);align-items:center;gap:.4rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}.sd__back:before{content:"←";font-size:1rem}.sd__back:hover{color:var(--dark,#1a1a1a)}.sd__layout{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;padding:3rem 4vw 6rem;display:flex}.sd__img-wrap{border-radius:4px;position:relative;overflow:hidden}.sd__img{object-fit:cover;width:100%;height:auto;display:block}.sd__visualizer-btn{background:var(--dark,#1a1a1a);color:#fff;width:100%;font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:0 0 4px 4px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.sd__visualizer-btn:hover{background:var(--charcoal,#333)}.sd__details{background:#f9f8f6;border-top:3px solid #1a1a1a;flex-direction:column;gap:0;padding:2.5rem 3rem 3rem;display:flex}.sd__category{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#c39c56;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.68rem;display:inline-flex}.sd__category:before{content:"";background:#c39c56;width:24px;height:1.5px;display:inline-block}.sd__name{font-family:var(--serif);color:var(--dark,#1a1a1a);letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;line-height:1.1}.sd__desc{font-family:var(--sans);color:#6a6a6a;border-left:2px solid #e0dbd3;max-width:680px;margin:0 0 2.5rem;padding-left:1.2rem;font-size:.95rem;line-height:1.8}.sd__specs-apps{grid-template-columns:1.1fr .9fr;gap:3rem;margin-bottom:2.8rem;display:grid}@media (max-width:640px){.sd__specs-apps{grid-template-columns:1fr;gap:2rem}}.sd__specs{margin-bottom:0}.sd__section-title{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#1a1a1a;border-bottom:1px solid #1a1a1a;margin:0 0 1.2rem;padding-bottom:.8rem;font-size:.68rem;font-weight:700}.sd__specs-table{background:#fff;border:1px solid #ece9e3;flex-direction:column;gap:0;display:flex}.sd__spec-row{border-bottom:1px solid #f0ede8;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.sd__spec-row:last-child{border-bottom:none}.sd__spec-label{font-family:var(--sans);color:#8a8a8a;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem}.sd__spec-value{font-family:var(--sans);color:var(--dark,#1a1a1a);text-align:right;font-size:.88rem;font-weight:600}.sd__apps{margin-bottom:0}.sd__app-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.sd__app-item{font-family:var(--sans);color:var(--dark,#1a1a1a);letter-spacing:.01em;border-bottom:1px solid #ece9e3;align-items:center;gap:.75rem;padding:.85rem 0;font-size:.88rem;display:flex}.sd__app-item:first-child{border-top:1px solid #ece9e3}.sd__app-icon{color:#c39c56;flex-shrink:0;width:16px;height:16px}.sd__actions{flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.sd__btn{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;flex:1;justify-content:center;align-items:center;min-width:160px;padding:1.1rem 2.4rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .22s,color .22s,border-color .22s,transform .15s;display:inline-flex}.sd__btn:hover{transform:translateY(-1px)}.sd__btn--dark{background:var(--dark,#1a1a1a);color:var(--white,#fff);border:1.5px solid var(--dark,#1a1a1a)}.sd__btn--dark:hover{background:#2e2e2e;border-color:#2e2e2e}.sd__btn--outline{color:var(--dark,#1a1a1a);border:1.5px solid var(--dark,#1a1a1a);background:0 0}.sd__btn--outline:hover{background:var(--dark,#1a1a1a);color:var(--white,#fff)}@media (max-width:768px){.sd__layout{gap:0;padding:1.5rem 0 4rem}.sd__back-wrap{padding:1.5rem 1.5rem 0}.sd__details{padding:2rem 1.5rem 2.5rem}.sd__actions{flex-direction:column}.sd__btn{flex:auto;width:100%}}.sd__view-toggle{align-items:center;gap:6px;margin-bottom:12px;display:inline-flex}.sd__view-btn{font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#8a8a8a;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d6d4ce;border-radius:99px;align-items:center;gap:7px;padding:8px 18px;font-size:11.5px;font-weight:600;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.sd__view-btn svg{opacity:.5;flex-shrink:0;transition:opacity .18s}.sd__view-btn:hover{color:var(--dark,#1a1a1a);background:var(--off-white,#f5f4f0);border-color:#aaa}.sd__view-btn:hover svg{opacity:.8}.sd__view-btn--active{border-color:var(--dark,#1a1a1a);background:var(--dark,#1a1a1a);color:#fff;box-shadow:0 2px 8px #0000002e}.sd__view-btn--active svg{opacity:1}