/* Product-only composition. Typography is inherited from the BETOKAR site. */
.rh-wall{--blue:#007ba8;--ink:#102f42;--line:#d9e5e9;color:var(--ink);background:#fff;font-family:inherit}
.rh-wall *{box-sizing:border-box;min-width:0}
.rh-wall h1,.rh-wall h2,.rh-wall h3,.rh-wall p,.rh-wall figure,.rh-wall dl,.rh-wall dd{margin:0}
.rh-wall h1,.rh-wall h2,.rh-wall h3{color:var(--ink);font-weight:600;line-height:1.05;letter-spacing:-.036em}
.rh-wall h1{font-size:clamp(40px,5.8vw,84px)}.rh-wall h2{font-size:clamp(26px,3.35vw,48px)}
.rh-wall em{font-style:normal;color:var(--blue)}.rh-wall p{color:#415663;line-height:1.5;font-size:clamp(13px,1.18vw,17px)}
.rh-wall img{display:block;object-fit:cover}.rh-wall button,.rh-wall textarea{font:inherit;color:inherit}.rh-wall button,.rh-wall summary{cursor:pointer}.rh-wall :focus-visible{outline:3px solid #009ee3;outline-offset:3px}
.rh-section{padding:clamp(22px,3.5vw,50px) max(5.4%,calc((100% - 1460px)/2));background:#fff}.rh-wall figcaption{font-size:12px;color:#617381;margin-top:8px}.rh-wall figcaption::before,.rh-rule{display:inline-block;content:'';width:25px;height:2px;background:#009ee3;margin-right:9px;vertical-align:middle}
.rh-hero,.rh-anatomy,.rh-closing{position:relative;isolation:isolate;overflow:hidden;background:#faf9f6}
.rh-hero{display:grid;align-items:center;min-height:clamp(365px,50vw,680px)}
.rh-hero .rh-garden{position:absolute;inset:0 0 0 auto;width:75%;height:100%;z-index:-2}
.rh-hero::before,.rh-closing::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff5 24%,#ffffffaa 35%,transparent 52%);z-index:-1}
.rh-hero-copy{padding:4% 0 4% 7%;width:41%}.rh-rule{margin-bottom:18px}.rh-hero h2{font-size:clamp(16px,2vw,28px);margin:15px 0}.rh-hero p{max-width:34ch}.rh-action,.rh-notes button{display:inline-flex;align-items:center;gap:20px;min-height:44px;border:1px solid #008ec4;border-radius:2px;background:#ffffffdf;color:var(--blue);font-weight:600;font-size:14px;padding:9px 16px;text-decoration:none;margin-top:16px}.rh-action:hover,.rh-notes button:hover{background:#e9f8ff}
.rh-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px}.rh-titlebar p{max-width:40%}.rh-modes{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}.rh-modes button{background:white;border:0;padding:8px 16px;min-height:44px;font-size:14px}.rh-wall [aria-pressed=true]{background:var(--blue);color:white}.rh-study{display:grid;grid-template-columns:2.5fr 1fr;gap:3%;align-items:center;margin-top:12px}.rh-stage{position:relative;aspect-ratio:1.82;background:#fff}.rh-stage canvas,.rh-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rh-wall [hidden]{display:none!important}.rh-parts{display:grid;gap:clamp(12px,2vw,30px)}.rh-parts button{background:transparent;text-align:left;border:0;border-left:2px solid #a4c6d2;padding:6px 12px}.rh-parts button[aria-pressed=true]{color:var(--ink);background:#eff8fc;border-color:var(--blue)}.rh-parts strong{display:block;font-size:clamp(16px,1.6vw,24px)}.rh-parts small{display:block;color:#506575;font-size:clamp(12px,1.1vw,16px);line-height:1.4}
.rh-anatomy{display:grid;grid-template-columns:34% 1fr;min-height:clamp(350px,45vw,600px)}.rh-anatomy-copy{grid-column:1;grid-row:1;position:relative;padding:12% 6% 10% 16%;z-index:1;background:linear-gradient(90deg,white,#fffef8df)}.rh-anatomy-copy p{margin:14px 0 22px}.rh-anatomy-copy figure img{width:100%;max-height:160px;border-radius:5px}.rh-surface{position:relative;grid-column:2;grid-row:1}.rh-surface img{position:absolute;inset:0;width:100%;height:100%;object-position:32% center}.rh-surface button{position:absolute;border:1px solid #d2e6ed;background:white;border-radius:4px;font-size:13px;padding:6px 10px;min-height:38px;box-shadow:0 2px 12px #172d4020}.rh-surface button::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:#009ee3;margin-right:6px;border:2px solid #fff}.rh-surface [data-wall-point="0"]{top:14%;left:35%}.rh-surface [data-wall-point="1"]{top:50%;left:18%}.rh-surface [data-wall-point="2"]{top:73%;right:8%}
.rh-spec>p{max-width:62ch;margin-top:12px}.rh-spec-grid{display:grid;grid-template-columns:32% 1fr;align-items:center;gap:4%;margin-top:18px}.rh-spec-grid>img{width:100%}.rh-spec dl{display:grid;grid-template-columns:repeat(5,1fr)}.rh-spec dl div{border-left:1px solid var(--line);padding:0 8px}.rh-spec dt,.rh-spec dd{line-height:1.3}.rh-spec dt{font-size:12px}.rh-spec dd{font-size:clamp(16px,1.8vw,26px);margin-top:10px}.rh-pdf{margin-top:22px;display:flex;align-items:center;gap:18px}.rh-pdf img{width:15%;max-height:145px;object-fit:contain}.rh-pdf a,.rh-wa{color:var(--blue);font-weight:600}.rh-pdf p{font-size:13px;max-width:60ch}
.rh-plan{display:grid;grid-template-columns:55% 45%;background:#f4f8f9}.rh-plan>img{width:100%;height:100%;object-fit:cover}.rh-plan>div{padding:6% 10% 6% 6%}.rh-plan ul{list-style:none;padding:0}.rh-plan li{padding:7px 0 7px 22px;position:relative;border-bottom:1px solid var(--line)}.rh-plan li:before{content:'✓';position:absolute;left:0;color:var(--blue)}.rh-plan li p{font-size:13px}
.rh-prep ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:25px 0 12px}.rh-prep li span{display:block;border-bottom:1px solid #c3dfe9;color:var(--blue);margin-bottom:8px}.rh-prep li p,.rh-related p{font-size:13px}.rh-notes{border-top:1px solid var(--line);padding-top:6px}.rh-wall summary{padding:10px 0;font-weight:600}.rh-notes textarea{display:block;width:100%;border:1px solid var(--line);padding:10px;background:#fafcfd}.rh-notes button{margin:8px 12px 0 0}
.rh-faq{display:grid;grid-template-columns:35% 1fr;gap:4%;border-top:1px solid var(--line)}.rh-faq details{border-block-start:1px solid var(--line)}.rh-faq details p{padding-bottom:12px}.rh-related{border-block-start:1px solid var(--line)}.rh-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:16px}.rh-related a{color:inherit;text-decoration:none}.rh-related img{width:100%;aspect-ratio:3.4;border-radius:5px;margin-bottom:8px}
.rh-closing{padding:32px 9%;background:#ecf6fa url('/images/prefab-wall/rhythm-garden.webp') right center/60% auto no-repeat}.rh-closing::before{background:linear-gradient(90deg,#edf7fb 30%,#edf7fbfa 50%,transparent 77%)}.rh-closing>div{max-width:55%}.rh-closing p{margin-top:12px}.rh-wa{display:inline-flex;padding:10px}
@media(max-width:600px){.rh-section{padding:24px 18px}.rh-hero{min-height:470px;align-items:start}.rh-hero-copy{padding:22px 18px;width:95%}.rh-hero-copy p{max-width:30ch;font-size:13px}.rh-hero .rh-garden{width:100%;height:65%;top:auto}.rh-hero::before{background:linear-gradient(180deg,#fff 18%,#fffffff0 33%,#ffffffad 47%,transparent 68%)}.rh-titlebar{display:block}.rh-titlebar p{max-width:100%;margin-top:10px}.rh-modes{width:fit-content;margin-top:14px}.rh-study{grid-template-columns:1fr}.rh-parts{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px}.rh-parts button{padding:5px}.rh-parts small{font-size:12px}.rh-anatomy{display:flex;flex-direction:column-reverse}.rh-anatomy-copy{padding:24px 18px}.rh-anatomy-copy figure{display:flex;align-items:center;gap:12px}.rh-anatomy-copy figure img{width:115px;height:68px}.rh-surface{aspect-ratio:1.65}.rh-spec-grid{grid-template-columns:1fr}.rh-spec-grid>img{max-width:200px}.rh-spec dl{grid-template-columns:repeat(3,1fr);gap:12px}.rh-plan{display:block}.rh-plan>img{height:auto;aspect-ratio:2}.rh-plan>div{padding:24px 18px}.rh-prep ol{gap:8px}.rh-prep li strong{font-size:14px}.rh-faq{grid-template-columns:1fr}.rh-related>div{gap:8px}.rh-related img{aspect-ratio:1.65}.rh-related strong{font-size:14px}.rh-closing{padding:25px 18px}.rh-closing>div{max-width:90%}.rh-closing::before{background:linear-gradient(90deg,#edf7fb 20%,#edf7bfcc 70%,transparent)}}
@media(prefers-reduced-motion:reduce){.rh-wall *{scroll-behavior:auto!important}}
.rh-study{position:relative}.rh-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#2684a7;stroke-width:1}.rh-guides circle{fill:#008dbb;stroke:white}@media(max-width:600px){.rh-guides{display:none}.rh-hero::before{background:linear-gradient(180deg,#fff 24%,#fffffff2 43%,#ffffffdb 55%,transparent 78%)}}
@media(min-width:601px){.rh-hero::after{content:'';pointer-events:none;position:absolute;inset:0 auto auto 0;width:25%;aspect-ratio:183/66;background:url('/images/prefab-wall/rhythm-canopy.webp') left top/100% 100% no-repeat;mask-image:linear-gradient(to bottom,black 55%,transparent),linear-gradient(to right,black 70%,transparent);mask-composite:intersect;z-index:-1}}
.rh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.rh-faq summary::-webkit-details-marker{display:none}.rh-faq summary::after{content:'+';color:var(--blue)}.rh-faq details[open] summary::after{content:'−'}@media(min-width:601px) and (max-width:1100px){.rh-hero .rh-action{white-space:nowrap;font-size:13px;padding:9px 12px;gap:12px}}