:root{--ink:#0e0e0e;--paper:#f2f0eb;--accent:#ff4a34}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}html{overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:78px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid}header img{width:125px}header>span,.back{font-size:9px;letter-spacing:.16em}.back{text-align:right}.back i{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid;border-radius:50%;font-style:normal;margin-left:12px}.intro{padding:7vw 4vw 4vw}.intro small{font-size:8px;letter-spacing:.22em}.intro h1{font-size:clamp(65px,10.5vw,165px);line-height:.8;letter-spacing:-.075em;margin:6vh 0 4vh;font-weight:500}.intro h1 em{font-style:normal;color:var(--accent)}.intro p{max-width:590px;margin-left:auto;font-size:17px;line-height:1.5}.catalog{padding:3vw 0 5vw}.rail{display:flex;gap:18px;padding:20px 4vw 35px;overflow-x:auto;scrollbar-width:none;cursor:grab;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{display:none}.rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.card{position:relative;flex:0 0 clamp(210px,22vw,340px);aspect-ratio:.78;overflow:hidden;background:#181818;color:white;scroll-snap-align:center;transform:scale(.9);opacity:.58;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s,border-radius .5s;border-radius:28px}.card.is-active{transform:scale(1);opacity:1;border-radius:4px}.card img,.card video{width:100%;height:100%;object-fit:cover;transition:transform .8s}.card:hover img,.card:hover video{transform:scale(1.06)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000d)}.card b,.card span{position:absolute;z-index:2}.card b{top:18px;left:18px;font-size:10px}.card span{left:18px;right:18px;bottom:18px;font-size:clamp(18px,2vw,29px);line-height:.95}.card--security{background:repeating-linear-gradient(90deg,#070707 0 18px,#171717 19px 20px)}.scanner{position:absolute;width:64%;aspect-ratio:1;border:1px solid #ff285f;border-radius:50%;left:18%;top:18%;box-shadow:0 0 40px #ff285f66}.scanner:after{content:"";position:absolute;left:50%;top:50%;width:45%;height:1px;background:#ff285f;transform-origin:left;animation:scan 3s linear infinite}@keyframes scan{to{transform:rotate(360deg)}}.card--motion{background:#5a2dff}.frames{position:absolute;inset:15%;border:2px solid white;animation:frame 2.4s steps(4) infinite}@keyframes frame{25%{transform:translate(12px,-12px);border-radius:50%}50%{transform:rotate(45deg) scale(.65)}75%{transform:translate(-12px,12px);border-radius:35%}}.card--complex{background:var(--accent)}.card--complex>i{position:absolute;width:70%;aspect-ratio:1;border:1px solid white;border-radius:50%;left:15%;top:14%;box-shadow:inset 0 0 0 30px #ffffff10;animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.6);border-radius:12%}}.drag-note{padding:0 4vw;text-align:right;font-size:8px;letter-spacing:.2em}.detail{min-height:72vh;padding:8vw 5vw;background:var(--accent);display:grid;grid-template-columns:54% 46%;gap:3vw;transition:background .6s}.detail small{font-size:10px}.detail h2{font-size:clamp(55px,8vw,125px);line-height:.82;letter-spacing:-.07em;margin:6vh 0}.detail p{font-size:clamp(18px,2vw,27px);line-height:1.4;align-self:center}.detail>a{grid-column:2;width:max-content;padding:17px 0;border-bottom:1px solid;font-size:10px;letter-spacing:.15em}.detail>a i{margin-left:70px}footer{padding:30px 4vw;display:flex;justify-content:space-between;background:#111;color:white;font-size:8px;letter-spacing:.16em}@media(max-width:760px){header>span{display:none}.intro{padding:15vw 5vw 8vw}.intro h1{font-size:12vw;overflow-wrap:break-word}.intro p{margin-left:0}.card{flex-basis:72vw}.detail{grid-template-columns:1fr;padding:20vw 6vw}.detail p,.detail>a{grid-column:1}.detail h2{font-size:12vw;overflow-wrap:break-word}}