/* Ready walls (#/walls, js/pages_walls.js).
   A finished optical display, shown in a lit shop: walnut unit, glass shelves,
   the frames themselves. Everything is scoped under .rw and prefixed rw- so
   nothing here can restyle another page. Type is the brand face (store.css
   'Veyora Brand', Chromatic Pro); colours are the storefront's own ink and
   orange. Heavy paint effects are switched off on phones and touch screens
   (bottom of file): they broke painting on mobile Safari in the demo. */
.rw,.rw-zoom,.rw-toast{
  --rw-page:#f5f2ec;
  --rw-paper:#fffdf9;
  --rw-ink:#191612;
  --rw-ink-soft:rgba(25,22,18,.64);
  --rw-ink-faint:rgba(25,22,18,.46);
  --rw-rule:rgba(25,22,18,.13);
  --rw-orange:#ed6e2a;
  --rw-orange-deep:#d65b1a;
  --rw-night:#141210;
  --rw-walnut:url('../assets/walls/walnut.webp');
}
.rw{background:var(--rw-page);color:var(--rw-ink);font-family:var(--brand-font);font-size:15px;line-height:1.5}
.rw-zoom button{font:inherit;color:inherit}
.rw *{box-sizing:border-box}
.rw img{max-width:100%}
.rw button{font:inherit;color:inherit}
.rw :focus-visible{outline:2px solid var(--rw-orange);outline-offset:2px}
.rw-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.rw-display{font-family:var(--brand-font);font-weight:600;font-stretch:var(--brand-wide);text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}

/* head */
.rw-head{padding:clamp(28px,5vw,64px) 0 clamp(22px,3vw,34px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.rw-kicker{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rw-orange);margin:0 0 16px}
.rw-h1{margin:0;font-size:clamp(34px,5.4vw,74px);max-width:16ch}
.rw-sub{margin:22px 0 0;max-width:56ch;color:var(--rw-ink-soft);font-size:16px}
.rw-jump{display:inline-block;margin-top:16px;color:var(--rw-ink);font-weight:600;border-bottom:2px solid var(--rw-orange);text-decoration:none;padding-bottom:2px}

/* offer */
.rw-offer{background:var(--rw-paper);border:1px solid var(--rw-rule);padding:clamp(20px,2.4vw,30px);display:grid;gap:14px;position:relative}
.rw-offer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rw-orange)}
.rw-offer.alt::before{background:var(--rw-ink)}
.rw-offer-tag{justify-self:start;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--rw-ink);padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.rw-offer-tag small{font-size:10px;color:var(--rw-orange);letter-spacing:.12em}
.rw-offer-big{font-size:clamp(28px,3vw,40px)}
.rw-offer-big span{display:block}
.rw-offer-big .o{color:var(--rw-orange)}
.rw-offer-line{font-size:clamp(14px,1.3vw,17px)}
.rw-offer p{margin:0;color:var(--rw-ink-soft);max-width:52ch}

/* scene: a 1600×960 stage scaled to the box */
.rw-scene-shell{position:relative;margin:4px 0 0}
.rw-scene{position:relative;width:100%;aspect-ratio:1600/960;overflow:hidden;background:#2a211b;border-radius:2px;perspective:2600px}
.rw-stage{position:absolute;left:0;top:0;width:1600px;height:960px;transform-origin:0 0}
.rw-cam{position:absolute;inset:-30px;transform-origin:50% 55%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);animation:rw-drift 26s ease-in-out infinite alternate}
@keyframes rw-drift{from{scale:1}to{scale:1.035}}
.rw-caption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--rw-ink-faint);padding:10px 2px 0}
.rw-wall{position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 30%,#efe7da,#d9cdbb 60%,#c4b6a1)}
.rw-tex{position:absolute;inset:0;mix-blend-mode:multiply;background-size:420px 420px;opacity:.18}
.rw-ceil{position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(#fbf8f2,#e8e0d3);box-shadow:0 6px 14px rgba(40,25,10,.15)}
.rw-lamp{position:absolute;top:10px;width:40px;height:12px;margin-left:-20px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#fff 0 45%,#fff6e6 65%,#cfc5b3 85%);box-shadow:0 0 28px 12px rgba(255,244,222,.95),0 0 110px 40px rgba(255,240,210,.35)}
.rw-wash{position:absolute;top:-10px;width:640px;height:1000px;margin-left:-320px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 240px 420px at 50% 0%,rgba(255,250,238,.85),rgba(255,246,228,.35) 45%,rgba(255,244,226,0) 75%)}
.rw-halo{position:absolute;left:50%;top:64px;width:210px;margin-left:-105px;filter:drop-shadow(0 1px 0 rgba(255,250,240,.5)) drop-shadow(1px 5px 3px rgba(25,15,5,.32)) drop-shadow(2px 14px 10px rgba(25,15,5,.14))}
.rw-halo img{display:block;width:100%;height:auto;filter:brightness(.5) contrast(1.1)}
.rw-walnut{background-color:#3a2619;background-image:var(--rw-walnut);background-size:700px 700px}
.rw-unit{position:absolute;left:110px;right:110px;top:122px;height:600px;transition:left .6s,right .6s;box-shadow:0 30px 60px rgba(30,18,8,.28)}
.rw-fascia{position:absolute;left:0;right:0;top:0;height:64px;box-shadow:0 12px 22px rgba(20,12,6,.45);border-bottom:1px solid rgba(255,220,170,.18)}
.rw-fascia::after,.rw-counter::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,236,206,.22) 0,rgba(255,236,206,.05) 18%,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 100%)}
.rw-plates{position:absolute;inset:0 22px;display:flex;gap:16px;z-index:1}
.rw-plate{flex:1 1 0;display:flex;align-items:center;justify-content:center}
.rw-plate img{height:30px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,236,204,.95)) drop-shadow(0 0 16px rgba(255,226,180,.55));opacity:.95}
.rw-plate img.charlett{height:42px}
.rw-plate.wide img{height:38px}
.rw-plate.wide img.charlett{height:52px}
.rw-niche{position:absolute;left:0;right:0;top:64px;bottom:0}
.rw-back{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 45%,#fffdf8,#f7f1e6 55%,#ebe2d3)}
.rw-back .rw-tex{opacity:.16}
.rw-side{position:absolute;top:0;bottom:0;width:22px}
.rw-side.l{left:0;box-shadow:6px 0 14px rgba(20,12,6,.35)}
.rw-side.r{right:0;box-shadow:-6px 0 14px rgba(20,12,6,.35)}
.rw-cove{position:absolute;left:22px;right:22px;top:0;height:90px;background:linear-gradient(rgba(255,250,236,1),rgba(255,248,232,0));pointer-events:none;mix-blend-mode:screen}
.rw-cove::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#fffaf0;box-shadow:0 0 16px 6px rgba(255,246,226,.9)}
.rw-inshadow{position:absolute;inset:0;box-shadow:inset 0 10px 14px -10px rgba(30,18,8,.35),inset 0 -8px 12px -8px rgba(30,18,8,.18);pointer-events:none}
.rw-bays{position:absolute;left:22px;right:22px;top:0;bottom:0;display:flex;gap:16px}
.rw-bay{position:relative;flex:1 1 0;min-width:0}
.rw-fin{position:absolute;top:0;bottom:0;width:16px;margin-left:-16px;box-shadow:5px 0 12px rgba(20,12,6,.3),-4px 0 10px rgba(20,12,6,.25)}
.rw-fin::before,.rw-fin::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(rgba(255,240,210,0),rgba(255,240,210,.95) 20%,rgba(255,240,210,.95) 80%,rgba(255,240,210,0));box-shadow:0 0 12px 3px rgba(255,236,200,.55)}
.rw-fin::before{left:-2px}.rw-fin::after{right:-2px}
.rw-row{position:absolute;left:0;right:0;display:grid}
.rw-glass{position:absolute;left:-4px;right:-4px;height:18px;pointer-events:none}
.rw-glass .t{position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(rgba(255,255,255,.42),rgba(210,228,220,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.rw-glass .e{position:absolute;left:0;right:0;top:12px;height:5px;background:linear-gradient(#f4fbf7,#b6d6c8 60%,#8db6a4);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 6px 10px rgba(30,40,30,.14),0 0 10px rgba(255,250,236,.6)}
.rw-glass::after{content:"";position:absolute;left:3%;right:3%;top:18px;height:30px;background:radial-gradient(ellipse at 50% 0,rgba(40,25,10,.16),rgba(40,25,10,0) 70%)}
.rw-slot{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 4px;cursor:zoom-in}
.rw-slot::before{content:"";position:absolute;left:8%;right:8%;top:-10%;bottom:0;background:radial-gradient(ellipse 50% 60% at 50% 55%,rgba(255,252,242,.95),rgba(255,250,238,0) 70%);pointer-events:none}
.rw-fr{position:relative;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s;transform-origin:50% 100%}
.rw-fr img{display:block;max-width:none;filter:drop-shadow(0 7px 5px rgba(30,18,6,.20)) drop-shadow(0 1px 1px rgba(20,10,4,.30)) contrast(1.1) saturate(1.18) brightness(1.04)}
.rw-refl{position:absolute;left:0;top:100%;height:12px;width:100%;overflow:hidden;opacity:.32;pointer-events:none}
.rw-refl img{display:block;transform:scaleY(-1);transform-origin:50% 0;-webkit-mask-image:linear-gradient(rgba(0,0,0,.9),transparent 45%);mask-image:linear-gradient(rgba(0,0,0,.9),transparent 45%);filter:blur(.4px)}
.rw-slot:hover .rw-fr{transform:translateY(-6px) scale(1.07)}
.rw-slot.gone .rw-fr{opacity:0;transform:translateY(-14px)}
.rw-tip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,6px);background:#fffdf8;color:var(--rw-ink);font-size:12px;line-height:1.25;padding:6px 9px;white-space:nowrap;box-shadow:0 6px 16px rgba(30,18,6,.3);opacity:0;pointer-events:none;transition:.25s;z-index:5;border-top:2px solid var(--rw-orange)}
.rw-tip small{display:block;color:var(--rw-ink-soft);font-size:11px}
.rw-slot:hover .rw-tip,.rw-slot:focus-visible .rw-tip{opacity:1;transform:translate(-50%,0)}
.rw-enter .rw-fr{animation:rw-drop .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 11ms)}
@keyframes rw-drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
.rw-counter{position:absolute;left:50px;right:50px;top:812px;height:24px;box-shadow:0 14px 22px rgba(20,12,6,.45)}
.rw-splash{position:absolute;left:110px;right:110px;top:722px;height:90px;background:linear-gradient(#e2d8c8,#d3c6b2)}
.rw-splash .rw-tex{opacity:.3}
.rw-cab{position:absolute;left:74px;right:74px;top:836px;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 8px 0;background:#2a1c13}
.rw-drawer{position:relative;box-shadow:inset 0 0 0 1px rgba(255,220,170,.08),inset 0 10px 14px -10px rgba(255,230,190,.25)}
.rw-drawer::after{content:"";position:absolute;left:50%;top:24px;width:110px;height:4px;margin-left:-55px;border-radius:2px;background:linear-gradient(#f3d9a4,#b48a4a 60%,#7c5a2a);box-shadow:0 2px 3px rgba(0,0,0,.45)}
.rw-mirror{position:absolute;left:190px;top:706px;width:72px;height:108px;border-radius:36px 36px 3px 3px;background:linear-gradient(135deg,#fbfaf7 0%,#d9d6d1 38%,#f1eee9 52%,#c3beb6 100%);box-shadow:0 0 0 4px #c8a46a,0 14px 18px rgba(20,12,6,.45)}
.rw-floor{position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(#2a211b,#17110c)}
.rw-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 42%,rgba(0,0,0,0) 62%,rgba(40,24,8,.22) 100%)}
.rw-bloom{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 35% at 50% 40%,rgba(255,248,230,.22),rgba(255,248,230,0) 70%);mix-blend-mode:screen}

/* sections */
.rw-sec{padding:clamp(40px,5vw,72px) 0 0}
.rw-sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.rw-sec-h h2{margin:0;font-size:clamp(20px,2vw,28px)}
.rw-sec-h p{margin:0;color:var(--rw-ink-soft);font-size:14px}

/* choices */
.rw-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rw-choice{all:unset;box-sizing:border-box;position:relative;cursor:pointer;background:var(--rw-paper);border:1px solid var(--rw-rule);padding:18px 18px 16px;display:grid;gap:10px;align-content:start;transition:border-color .2s,box-shadow .2s,transform .2s}
.rw-choice:hover{border-color:rgba(25,22,18,.35);transform:translateY(-2px)}
.rw-choice[aria-pressed="true"]{border-color:var(--rw-ink);box-shadow:0 0 0 1px var(--rw-ink) inset,0 12px 28px rgba(40,25,10,.10)}
.rw-choice:focus-visible{outline:2px solid var(--rw-orange);outline-offset:2px}
.rw-num{display:flex;align-items:baseline;gap:8px}
.rw-num b{font-size:40px}
.rw-num span{font-size:11px;color:var(--rw-ink-faint);letter-spacing:.12em;text-transform:uppercase}
.rw-ttl{font-size:14px}
.rw-meta{font-size:12.5px;color:var(--rw-ink-soft)}
.rw-bar{display:flex;height:4px;gap:2px}
.rw-bar i{display:block;height:100%}
.rw-price{font-size:14px;font-variant-numeric:tabular-nums;border-top:1px solid var(--rw-rule);padding-top:10px;display:flex;justify-content:space-between;gap:8px}
.rw-price small{color:var(--rw-ink-faint)}
.rw-price s{opacity:.55;font-size:12px}
.rw-perk{font-size:12px;color:var(--rw-ink-soft)}
.rw-perk.hot{color:var(--rw-orange);font-weight:600}
.rw-most{position:absolute;top:-10px;right:12px;background:var(--rw-orange);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px}

/* calculator */
.rw-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}
.rw-calc-in,.rw-calc-out{background:var(--rw-paper);border:1px solid var(--rw-rule);padding:24px;display:grid;gap:12px;align-content:start}
.rw-calc-in label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}
.rw-calc-in output{font-variant-numeric:tabular-nums;color:var(--rw-orange)}
.rw-calc-in input[type=range]{width:100%;accent-color:#ed6e2a}
.rw-calc-note{margin:0;font-size:12.5px;color:var(--rw-ink-faint)}
.rw-calc-out{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.rw-kpi{display:grid;gap:2px}
.rw-kpi span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rw-ink-faint)}
.rw-kpi strong{font-size:clamp(24px,2.6vw,34px);font-weight:600;font-stretch:var(--brand-wide);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.rw-kpi.big{grid-column:1/-1;border-top:1px solid var(--rw-rule);padding-top:14px}
.rw-kpi.big strong{color:var(--rw-orange);font-size:clamp(34px,4vw,52px)}
.rw-kpi small{color:var(--rw-ink-soft);font-size:13px}

/* join (guests) */
.rw-join{background:var(--rw-night);color:#fff;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:24px;align-items:center}
.rw-join h2{margin:0;font-size:clamp(22px,2.4vw,32px);color:#fff}
.rw-join p{color:rgba(255,255,255,.72);margin:12px 0 0;max-width:52ch}

/* list */
.rw-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.rw-card{position:relative;background:var(--rw-paper);border:1px solid var(--rw-rule);padding:14px 14px 12px;display:grid;gap:4px;transition:opacity .25s;cursor:zoom-in}
.rw-card .pic{height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.rw-card .pic img{max-height:84px;width:auto;filter:drop-shadow(0 6px 5px rgba(45,28,10,.16))}
.rw-card .b{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rw-ink-faint)}
.rw-card .n{font-weight:600;font-size:14px}
.rw-card .c{font-size:12px;color:var(--rw-ink-soft)}
.rw-card .p{font-size:13px;margin-top:2px}
.rw-x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:1px solid var(--rw-rule);background:#fff;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:15px;line-height:1;padding:0}
.rw-x:hover{border-color:var(--rw-ink)}
.rw-card.out{opacity:.45}
.rw-card.out .rw-x{background:var(--rw-ink);color:#fff;border-color:var(--rw-ink)}
.rw-chip{font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rw-rule);padding:1px 6px;justify-self:start;color:var(--rw-ink-soft)}

/* how */
.rw-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rw-step{background:var(--rw-paper);border:1px solid var(--rw-rule);padding:22px;display:grid;gap:10px;align-content:start}
.rw-step .no{font-size:26px;color:var(--rw-orange)}
.rw-step h3{margin:0;font-size:14px}
.rw-step p{margin:0;color:var(--rw-ink-soft);font-size:14px}
.rw-fine{margin:16px 0 0;font-size:12.5px;color:var(--rw-ink-faint);max-width:90ch}

/* dock */
.rw-dock{position:sticky;bottom:0;z-index:20;margin-top:clamp(40px,5vw,64px);background:var(--rw-night);color:#fff}
.rw-dock .rw-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:76px;padding-top:12px;padding-bottom:12px}
.rw-tot{display:grid}
.rw-tot strong{font-size:22px;font-weight:600;font-stretch:var(--brand-wide);font-variant-numeric:tabular-nums}
.rw-tot strong s{opacity:.5;font-size:.7em;font-weight:400}
.rw-tot span{font-size:12px;color:rgba(255,255,255,.62)}
.rw-rf{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#f7c9ad;border:1px solid rgba(237,110,42,.55);padding:6px 10px}
.rw-rf i{width:7px;height:7px;border-radius:50%;background:var(--rw-orange);display:block}
.rw-acts{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.rw-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;padding:12px 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.rw-btn.pri{background:var(--rw-orange);border-color:var(--rw-orange)}
.rw-btn.pri:hover{background:var(--rw-orange-deep)}
.rw-btn[disabled]{opacity:.6;cursor:wait}
.rw-dock-note{flex-basis:100%;font-size:11.5px;color:rgba(255,255,255,.55);margin:-6px 0 0}
.rw-toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:#fff;color:var(--rw-ink);padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transition:.3s;z-index:60;font-size:14px;max-width:calc(100% - 32px);pointer-events:none}
.rw-toast.on{opacity:1;transform:translate(-50%,0)}

/* zoom */
.rw-zoom{position:fixed;inset:0;z-index:80;background:radial-gradient(ellipse 70% 60% at 50% 42%,#fffdf8,#efe7da 60%,#d9cdbb);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:24px;padding:40px clamp(16px,5vw,80px);animation:rw-zin .35s ease both;color:var(--rw-ink);font-family:var(--brand-font)}
.rw-zoom[hidden]{display:none}
@keyframes rw-zin{from{opacity:0}to{opacity:1}}
.rw-zstage{position:relative;height:min(62vh,520px);display:grid;place-items:center}
.rw-zspot{position:absolute;inset:6% 10%;background:radial-gradient(ellipse at 50% 45%,#fff,rgba(255,255,255,0) 65%)}
.rw-zstage img{position:absolute;max-width:92%;max-height:80%;object-fit:contain;filter:drop-shadow(0 26px 22px rgba(40,25,10,.22)) drop-shadow(0 3px 3px rgba(30,18,6,.25)) contrast(1.08) saturate(1.15);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.rw-zstage img.off{opacity:0;transform:scale(.96) translateY(6px)}
.rw-zstage img.on{opacity:1;transform:scale(1)}
.rw-zfloor{position:absolute;left:20%;right:20%;bottom:8%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(40,25,10,.22),rgba(40,25,10,0) 70%)}
.rw-zinfo{display:grid;gap:8px;align-content:center}
.rw-zb{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rw-ink-faint)}
.rw-zinfo h3{margin:0;font-size:clamp(26px,3vw,40px)}
.rw-zc{color:var(--rw-ink-soft)}
.rw-zp{font-size:15px;margin-top:6px}
.rw-zviews{display:inline-flex;gap:6px;margin-top:10px}
.rw-zviews button{border:1px solid var(--rw-ink);background:none;padding:8px 14px;cursor:pointer;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.rw-zviews button[aria-pressed="true"]{background:var(--rw-ink);color:#fff}
.rw-zviews button:disabled{opacity:.3;cursor:default}
.rw-zclose{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--rw-rule);background:#fff;font-size:22px;cursor:pointer}
.rw-znav{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid var(--rw-rule);background:rgba(255,255,255,.8);font-size:26px;cursor:pointer}
.rw-znav.prev{left:16px}.rw-znav.next{right:16px}

@media (max-width:1100px){.rw-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
  .rw-head{grid-template-columns:minmax(0,1fr)}
  .rw-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rw-how{grid-template-columns:minmax(0,1fr)}
  .rw-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rw-calc,.rw-join{grid-template-columns:minmax(0,1fr)}
  .rw-zoom{grid-template-columns:minmax(0,1fr);align-content:center}
  .rw-zstage{height:42vh}
}
@media (max-width:600px){
  .rw-dock .rw-wrap{min-height:0;gap:10px;flex-wrap:wrap}
  .rw-rf,.rw-reset{display:none}
  .rw-tot strong{font-size:18px}
  .rw-tot span{font-size:11px}
  .rw-btn{padding:11px 12px;font-size:12px;letter-spacing:.04em}
  .rw-num b{font-size:32px}
}
/* phones and touch screens: drop the GPU-heavy effects that broke painting */
@media (max-width:860px),(hover:none){
  .rw-scene{perspective:none}
  .rw-cam{animation:none!important;transform:none!important;inset:0}
  .rw-wash,.rw-bloom,.rw-slot::before,.rw-refl,.rw-glass::after{display:none}
  .rw-fr img{filter:drop-shadow(0 3px 2px rgba(30,18,6,.22))}
  .rw-halo{filter:none}
  .rw-tex{mix-blend-mode:normal;opacity:.08}
  .rw-cove{mix-blend-mode:normal}
  .rw-enter .rw-fr{animation:none}
}
@media (prefers-reduced-motion:reduce){.rw *,.rw-zoom *{animation:none!important;transition:none!important}}

/* homepage entry (pages_home.js, section 1b) */
.vx-walls{background:#f5f2ec;color:#191612;padding:clamp(40px,6vw,88px) clamp(16px,4vw,56px)}
.vx-walls-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,4vw,64px);align-items:center}
.vx-walls-kicker{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ed6e2a}
.vx-walls-title{margin:0;font-family:var(--brand-font);font-weight:600;font-stretch:var(--brand-wide);text-transform:uppercase;font-size:clamp(28px,3.6vw,52px);line-height:1.02;letter-spacing:-.01em}
.vx-walls-lead{margin:18px 0 0;color:rgba(25,22,18,.68);font-size:16px;max-width:46ch}
.vx-walls-points{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.vx-walls-points li{display:flex;gap:10px;align-items:baseline}
.vx-walls-points li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#ed6e2a;transform:translateY(-1px)}
.vx-walls-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.vx-walls-btn{display:inline-flex;align-items:center;justify-content:center;background:#ed6e2a;color:#fff;text-decoration:none;padding:14px 22px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.vx-walls-btn:hover{background:#d65b1a}
.vx-walls-more{color:#191612;font-weight:600;text-decoration:none;border-bottom:2px solid #ed6e2a;padding-bottom:2px}
.vx-walls-pic{display:block;position:relative}
.vx-walls-pic img{display:block;width:100%;height:auto;box-shadow:0 30px 60px rgba(30,18,8,.22)}
.vx-walls-badge{position:absolute;left:16px;bottom:16px;background:#141210;color:#fff;padding:10px 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.vx-walls-badge b{color:#ed6e2a;font-weight:600}
@media (max-width:860px){.vx-walls-in{grid-template-columns:minmax(0,1fr)}.vx-walls-pic{order:-1}}

/* catalogue card (pages_catalog.js catalogCtaCard('walls')): the wall itself
   on top, in the page's light palette so it reads apart from the dark card. */
.pgrid2 > .cta-card.cta-walls{background:#fffdf9;color:#191612;border:1px solid rgba(25,22,18,.13);border-top:3px solid #ed6e2a;padding:0 0 22px;justify-content:flex-start;overflow:hidden}
.pgrid2 > .cta-card.cta-walls::before{content:"";display:block;aspect-ratio:1600/960;background:#2a211b url('../assets/walls/hero-72.webp') center/cover no-repeat}
.cta-card.cta-walls .cta-kicker,.cta-card.cta-walls .cta-title,.cta-card.cta-walls .cta-body,.cta-card.cta-walls .cta-btn{margin-left:20px;margin-right:20px}
.cta-card.cta-walls .cta-body{color:rgba(25,22,18,.68)}

/* guests: the walls page runs edge to edge under the site header */
.guest-shell .page.rw-page{max-width:none;padding:0;margin:0}
/* The WhatsApp button sits above the order bar instead of on its button. */
body:has(.rw-dock) .hm-wa,body:has(.rw-dock) .hm-wa.shell-wa{bottom:104px}
/* On a phone the order bar is the call to action; the chat button would sit on it. */
@media (max-width:600px){body:has(.rw-dock) .hm-wa,body:has(.rw-dock) .hm-wa.shell-wa{display:none}}
.rw-card .pic{margin-top:14px}
/* Narrow phones: the compact header (not the homepage hero, which wraps)
   has no room for a third link; the walls stay one tap away on the
   homepage, the catalogue card and the signed-in menu. */
@media (max-width:430px){.hm-nav:not(.hm-nav--hero) .hm-nav-walls{display:none}}