:root{--dark:#1d261d;--ink:#283027;--paper:#e9dfca;--sage:#9cad91;--cream:#f2ecdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101311;color:var(--ink);font-family:Manrope,Arial,sans-serif}.page{position:relative;width:min(100%,460px);margin:auto;overflow:hidden;background:var(--dark);box-shadow:0 0 80px #000}.header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--paper);position:relative;z-index:20}.logo{color:inherit;text-decoration:none}.logo small{display:block;font-size:7px;letter-spacing:.18em}.logo b{font:600 18px/.85 Oswald;letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:14px}.telegram{color:inherit;font-size:9px;font-weight:700;text-decoration:none;text-transform:uppercase}.burger{width:38px;height:38px;border:1px solid #68705f;border-radius:50%;background:transparent}.burger span{display:block;width:15px;height:1px;margin:4px auto;background:#283027}.menu{position:absolute;left:0;right:0;top:78px;z-index:18;display:grid;gap:1px;padding:12px 20px 20px;background:var(--paper);transform:translateY(-130%);transition:.35s}.menu.open{transform:none}.menu a{padding:10px 0;border-bottom:1px solid #c8bfae;color:inherit;font:600 20px Oswald;text-decoration:none;text-transform:uppercase}.hero{min-height:780px;padding:30px 24px 55px;color:var(--cream);background:linear-gradient(#15201622,#152016b0),url('public/forest.png') center/cover}.hero-image{position:relative;height:380px;margin:0 0 42px;padding:11px;border-radius:48% 48% 24px 24px;background:#b5af9d;transform:rotate(-2deg);box-shadow:0 25px 50px #10140f99}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:47% 47% 18px 18px}.hero-image span{position:absolute;right:-10px;top:45px;padding:13px;background:var(--paper);color:var(--ink);font:700 9px/1.3 Oswald;text-transform:uppercase;transform:rotate(8deg)}.eyebrow,.section-head small,.paper>small,.about article>small,.stone-panel>small{font-size:8px;font-weight:700;letter-spacing:.17em}.hero h1,.section-head h2,.paper h2,.about h2,.stone-panel h2{margin:12px 0;font:700 61px/.86 Oswald}.hero h1 em{font-style:normal;color:#aabc9f}.hero-copy>p:last-of-type{max-width:350px;font-size:12px;line-height:1.55}.button{display:inline-flex;justify-content:center;margin-top:18px;padding:15px 22px;border:0;border-radius:35px;background:var(--sage);color:#1d291f;font-size:9px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.07em}.button.dark{background:#293229;color:#eff3ea}.category-section{padding:62px 20px;background:linear-gradient(#e8dfcaaa,#e8dfcaaa),url('public/moss-paper.png') center/cover}.section-head{text-align:center}.section-head h2{font-size:52px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:25px}.filters button{padding:10px 15px;border:1px solid #68735f;border-radius:30px;background:transparent;color:inherit;font-size:9px;font-weight:700;text-transform:uppercase}.filters button.active{background:#576650;color:white}.catalog{padding:70px 18px;background:linear-gradient(#17201755,#17201788),url('public/stone-moss-bg.png') center/cover}.section-head.light{color:var(--cream)}.section-head.light h2{font-size:61px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.product{position:relative;padding:10px 10px 17px;border-radius:27px;background:#e7decc}.product img{width:100%;height:190px;border-radius:20px;object-fit:cover}.product small{display:block;margin:11px 5px 3px;color:#697863;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.product h3{min-height:38px;margin:0 5px;font:700 19px/.95 Oswald;text-transform:uppercase}.product .price{display:block;margin:9px 5px;font-size:10px}.product-actions{display:grid;gap:6px}.product-actions button,.product-actions a{padding:10px 5px;border:0;border-radius:25px;font-size:7px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase}.details{background:#c8c0af;color:#273027}.take{background:#607157;color:#fff}.order{padding:70px 24px;background:linear-gradient(#18201855,#18201877),url('public/moss-texture-dark.png') center/cover}.paper{padding:48px 24px;text-align:center;background:url('public/moss-paper.png') center/cover;clip-path:polygon(2% 2%,10% 0,18% 2%,27% 0,38% 2%,48% 0,58% 2%,68% 0,78% 2%,89% 0,98% 2%,100% 98%,90% 100%,80% 98%,70% 100%,60% 98%,50% 100%,40% 98%,30% 100%,20% 98%,10% 100%,0 98%)}.paper h2{font-size:50px}.paper ol{list-style:none;margin:28px 0 0;padding:0;text-align:left}.paper li{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #bcb29f}.paper li>b{font:700 25px Oswald;color:#718064}.paper li span>*{display:block}.paper li strong{font:700 19px Oswald;text-transform:uppercase}.paper li small{font-size:9px}.about{padding:70px 24px;background:#777a6c url('public/moss-texture-dark.png') center/cover}.about-photo{height:390px;padding:10px;border-radius:42% 42% 24px 24px;background:#aaa696;transform:rotate(2deg)}.about-photo img{width:100%;height:100%;border-radius:41% 41% 18px 18px;object-fit:cover}.about article{position:relative;margin-top:-30px;padding:52px 25px 38px;background:url('public/moss-paper.png') center/cover;clip-path:polygon(0 4%,100% 0,97% 100%,3% 97%)}.about h2{font-size:50px}.about p{font-size:11px;line-height:1.6}.about article>b{font-size:10px}.delivery{padding:70px 20px;background:linear-gradient(#19201944,#19201988),url('public/forest.png') center/cover}.stone-panel{padding:42px 28px;border-radius:34px;background:#a7a596;box-shadow:inset 0 0 0 10px #8f8e82,inset 0 0 0 12px #c4c0af}.stone-panel h2{font-size:56px}.delivery-row{display:flex;gap:13px;padding:15px 0;border-top:1px solid #77796d}.delivery-row>b{font:700 24px Oswald;color:#53634e}.delivery-row p{margin:0;font-size:10px;line-height:1.5}.delivery-row strong{display:block;font:700 18px Oswald;text-transform:uppercase}.footer{padding:65px 25px 36px;text-align:center;background:linear-gradient(#e8dfcaaa,#e8dfcaaa),url('public/moss-paper.png') center/cover}.footer>b{font:700 54px/.8 Oswald}.footer p{font-size:10px}.footer nav{display:flex;justify-content:center;gap:18px;margin:34px 0}.footer a{color:inherit;font-size:9px;font-weight:700;text-decoration:none;text-transform:uppercase}.footer small{font-size:7px}.product-dialog{width:min(calc(100% - 28px),410px);padding:12px 12px 28px;border:0;border-radius:28px;background:var(--paper);color:var(--ink)}.product-dialog::backdrop{background:#11180fbb}.product-dialog>button{float:right;position:absolute;right:20px;top:20px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;background:#eee7db;font-size:22px}.product-dialog img{width:100%;height:340px;border-radius:21px;object-fit:cover}.product-dialog small{display:block;margin:17px 10px 4px;color:#68775f;font-size:8px;text-transform:uppercase}.product-dialog h2{margin:0 10px;font:700 34px/.95 Oswald;text-transform:uppercase}.product-dialog p{margin:12px 10px;font-size:11px;line-height:1.5}.product-dialog>b{display:block;margin:0 10px;font:700 18px Oswald}.product-dialog .button{margin-left:10px}.decorate{position:relative;isolation:isolate}.decorate>*:not(.nature-sticker){position:relative;z-index:1}@media(min-width:501px){body{padding:24px}.page{border-radius:34px}}@media(max-width:360px){.hero h1,.section-head.light h2{font-size:54px}.product img{height:165px}}
