@font-face{font-family:Instrument;src:url('./assets/instrument-sans-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{background:#f3f0ea;color:#343935;font-family:Instrument,Arial,sans-serif}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(123deg,#ece7de 0%,#faf8f4 48%,#eae5dc 100%)}header,footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:35px 58px}header a{font-size:30px;letter-spacing:-1.2px;font-weight:550;color:inherit;text-decoration:none}header span,footer{font-size:12px;color:#6a716a}footer{padding-top:0;letter-spacing:.08em}footer span:first-child{text-transform:uppercase}button{font:inherit;color:inherit;border:1px solid #bbbeb5;border-radius:20px;background:transparent;padding:8px 14px;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #526354;outline-offset:5px}main{height:640px;position:relative}.camera{position:absolute;width:1180px;height:630px;left:50%;top:46%;transform:translate(-50%,-50%);perspective:1800px;perspective-origin:50% 0%;}.composition{position:relative;width:1180px;height:620px;transform-style:preserve-3d;transform:rotateX(30deg) rotateZ(-12deg) scale(.90)}.sculpture{position:absolute;background:linear-gradient(130deg,#303633,#202523);border:1px solid #545b54;border-radius:24px;transform-style:preserve-3d;box-shadow:0 2px 0 #383e38,0 4px 0 #292e28,0 6px 0 #22271f,0 8px 0 #1c201a,0 10px 0 #161a14,0 12px 0 #10150f,3px 17px 5px #1d1b1680,18px 38px 18px #30271c70,35px 62px 38px #42352855;backface-visibility:hidden;isolation:auto}.sculpture:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff05,transparent 48%,#00000008);z-index:5}.sculpture h2{position:absolute;left:25px;top:18px;color:#ecf1eb;font-size:18px;font-weight:500;margin:0}.sculpture sl-preview{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.save{left:20px;top:40px;width:475px;height:235px}.save sl-preview{top:25px;height:205px}.like{left:525px;top:40px;width:270px;height:150px}.like sl-preview{top:30px;height:120px}.theme{left:825px;top:40px;width:335px;height:150px}.rating{left:160px;top:335px;width:450px;height:230px}.navigation{left:655px;top:280px;width:495px;height:260px}.recording #replay{visibility:hidden}.recording,.recording *{cursor:none!important}
@media(max-width:1100px){.camera{transform:translate(-50%,-50%) scale(.74)}main{height:510px}header,footer{padding-left:30px;padding-right:30px}}@media(max-width:700px){.camera{transform:translate(-50%,-50%) scale(.48)}main{height:340px}header a{font-size:24px}header span,footer span:last-child{display:none}footer{font-size:10px;gap:14px}}@media(max-width:440px){.camera{transform:translate(-50%,-50%) scale(.32)}main{height:230px}header,footer{padding:25px 18px}}@media(prefers-reduced-motion:reduce){.composition{transform:rotateZ(-6deg) scale(.93)}}