.texture{max-width:1160px;margin:auto;padding:28px 18px 64px;color:#24241f}.texture *{box-sizing:border-box}.texture a{color:inherit}.texture-hero{margin:24px 0;padding:clamp(24px,5vw,52px);border-radius:18px;background:#171713;color:#faf6ed}.texture-hero span{letter-spacing:.16em;font-size:12px}.texture-hero h1{color:inherit;font-size:clamp(38px,6vw,64px);margin:15px 0}.texture-hero p{max-width:760px;line-height:1.7}.texture-reader{border:1px solid #ded5c5;border-radius:18px;padding:20px;background:#faf8f3}.texture-tabs{display:flex;flex-wrap:wrap;gap:8px}.texture-tabs button{background:white;color:#24241f;border:1px solid #d8cebb;border-radius:8px;min-height:44px;padding:10px 15px;cursor:pointer;font:inherit;font-size:13px;letter-spacing:0}.texture-tabs button[aria-pressed=true]{background:#24241f;color:#fff;border-color:#24241f}.texture-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.texture-meta h2{font-size:clamp(18px,3vw,25px);margin:0}.texture-meta span{white-space:nowrap;font-size:13px}.texture-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;touch-action:pan-y}.texture-stage>a{display:block;min-width:0;text-align:center;background:white;border-radius:10px}.texture-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;margin:auto;object-fit:contain}.texture-stage button{width:48px;height:48px;border-radius:50%;background:#24241f;color:white;border:0;font-size:25px;cursor:pointer;padding:0}.texture-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;margin-top:16px}.texture-tools a{font-weight:700}.texture-order{padding:28px;margin-top:24px;background:#f1ebe0;border-radius:16px;line-height:1.7}.texture-order h2{font-size:26px}.texture-order nav{display:flex;flex-wrap:wrap;gap:12px}.texture-order nav a{padding:12px 16px;background:white;border:1px solid #d8cebb;border-radius:8px;font-weight:600}.texture button:focus-visible,.texture a:focus-visible{outline:3px solid #a47b34;outline-offset:4px}@media(max-width:600px){.texture{padding:20px 12px 40px}.texture-reader{padding:12px}.texture-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}.texture-stage button{height:40px;width:38px}.texture-tabs{gap:6px}.texture-tabs button{padding:8px 10px;font-size:12px}.texture-tools{align-items:flex-start;flex-direction:column}.texture-meta{gap:8px}.texture-order{padding:20px}}
.texture-hero p{color:#f1e8d8}.texture-hero span{color:#d2b578}