.tapiceria{--bg:#f2efe8;--text:#171717;--muted:#62605b;--accent:#d5a928;--line:#d5d0c5;--panel:#e8e3d9;color-scheme:light}.tap-title-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0 35px;gap:20px}.tap-title-row h1{font-size:clamp(66px,12.8vw,190px)}.tap-title-row h1>span{color:#b51f3a}.tap-cover-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:45px;align-items:center}.sofa-photo{position:relative}.sofa-photo img{width:100%;aspect-ratio:1.45;object-position:45% center}.sofa-photo figcaption{font-size:9px;letter-spacing:1px;padding-top:12px;text-transform:uppercase}.tap-intro h2{font-size:clamp(30px,3.4vw,50px);margin:20px 0}.tap-intro h2 em{color:#9a2138}.tap-intro p{color:var(--muted);font-size:14px}.tap-intro .text-link{margin-top:20px;font-size:12px}.workshop{margin-top:10px}.workshop-feed{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 32px}.workshop-main{grid-row:span 2}.workshop-main img{width:100%;height:580px;object-position:center 65%}.workshop-feed figcaption{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:12px 0;letter-spacing:.5px}.workshop-quote{position:relative;padding:25px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workshop-quote p{font-size:clamp(32px,3.8vw,56px);font-weight:700;line-height:1.05;letter-spacing:-1.5px;margin-top:20px}.workshop-detail img{width:100%;height:230px;object-position:80% 77%}.tapiceria .contact h2 em{color:#9a2138}.tapiceria .button{color:#171717}.tapiceria .other-side{background:#171717;color:#f5f2ec;border-left:6px solid #b51f3a}.tapiceria .other-side:hover{background:#272727;color:#f5f2ec}.tapiceria .other-arrow{color:#d74c68}
@media(max-width:700px){.tap-title-row{gap:8px;padding:20px 0 30px}.tap-title-row h1{font-size:clamp(52px,14.6vw,103px)}.tap-cover-grid{grid-template-columns:1fr;gap:30px}.sofa-photo img{aspect-ratio:1.3}.tap-intro h2{font-size:42px}.workshop-feed{grid-template-columns:1fr;gap:22px}.workshop-main{grid-row:auto}.workshop-main img{height:auto;aspect-ratio:4/5}.workshop-quote{padding:25px}.workshop-quote p{font-size:44px}.workshop-detail img{height:auto;aspect-ratio:1.4}.workshop-feed figcaption{font-size:8px}.tapiceria .contact h2{font-size:clamp(50px,12vw,80px)}}

.tap-logo{width:clamp(130px,19vw,260px);height:auto;flex-shrink:0;border-radius:50%}.tap-title-row h1{font-size:clamp(66px,11.8vw,174px)}
.workshop-feed>:is(.sample-post,.feed-item){transition:transform .3s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.workshop-feed>:is(.sample-post,.feed-item):hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:no-preference){.workshop-feed>.feed-item:focus-visible{transform:translateY(-3px)}.workshop-feed>.post-enter{animation:post-enter .55s ease-out both}}
@keyframes post-enter{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.sofa-photo img{filter:grayscale(100%)}
.workshop-feed.sample-feed{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.workshop-feed .sample-post{max-width:281px}.workshop-feed .sample-post:nth-child(even){margin-top:36px}.workshop-feed .sample-post img{width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.workshop-feed.sample-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.workshop-feed.sample-feed{grid-template-columns:minmax(0,1fr)}.workshop-feed .sample-post:nth-child(even){margin-top:0}}
@media(max-width:700px){.tap-title-row{flex-wrap:wrap;align-items:flex-start}.tap-title-row h1{font-size:clamp(52px,14.6vw,103px)}.tap-logo{width:130px;margin-top:12px}}