*{box-sizing:border-box}body,html{margin:0;background:#f3efe7;font-family:Arial;color:#173b30}.viewer{width:min(100%,1024px);margin:auto;background:#fff;min-height:100vh}header{height:86px;padding:18px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee8dc}.logo b{display:block;font:700 27px Georgia}.logo small{font-size:6px;letter-spacing:1.5px;color:#b18b3d}nav{font-size:10px;font-weight:700}.hero{height:430px;display:grid;grid-template-columns:54% 46%;background:#fbfaf6}.hero>div:first-child{padding:90px 40px}.band>span,.discover aside>span,.head>span,.hero span,.libraryHead>span{font-size:8px;letter-spacing:1.8px;color:#b18b3d;font-weight:700}.hero h1{font:700 46px Georgia;margin:13px 0 4px}.hero h2{font:400 27px Georgia;color:#b18b3d;margin:0}.hero p{font-size:12px;line-height:1.6;color:#66706a}.heroArt{display:grid;place-items:center;font-size:110px;color:#b18b3d;background:radial-gradient(circle,#f8f4e9 0 35%,#e2d3b5 36% 60%,#f1eadf 61%)}.discover{background:#f8f5ee;display:grid;grid-template-columns:25% 75%;padding:30px 24px}.discover aside{padding:12px}.band h3,.discover h3{font:700 23px Georgia;margin:8px 0}.discover p{font-size:10px;color:#66706a}.discover aside button{border:0;background:transparent;padding:8px 0;font-size:9px;font-weight:700;color:#103f30}.slider{display:flex;align-items:center;gap:6px}.track{display:flex;gap:7px;width:100%}.card,.track{overflow:hidden}.card{flex-grow:0;flex-shrink:0;flex-basis:calc(20% - 6px);height:145px;background:#fffdfa;border:1px solid #e5ddcf;border-radius:5px;padding:0;text-align:left}.card img,.placeholder{height:86px;width:100%;object-fit:cover;background:linear-gradient(145deg,#ded3bd,#f4efe5);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b18b3d}.placeholder span{font-size:25px}.placeholder small{font-size:7px;color:#103f30}.card>div:last-child{padding:6px}.card em,.card small,.card strong{display:block}.card strong{font-size:8px}.card em{font:italic 6px Georgia;color:#6b736d;margin:2px 0}.card small{font-size:6px;font-weight:700}.nav{flex:none;width:40px;height:40px;border:0;border-radius:50%;color:white;font-size:28px}.band,.nav{background:#103f30}.band{padding:38px}.band,.band h3{color:#fff}.band p{font-size:10px;color:#eee5d4}footer{background:#f7f3eb;padding:25px 35px}footer b{display:block;font:700 22px Georgia}footer small{font-size:6px;color:#b18b3d}.libraryBg,.overlay{position:fixed;inset:0;z-index:20;background:#071d16c7;display:flex;align-items:flex-start;justify-content:center;padding:3%;overflow:auto}.library,.overlay article{width:min(94%,820px);background:#f7f3eb;border-radius:16px;overflow:hidden}.head,.libraryHead{position:relative;background:#103f30;color:#fff;padding:25px 28px}.head button,.libraryHead button{position:absolute;right:15px;top:14px;width:43px;height:43px;border-radius:50%;border:1px solid #ffffff80;background:transparent;color:#fff;font-size:26px}.head h2,.libraryHead h2{font:700 35px Georgia;margin:7px 50px 5px 0}.head p{font-size:12px;color:#eee5d4}.movie{height:220px;background:#061a14;color:#eee5d4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.movie span{font-size:8px;letter-spacing:2px;color:#d8b75d}.movie b{font:700 25px Georgia;margin:8px}.movie p{font-size:10px}.overlay video{width:100%;display:block;background:#000}.body{padding:24px}.boxes{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.boxes>div{background:#fff;border:1px solid #e5ddcf;border-radius:9px;padding:14px}.boxes b{font-size:9px;color:#b18b3d}.boxes p{font-size:11px;color:#4f5d56}.sizes{display:flex;gap:8px;align-items:center;margin-top:14px}.sizes>b{font-size:9px;color:#b18b3d}.sizes span{border:1px solid #d7c49b;background:#fff;border-radius:15px;padding:7px 11px;font-size:9px}.library{width:min(96%,930px)}.libraryHead input{width:100%;padding:10px 12px;border:0;border-radius:7px;margin-top:10px}.libraryGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;padding:18px}.libraryGrid button{background:#fff;border:1px solid #e5ddcf;border-radius:9px;padding:0;overflow:hidden;text-align:left}.libraryGrid .placeholder,.libraryGrid img{height:115px}.libraryGrid em,.libraryGrid strong{display:block;padding:5px 11px 0}.libraryGrid em{font:italic 10px Georgia;color:#6b736d;padding-bottom:10px}@media(max-width:700px){nav{display:none}.hero{grid-template-columns:1fr}.heroArt{display:none}.discover{grid-template-columns:1fr}.card{flex-basis:32%}.boxes,.libraryGrid{grid-template-columns:1fr 1fr}}