:root{--paper:#f4efe7;--ink:#2b2622;--soft:#2b26229e;--cream:#f7f2e9;--hair:#2b262229;--walnut:#7a5b43;--sage:#586542;--card:#faf6ee}.matpg *{box-sizing:border-box;margin:0;padding:0}.matpg html{scroll-behavior:smooth}.matpg{font-family:var(--font-poppins),sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.6}.matpg img{max-width:100%;display:block}.matpg a{color:inherit;text-decoration:none}.matpg h1,.matpg h2,.matpg .serif{font-family:var(--font-baskerville),Georgia,serif;font-weight:400}.matpg .lbl{letter-spacing:3px;text-transform:uppercase;color:var(--soft);font-size:10.5px;font-weight:600}.matpg header{z-index:90;background:var(--paper);border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;padding:16px 30px;display:flex;position:sticky;top:0}.matpg .brand{letter-spacing:3px;font-size:15px;font-weight:700}.matpg header nav{letter-spacing:2.5px;text-transform:uppercase;gap:24px;font-size:11px;display:flex}.matpg header nav a:hover{color:var(--walnut)}.matpg #hero{background:url(/assets/materials/hero-decal-wide.webp) 50%/cover no-repeat;width:100%;height:min(56vw,88vh);min-height:440px;position:relative}.matpg .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.matpg #stage{background:#2a2118;width:100%;height:min(56.25vw,88vh);min-height:460px;position:relative;overflow:hidden}.matpg .st-fg{position:absolute;inset:0}.matpg .st-fg img{object-fit:cover;opacity:0;transform-origin:50% 64%;width:100%;height:100%;transition:opacity .55s;position:absolute;inset:0;transform:scale(1.18)}.matpg .st-fg img.on{opacity:1}.matpg .st-scrim{background:linear-gradient(#18120c94 0%,#18120c42 20%,#18120c00 44%),linear-gradient(#18120c00 70%,#18120c80 100%);position:absolute;inset:0}.matpg .st-body{color:#f7f2e9;text-align:center;width:min(92vw,680px);position:absolute;top:7.5%;left:50%;transform:translate(-50%)}.matpg .st-body .lbl{color:#f7f2e9bf}.matpg .st-body .st-h1{font-family:var(--font-baskerville),Georgia,serif;text-wrap:balance;margin:10px 0 8px;font-size:clamp(26px,3vw,42px);font-weight:400}.matpg #stFeel{color:#f7f2e9e0;max-width:52ch;margin:0 auto;font-size:14px}.matpg #stName{letter-spacing:2.5px;text-transform:uppercase;color:#f7f2e9;margin-top:12px;font-size:12px;font-weight:600}.matpg .st-chips{flex-wrap:wrap;justify-content:center;gap:16px;width:max-content;max-width:92vw;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.matpg .chip{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:0 0 76px;align-items:center;gap:6px;padding:0;display:flex}.matpg .chip .c-img{border:2px solid #f7f2e980;border-radius:50%;width:52px;height:52px;transition:all .2s;overflow:hidden}.matpg .chip .c-img img{object-fit:cover;width:100%;height:100%}.matpg .chip span{letter-spacing:1.6px;text-transform:uppercase;color:#f7f2e9d9;font-size:9.5px;font-weight:500}.matpg .chip span:not(.c-img){text-align:center;white-space:normal;max-width:100%;line-height:1.2;display:block}.matpg .chip.on .c-img{border-color:#f7f2e9;transform:scale(1.1);box-shadow:0 4px 14px #00000059}.matpg .st-note{letter-spacing:1.5px;text-transform:uppercase;color:#f7f2e98c;font-size:10px;position:absolute;bottom:30px;right:5vw}.matpg #dots{z-index:70;opacity:0;pointer-events:none;flex-direction:column;gap:11px;transition:opacity .35s;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.matpg #dots.show{opacity:1;pointer-events:auto}.matpg .dot{cursor:pointer;background:#f7f2e980;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:all .2s;position:relative;box-shadow:0 0 0 1px #2b26224d}.matpg .dot.on{background:#f7f2e9;transform:scale(1.3);box-shadow:0 0 0 2px #f7f2e98c}.matpg .dot:after{content:attr(data-name);color:#f7f2e9;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#18120cc7;border-radius:2px;padding:4px 10px;font-size:9.5px;transition:all .2s;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.matpg .dot:hover:after{opacity:1}.matpg section{padding:72px 6vw}.matpg .kick{margin-bottom:10px;display:block}.matpg h2{text-wrap:balance;margin-bottom:10px;font-size:clamp(24px,2.6vw,34px)}.matpg .sub{color:var(--soft);max-width:60ch;font-size:14.5px}.matpg #finder{background:var(--cream);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.matpg .dials{max-width:540px;margin-top:30px}.matpg .dial{margin-bottom:26px}.matpg .d-lbl{letter-spacing:2.4px;text-transform:uppercase;color:var(--walnut);margin-bottom:9px;font-size:10.5px;font-weight:600;display:block}.matpg .d-ends{color:var(--soft);justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.matpg .dial input[type=range]{appearance:none;background:linear-gradient(90deg,var(--walnut),#7a5b4338);border-radius:2px;outline:none;width:100%;height:3px}.matpg .dial input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--walnut);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #2b262233}.matpg .dial input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--walnut);cursor:grab;border-radius:50%;width:20px;height:20px}.matpg .d-tog{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.matpg .tg{border:1px solid var(--hair);cursor:pointer;background:#fff;border-radius:99px;padding:9px 18px;font-family:inherit;font-size:12.5px;transition:all .15s}.matpg .tg:hover{border-color:var(--soft)}.matpg .tg.on{background:var(--sage);color:var(--cream);border-color:var(--sage)}.matpg #fresult{grid-template-columns:1fr 1fr;gap:18px;max-width:760px;margin-top:30px;display:none}.matpg #fresult.show{display:grid}.matpg .fr-card{border:1px solid var(--hair);background:#fff;border-radius:6px;display:flex;overflow:hidden}.matpg .fr-card img{object-fit:cover;flex:none;align-self:stretch;width:116px}.matpg .fr-tx{padding:20px 22px}.matpg .fr-card.win{border-color:var(--walnut);box-shadow:0 8px 26px #7a5b431f}.matpg .fr-tag{letter-spacing:2px;text-transform:uppercase;color:var(--walnut);font-size:10px;font-weight:600}.matpg .fr-card h3{font-family:var(--font-baskerville),Georgia,serif;margin:6px 0;font-size:21px;font-weight:400}.matpg .fr-card p{color:var(--soft);font-size:13px}.matpg .fr-card a{letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--ink);margin-top:12px;padding-bottom:2px;font-size:11px;font-weight:600;display:inline-block}.matpg #freset{letter-spacing:2px;text-transform:uppercase;color:var(--soft);cursor:pointer;background:0 0;border:none;margin-top:16px;font-family:inherit;font-size:11px;text-decoration:underline;display:none}.matpg .fabA{color:#f7f2e9;width:100%;height:min(88vh,820px);min-height:560px;position:relative;overflow:hidden}.matpg .fabA .bg{background-position:50%;background-size:cover;transition:transform 1.3s;position:absolute;inset:0;transform:scale(1.06)}.matpg .fabA.in .bg{transform:scale(1)}.matpg .fabA .scrim{background:linear-gradient(90deg,#16110cbd 0%,#16110c6b 44%,#16110c0f 72%);position:absolute;inset:0}.matpg .fabA .body{z-index:2;flex-direction:column;justify-content:center;max-width:640px;height:100%;padding:0 6vw;display:flex;position:relative}.matpg .fabA .f-tag{letter-spacing:3px;text-transform:uppercase;color:#f7f2e9bf;font-size:10.5px;font-weight:600}.matpg .fabA h2{color:#f7f2e9;margin:10px 0 8px;font-size:clamp(38px,5vw,68px)}.matpg .fabA .f-line{color:#f7f2e9e0;max-width:40ch;font-size:15px}.matpg .fabA .facts{border-top:1px solid #f7f2e940;max-width:440px;margin-top:28px}.matpg .fabA .fact{border-bottom:1px solid #f7f2e940;grid-template-columns:88px 1fr;gap:14px;padding:11px 0;font-size:13px;display:grid}.matpg .fabA .fact .k{letter-spacing:2px;text-transform:uppercase;color:#f7f2e999;padding-top:2px;font-size:10px;font-weight:600}.matpg .petA{background:var(--sage);color:#f7f2e9;letter-spacing:2.4px;text-transform:uppercase;border-radius:99px;align-items:center;gap:9px;width:fit-content;margin-bottom:18px;padding:10px 20px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #00000047}.matpg .props{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;max-width:440px;margin-top:24px;display:grid}.matpg .prop{letter-spacing:1.8px;text-transform:uppercase;color:#f7f2e9eb;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.matpg .prop svg{color:#f7f2e9bf;flex:none}.matpg .ctaA{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.matpg .btnA{letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:#f7f2e9;background:0 0;border:1px solid #f7f2e98c;border-radius:2px;padding:12px 22px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.matpg .btnA:hover{background:#f7f2e929}.matpg .btnA.hearted{background:var(--sage);border-color:var(--sage)}.matpg .fabA .sofa{z-index:2;width:min(36vw,580px);position:absolute;bottom:6vh;right:5vw}.matpg .fabA .sofa img{aspect-ratio:4/3;object-fit:cover;border:1px solid #f7f2e959;border-radius:5px;width:100%;box-shadow:0 18px 50px #0006}.matpg .fabA .sofa span{letter-spacing:1.8px;text-transform:uppercase;color:#f7f2e9c7;margin-bottom:8px;font-size:9.5px;display:block}.matpg .rv{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(30px)}.matpg .fabA.in .rv{opacity:1;transform:none}.matpg .d1{transition-delay:50ms}.d2{transition-delay:.15s}.d3{transition-delay:.25s}.d4{transition-delay:.35s}.d5{transition-delay:.45s}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}.fabA .bg{transition:none;transform:none}}.matpg .f-cta{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.matpg .btn{letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:2px;padding:12px 22px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.matpg .btn.ghost{color:var(--ink);background:0 0}.matpg .btn.ghost:hover{background:var(--ink);color:var(--cream)}.matpg .btn.hearted{background:var(--sage);border-color:var(--sage)}.matpg #compare .cmp-picks{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 18px;display:flex}.matpg .cmp-side{flex-wrap:wrap;gap:6px;display:flex}.matpg .cmp-side button{border:1px solid var(--hair);cursor:pointer;opacity:.55;background:#fff;border-radius:99px;width:38px;height:38px;padding:0;transition:all .15s;overflow:hidden}.matpg .cmp-side button img{object-fit:cover;width:100%;height:100%}.matpg .cmp-side button.on{opacity:1;border-color:var(--ink);transform:scale(1.12)}.matpg .vs{letter-spacing:2px;color:var(--soft);margin:0 8px;font-size:11px;font-weight:600}.matpg #cmpBox{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;max-width:1040px;position:relative;overflow:hidden}.matpg #cmpL,.matpg #cmpR{background-position:50% 100%;background-size:175%;position:absolute;inset:0}.matpg #cmpR{clip-path:inset(0 0 0 50%)}.matpg #cmpHandle{cursor:ew-resize;background:#f7f2e9;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 14px #0006}.matpg #cmpHandle:after{content:"↔";width:38px;height:38px;color:var(--ink);background:#f7f2e9;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.matpg .cmp-names{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:12px;left:14px;right:14px}.matpg .cmp-names span{letter-spacing:2px;text-transform:uppercase;color:#f7f2e9;text-shadow:0 1px 8px #0009;font-size:10px;font-weight:600}.matpg #eco{background:var(--cream);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);text-align:center}.matpg .petchip{color:var(--sage);letter-spacing:2px;text-transform:uppercase;background:#5865421f;border-radius:99px;align-items:center;gap:8px;padding:7px 16px;font-size:11px;font-weight:600;display:inline-flex}.matpg #eco h2{max-width:24ch;margin:14px auto 10px}.matpg #eco .sub{margin:0 auto}.matpg .eco-banner{border-radius:6px;max-width:1100px;margin:36px auto 0;overflow:hidden}.matpg .eco-banner img{aspect-ratio:16/8;object-fit:cover;width:100%}.matpg .eco-strip{flex-wrap:wrap;justify-content:center;gap:48px;margin:36px auto 46px;display:flex}.matpg .eco-strip>div{max-width:180px;color:var(--soft);font-size:12px}.matpg .eco-strip svg{color:var(--sage);margin:0 auto 8px;display:block}.matpg .eco-strip b{color:var(--ink);margin-bottom:2px;font-size:12.5px;display:block}.matpg .eco-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;display:grid}.matpg .eco-card{border:1px solid var(--hair);background:#fff;border-radius:6px;overflow:hidden}.matpg .eco-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.matpg .eco-card .cb{padding:16px 18px}.matpg .eco-card h3{font-family:var(--font-baskerville),Georgia,serif;margin-bottom:3px;font-size:18px;font-weight:400}.matpg .eco-card p{color:var(--soft);font-size:12px}.matpg .eco-card .pt{color:var(--sage);letter-spacing:1.6px;text-transform:uppercase;background:#5865421f;border-radius:99px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:9.5px;font-weight:600;display:inline-flex}.matpg .col-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px;display:grid}.matpg .col-grid img{aspect-ratio:1/1.15;object-fit:cover;border-radius:4px;width:100%}.matpg #visit{background:var(--ink);color:var(--cream);text-align:center;padding:84px 6vw}.matpg #visit .lbl{color:#f7f2e999}.matpg #visit h2{color:var(--cream);max-width:22ch;margin:12px auto}.matpg #visit p{color:#f7f2e9b8;max-width:52ch;margin:0 auto;font-size:14px}.matpg .rooms{letter-spacing:1.5px;text-transform:uppercase;color:#f7f2e9d9;flex-wrap:wrap;justify-content:center;gap:34px;margin:30px 0 34px;font-size:12.5px;display:flex}.matpg #visit .btn{background:var(--cream);color:var(--ink);border-color:var(--cream)}.matpg #tray{z-index:95;background:var(--ink);color:var(--cream);letter-spacing:1px;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:10px;padding:13px 22px;font-family:inherit;font-size:12px;display:none;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 34px #00000047}.matpg #tray.show{display:flex}.matpg #tray b{font-weight:600}.matpg footer{color:var(--soft);border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:26px 30px;font-size:11px;display:flex}@media (max-width:900px){.matpg #hero{background-image:url(/assets/materials/hero-decal-tall.webp);height:min(133vw,90vh);min-height:420px}.matpg #stage{height:120vw;min-height:460px;max-height:640px}.matpg .st-body{width:auto;max-width:none;inset:20px 6vw auto;transform:none}.matpg .st-body .st-h1{font-size:22px}.matpg #stFeel{min-height:0;font-size:13px}.matpg #stName{margin-top:8px}.matpg .st-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:12px;width:auto;max-width:none;padding:6px 16px;bottom:14px;left:0;right:0;overflow-x:auto;transform:none}.matpg .st-chips::-webkit-scrollbar{display:none}.matpg .chip .c-img{width:44px;height:44px}.matpg .st-note{display:none}.matpg #cmpBox{aspect-ratio:4/3}.matpg .cmp-side button{width:44px;height:44px}.matpg #dots{display:none}.matpg .fabA{height:auto;min-height:0}.matpg .fabA .body{max-width:none;padding:72px 6vw 0}.matpg .fabA .sofa{width:88vw;margin:28px 6vw 60px;position:static}.matpg #fresult,.matpg .eco-cards{grid-template-columns:1fr}.eco-strip{gap:22px}.matpg .col-grid{grid-template-columns:repeat(2,1fr)}.matpg header nav{display:none}}