body{--accent:#ef8a64;background:#fbfaf7;color:#25292c;--nav-bg:#242830}.s-note{background:#272d32;color:#e9e9e5;padding:10px 0;font-size:.66rem;letter-spacing:.1em}.s-note a{text-decoration:underline}.s-nav{background:#fbfaf7ed;border-bottom:1px solid #e1ddd7;backdrop-filter:blur(15px)}.s-logo{font:800 2rem/.9 'Manrope';letter-spacing:-.08em}.s-logo span{color:#eb8f6f}.s-logo small{display:block;letter-spacing:.16em;font-size:.58rem;line-height:2.6}.s-cartopen{border:1px solid #23272b;background:#272b30;color:#fff;padding:12px 18px;font-weight:800}.s-cartopen span{background:#f39879;border-radius:50%;padding:4px 8px;color:#18202b;margin-left:10px}.s-hero{background:#f0eee9;overflow:hidden}.s-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:650px}.s-hero h1,.s-title h2,.s-material h2{font:800 clamp(3.4rem,6vw,6.7rem)/1.01 'Manrope';letter-spacing:-.075em;margin:22px 0}.s-hero h1 em,.s-title h2 em,.s-material em{color:#de735a;font-style:normal}.s-hero p{line-height:1.8;max-width:460px;color:#626a6d;font-size:1.07rem}.s-primary{background:#292c30;color:white;border-radius:0;margin-top:20px}.s-hero-facts{display:flex;gap:16px;font-size:.65rem;letter-spacing:.08em;margin-top:54px;flex-wrap:wrap;font-weight:800}.s-hero-art{height:600px;display:flex;align-items:center;justify-content:center;position:relative}.s-art-front,.s-art-back{position:absolute;background:white;padding:12px;box-shadow:0 22px 44px #29292026}.s-art-front{width:56%;z-index:2;left:8%;transform:rotate(-9deg);animation:s-float 6s ease-in-out infinite}.s-art-back{width:51%;right:5%;transform:rotate(10deg)}@keyframes s-float{50%{transform:rotate(-6deg) translateY(-14px)}}.s-art-front img,.s-art-back img{width:100%;aspect-ratio:700/950;object-fit:cover}.s-bar{background:#292c30;color:white;padding:22px 0;font-size:.72rem;font-weight:800;letter-spacing:.07em}.s-title{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.s-title h2{font-size:clamp(2.7rem,4.5vw,5rem)}.s-title p{max-width:400px;line-height:1.7;color:#667070}.s-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:30px;border-top:1px solid #ddd9d1;padding-top:23px}.s-filter button{border:1px solid #dad8d0;padding:10px 16px;background:transparent;font-size:.83rem}.s-filter button[aria-pressed="true"]{background:#252b31;color:white}.s-filter label{margin-left:auto;font-size:.82rem}.s-filter select{padding:10px;border:1px solid #ddd9d1;background:white}.s-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.s-product{min-width:0}.s-prod-img{background:#efece4;padding:13px}.s-prod-img img{aspect-ratio:700/950;object-fit:contain;width:100%;transition:transform .45s}.s-product:hover img{transform:scale(1.035)}.s-prod-text{padding:12px 0}.s-prod-text strong{font-size:1rem}.s-prod-text p{margin:5px 0 12px;font-size:.79rem;color:#62676a}.s-product select{display:block;width:100%;margin-top:8px;padding:11px 8px;border:1px solid #d6d4ce;background:#fff;font-size:.81rem}.s-product button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:12px;border:0;background:#282e32;color:white;font-weight:800;font-size:.81rem}.s-material{background:#e9e5dd}.s-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.s-material h2{font-size:clamp(2.7rem,4.2vw,4.7rem)}.s-material p{max-width:460px;color:#60645f;line-height:1.7}.s-paper-info>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9b4ac;padding:22px 0;gap:20px}.s-paper-info strong{font-size:1.4rem}.s-paper-info p{font-size:.8rem}.s-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.s-explain article{border-top:2px solid #292c30;padding-top:18px}.s-explain b{color:#df8061}.s-explain h3{font-size:1.4rem}.s-explain p{color:#6b7070}.s-shade{position:fixed;inset:0;background:#0b1215a8;z-index:80}.s-drawer{position:fixed;right:0;top:0;bottom:0;width:min(470px,100vw);background:#faf9f5;z-index:90;box-shadow:-20px 0 50px #0004;padding:30px;overflow:auto;transform:translateX(104%);transition:transform .4s}.s-drawer.open{transform:none}.s-drawer h2{font-size:2rem;letter-spacing:-.06em}.s-close{border:0;background:transparent;font-size:1.3rem}.s-lineitem{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid #ddd9ce;align-items:center}.s-lineitem img{width:70px;height:90px;object-fit:cover}.s-lineitem small{display:block;color:#656968;margin-top:4px}.s-lineitem button{border:0;background:none;text-decoration:underline;font-size:.75rem;color:#ae4533}.s-cart-foot{border-top:2px solid #252c31;margin-top:32px;padding-top:20px}.s-cart-foot p{font-size:.8rem;color:#666}.s-cart-foot button{width:100%}
@media(max-width:900px){.s-hero-grid{grid-template-columns:1fr}.s-hero-grid>div:first-child{padding:65px 0 20px}.s-hero-art{height:420px}.s-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.s-products{grid-template-columns:repeat(2,1fr);gap:12px}.s-product select{font-size:.72rem}.s-hero h1{font-size:3.5rem}.s-hero-art{height:330px}.s-title,.s-material-grid{display:block}.s-bar .space{flex-wrap:wrap}.s-explain{grid-template-columns:1fr}.s-filter label{margin-left:0;width:100%}.s-filter select{width:100%}}
