/* Ratahome redesign 2026 -- shared stylesheet for the redesigned home, cabinetry,
   furniture and kitchen-cabinetry pages. Generated from the approved local preview
   (site.css/pages.css/home.css); see artifacts/home-redesign-preview-2026-09-24/.
   Scoped under .rh2026 (the wrapper div ratahome_render_design() / the redesigned
   hub template inject around this content) so nothing leaks onto the rest of the
   site, which still uses the --izza-* design system. Enqueued only for the home,
   joinery, joinery-kitchen-cabinetry and catalog-hub screens -- see
   ratahome_is_redesign_2026_screen() in functions.php. */

.rh2026{
  --paper:#F2EEE6; --paper-2:#E8E2D8; --ink:#121110; --ink-2:#2B2825; --mute:#716B64;
  --line:rgba(18,17,16,.16); --line-2:rgba(18,17,16,.45);
  --rust:#B5451B; --rust-l:#D9663A;
  --d-paper:#EDE8DF; --d-text:#CFC8BD; --d-mute:#9A938A; --d-line:rgba(237,232,223,.16); --d-line-2:rgba(237,232,223,.45);
  --sans:"Instrument Sans",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1320px; --gut:40px; --header:80px;
  --ease:cubic-bezier(.16,1,.3,1);
}


.rh2026 *{box-sizing:border-box}


.rh2026{scroll-behavior:smooth;overflow-x:clip}


.rh2026{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}


.rh2026 img{display:block;max-width:100%;height:auto}


.rh2026 a{color:inherit}


.rh2026 p,.rh2026 h1,.rh2026 h2,.rh2026 h3{margin:0}


.rh2026 ul{margin:0;padding:0;list-style:none}


.rh2026 .wrap{max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}


.rh2026 h1{font-weight:600;font-size:clamp(46px,7.7vw,112px);line-height:.94;letter-spacing:-.035em}


.rh2026 h2{font-weight:600;font-size:clamp(36px,4.9vw,68px);line-height:.98;letter-spacing:-.03em}


.rh2026 h3{font-weight:600;font-size:clamp(24px,2.3vw,32px);line-height:1.05;letter-spacing:-.02em}


.rh2026 h1 em,.rh2026 h2 em,.rh2026 .h-state em{font-style:normal;color:var(--rust)}


.rh2026 .mono{font:500 11px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}


.rh2026 .lead{font-size:20px;line-height:1.5;color:var(--ink-2)}


.rh2026 .sec{padding:128px 0;scroll-margin-top:var(--header)}


.rh2026 .dark{background:var(--ink);color:var(--d-paper)}


.rh2026 .dark .mono{color:var(--d-mute)}


.rh2026 .dark .lead{color:var(--d-text)}


.rh2026 :focus-visible{outline:2px solid var(--rust);outline-offset:4px}


.rh2026 .d{display:inline}




/* title block */


.rh2026 .tb{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:14px;position:relative;margin-bottom:72px}


.rh2026 .tb::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--line-2);transform-origin:left}


.rh2026 .dark .tb::before{background:var(--d-line-2)}


.rh2026 .js .tb::before{transform:scaleX(0);transition:transform 1.4s var(--ease)}


.rh2026 .js .tb.in::before{transform:none}


.rh2026 .sec-head{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end;margin-bottom:64px}


.rh2026 .sec-head .lead{max-width:44ch}




/* reveal */


.rh2026 .js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0)*100ms)}


.rh2026 .js [data-reveal].in{opacity:1;transform:none}


@media (prefers-reduced-motion:reduce){

 
 
.rh2026{scroll-behavior:auto}


 
 
.rh2026 .js [data-reveal],.rh2026 .js .ln>span,.rh2026 .js .hero-fig,.rh2026 .js .img-clip img{opacity:1;transform:none;clip-path:none;transition:none}


 
 
.rh2026 *,.rh2026 *::before,.rh2026 *::after{animation-duration:.001s!important;transition-duration:.001s!important}

}




/* buttons & links */


.rh2026 .btn{display:inline-flex;align-items:center;gap:14px;height:58px;padding:0 26px;background:var(--ink);color:var(--paper);border-radius:2px;font:500 16px/1 var(--sans);text-decoration:none;transition:background .25s;white-space:nowrap;border:0;cursor:pointer}


.rh2026 .btn:hover{background:var(--rust)}


.rh2026 .btn svg{width:18px;height:18px;flex:none;transition:transform .35s var(--ease)}


.rh2026 .btn:hover svg{transform:translateX(5px)}


.rh2026 .btn.light{background:var(--paper);color:var(--ink)}


.rh2026 .btn.light:hover{background:var(--rust);color:#fff}


.rh2026 .tlink{font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;padding:6px 0;font-size:16px}


.rh2026 .tlink::after{content:"→";transition:transform .35s var(--ease)}


.rh2026 .tlink:hover::after{transform:translateX(5px)}


.rh2026 .tlink::before{content:"";position:absolute;left:0;bottom:2px;height:1px;width:calc(100% - 22px);background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}


.rh2026 .tlink:hover::before{transform:scaleX(1);transform-origin:left}




/* images */


.rh2026 .img-clip{overflow:hidden;background:var(--paper-2);position:relative}


.rh2026 .img-clip img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}


.rh2026 a.img-clip:hover img,.rh2026 .hover-zoom:hover .img-clip img{transform:scale(1.04)}


.rh2026 .mk{position:absolute;width:11px;height:11px;pointer-events:none;z-index:2}


.rh2026 .mk::before,.rh2026 .mk::after{content:"";position:absolute;background:var(--ink);opacity:.6}


.rh2026 .mk::before{left:0;top:5px;width:11px;height:1px}


.rh2026 .mk::after{left:5px;top:0;width:1px;height:11px}


.rh2026 .mk.tl{left:-6px;top:-6px}
.rh2026 .mk.tr{right:-6px;top:-6px}
.rh2026 .mk.bl{left:-6px;bottom:-6px}
.rh2026 .mk.br{right:-6px;bottom:-6px}


.rh2026 .dark .mk::before,.rh2026 .dark .mk::after{background:var(--d-paper)}




/* preview bar */


.rh2026 .pv{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:9px 16px;background:var(--rust);color:#fff}




/* header */


.rh2026 .hd{position:sticky;top:0;z-index:40;background:var(--paper);color:var(--ink);border-bottom:1px solid transparent;transition:background .35s,color .35s,border-color .35s}


.rh2026 .hd.scrolled{border-color:var(--line)}


.rh2026 .hd.on-dark{background:var(--ink);color:var(--d-paper);border-color:var(--d-line)}


.rh2026 .hd-in{height:var(--header);display:flex;align-items:center;gap:36px}


.rh2026 .wordmark{font:500 20px/1 var(--sans);letter-spacing:.34em;text-decoration:none;color:inherit;text-transform:uppercase}


.rh2026 .hd .wordmark{margin-right:8px}


@media (max-width:767px){.rh2026 .hd .wordmark{font-size:17px;letter-spacing:.3em}}


.rh2026 .hd-btn{height:42px;padding:0 18px;display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);border-radius:2px;font:500 14px/1 var(--sans);text-decoration:none;transition:background .35s,color .35s}


.rh2026 .hd-btn:hover{background:var(--rust);color:#fff}


.rh2026 .hd.on-dark .hd-btn{background:var(--paper);color:var(--ink)}


.rh2026 .hd.on-dark .hd-btn:hover{background:var(--rust);color:#fff}


.rh2026 .hd-btn svg{width:14px;height:14px}


.rh2026 .hd-menu{display:none;margin-left:auto;height:40px;padding:0 14px;border:1px solid currentColor;background:transparent;color:inherit;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:2px;cursor:pointer}




/* hero */


.rh2026 .hero{padding:56px 0 0}


.rh2026 .ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}


.rh2026 .ln>span{display:block}


.rh2026 .js .ln>span{transform:translateY(110%);transition:transform 1.15s var(--ease)}


.rh2026 .js .loaded .ln>span{transform:none}


.rh2026 .ln:nth-child(2)>span{transition-delay:.08s}
.rh2026 .ln:nth-child(3)>span{transition-delay:.16s}


.rh2026 .hero-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin:44px 0 52px}


.rh2026 .hero-row .lead{max-width:54ch}


.rh2026 .hero-cta{display:flex;gap:32px;align-items:center;justify-content:flex-end}


.rh2026 .hero-fig{margin:0;position:relative}


.rh2026 .js .hero-fig{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--ease) .35s}


.rh2026 .js .loaded .hero-fig{clip-path:inset(0)}


.rh2026 .hero-fig .img-clip.slides{aspect-ratio:21/9}


.rh2026 .slides .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 1.2s var(--ease),transform 7s linear}


.rh2026 .slides .slide.on{opacity:1;transform:scale(1)}


.rh2026 .cap{align-items:center}


.rh2026 .slide-nav{display:flex;gap:8px;align-items:center;margin:0 28px;flex:none}


.rh2026 .slide-nav button{width:36px;height:16px;border:0;background:transparent;padding:0;cursor:pointer;position:relative}


.rh2026 .slide-nav button::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line-2);opacity:.45}


.rh2026 .slide-nav button::after{content:"";position:absolute;left:0;top:7px;height:2px;width:0;background:var(--rust)}


.rh2026 .slide-nav button.on::after{width:100%;transition:width var(--slide-dur,5.5s) linear}


.rh2026 .slide-nav button:focus-visible{outline-offset:0}


.rh2026 .cap{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid var(--line)}


.rh2026 .live{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2E9E5B;margin-right:9px;vertical-align:1px}


.rh2026 .facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}


.rh2026 .facts li{display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:30px 28px 30px 0;position:relative}


.rh2026 .facts li+li{border-left:1px solid var(--line);padding-left:28px}


.rh2026 .facts li::before{content:"";position:absolute;left:0;top:0;width:28px;height:2px;background:var(--rust);transform-origin:left}


.rh2026 .facts li+li::before{left:28px}


.rh2026 .js .facts li::before{transform:scaleX(0);transition:transform .9s var(--ease) calc(.2s + var(--k,0)*.12s)}


.rh2026 .js .facts.in li::before{transform:none}


.rh2026 .facts li:nth-child(2){--k:1}
.rh2026 .facts li:nth-child(3){--k:2}
.rh2026 .facts li:nth-child(4){--k:3}


.rh2026 .facts b{font-weight:600;font-size:clamp(22px,2.05vw,30px);line-height:1.08;letter-spacing:-.025em;align-self:start;max-width:11ch}


.rh2026 .facts small{font-size:14px;line-height:1.45;color:var(--mute);max-width:32ch}




/* panels */


.rh2026 .panels{display:grid;grid-template-columns:1fr 1fr;gap:40px}


.rh2026 .panel .img-clip{aspect-ratio:5/4;display:block}


.rh2026 .panel-cap{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}


.rh2026 .panel-body{padding-top:28px}


.rh2026 .panel h3{font-size:clamp(30px,3vw,44px);margin-bottom:14px}


.rh2026 .panel h3 a{text-decoration:none;display:inline-flex;align-items:baseline;gap:14px}


.rh2026 .panel h3 a .arr{font-weight:400;transition:transform .35s var(--ease)}


.rh2026 .panel h3 a:hover .arr{transform:translateX(8px)}


.rh2026 .panel-body>p{color:var(--ink-2);max-width:48ch;margin-bottom:22px}


.rh2026 .cats{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid var(--line);margin-bottom:22px}


.rh2026 .cats li{border-bottom:1px solid var(--line)}


.rh2026 .cats a{display:flex;justify-content:space-between;align-items:center;height:50px;text-decoration:none;font-size:15px;font-weight:500;color:var(--ink-2);transition:color .2s,padding-left .3s var(--ease)}


.rh2026 .cats a::after{content:"→";color:var(--mute);transition:transform .3s var(--ease),color .2s}


.rh2026 .cats a:hover{color:var(--rust);padding-left:4px}


.rh2026 .cats a:hover::after{color:var(--rust);transform:translateX(4px)}


.rh2026 .trade{margin-top:88px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);padding:36px 0;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}


.rh2026 .trade p{font-size:19px;line-height:1.45;margin-top:10px;max-width:52ch}


.rh2026 .trade-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;justify-content:flex-end}




/* point of view */


.rh2026 .pov-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}


.rh2026 .pov-items{padding-bottom:32vh}


.rh2026 .pov-item{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:32px 0;transition:opacity .6s}


.rh2026 .js .pov-item{opacity:.26}


.rh2026 .js .pov-item.is-on{opacity:1}


.rh2026 .pov-item .mono{margin-bottom:26px}


.rh2026 .h-state{font-weight:600;font-size:clamp(38px,5.4vw,80px);line-height:.96;letter-spacing:-.03em;margin-bottom:26px}


.rh2026 .h-state em{color:var(--rust-l)}


.rh2026 .pov-item p{font-size:19px;line-height:1.5;color:var(--d-text);max-width:46ch}


.rh2026 .pov-inline{display:none}


.rh2026 .pov-fig{position:sticky;top:calc(var(--header) + 40px)}


.rh2026 .pov-stage{position:relative;height:min(calc(100vh - var(--header) - 130px),760px);aspect-ratio:4/5;margin-left:auto;background:#1B1917}


.rh2026 .layer{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity .8s var(--ease),transform 1.4s var(--ease)}


.rh2026 .layer.on{opacity:1;transform:none}


.rh2026 .layer img{width:100%;height:100%;object-fit:cover}


.rh2026 .pov-cap{padding:14px 0;border-bottom:1px solid var(--d-line);display:flex;justify-content:space-between;gap:16px}


.rh2026 .sheet{position:absolute;inset:0;background:var(--paper);color:var(--ink);padding:28px;display:flex;flex-direction:column;gap:22px;overflow:hidden}


.rh2026 .sheet-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}


.rh2026 .sheet-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.35}


.rh2026 .sheet-t th{font:500 10.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left;padding:0 8px 10px 0;border-bottom:1px solid var(--line)}


.rh2026 .sheet-t td{padding:12px 8px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}


.rh2026 .sheet-t td:nth-child(2){color:var(--ink-2)}


.rh2026 .sheet-t td:nth-child(3),.rh2026 .sheet-t th:nth-child(3){text-align:right;font-family:var(--mono);font-size:13px;padding-right:22px}


.rh2026 .sheet-t td:nth-child(4),.rh2026 .sheet-t th:nth-child(4){text-align:right;font-family:var(--mono);font-size:13px;padding-right:0}


.rh2026 .js .layer.on .sheet-t tbody tr{animation:rowIn .7s var(--ease) both;animation-delay:calc(var(--i)*.09s + .2s)}


@keyframes rowIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}


.rh2026 .sheet-sum{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;justify-items:end;margin-left:auto;font:400 13px/1.4 var(--mono);color:var(--ink-2)}


.rh2026 .sheet-sum .mono{justify-self:end}


.rh2026 .sheet-sum span:last-child{font-weight:500;color:var(--ink);border-top:1px solid var(--line-2);padding-top:4px}


.rh2026 .sheet-notes{display:grid;gap:10px}


.rh2026 .sheet-notes li{display:grid;grid-template-columns:110px 1fr;gap:12px;font:400 12.5px/1.45 var(--mono);color:var(--ink-2)}


.rh2026 .sheet-notes b{font-weight:500;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;padding-top:2px}


.rh2026 .sheet-notes li:last-child span{color:var(--rust)}


.rh2026 .sheet-foot{margin-top:auto;font:400 11px/1.5 var(--mono);color:var(--mute)}




/* cases */


.rh2026 .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}


.rh2026 .case{text-decoration:none;display:flex;flex-direction:column}


.rh2026 .case .img-clip{aspect-ratio:4/3}


.rh2026 .case-cap{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:20px}


.rh2026 .case h3{font-size:26px;margin-bottom:10px}


.rh2026 .case p{color:var(--ink-2);font-size:16px;margin-bottom:16px;max-width:36ch}


.rh2026 .case .tlink{margin-top:auto;align-self:flex-start}


.rh2026 .after{margin-top:72px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;color:var(--ink-2)}




/* confirm */


.rh2026 .h-narrow{max-width:12ch;margin-bottom:64px}


.rh2026 .cols4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2)}


.rh2026 .col{padding:32px 32px 40px 0}


.rh2026 .col+.col{border-left:1px solid var(--line);padding-left:32px}


.rh2026 .col .mono{display:block;margin-bottom:56px}


.rh2026 .col h3{font-size:22px;margin-bottom:14px}


.rh2026 .col p{font-size:15.5px;line-height:1.5;color:var(--ink-2);margin-bottom:20px}


.rh2026 .col .tlink{font-size:15px}




/* send */


.rh2026 .send-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}


.rh2026 .send-copy{position:sticky;top:calc(var(--header) + 40px)}


.rh2026 .send-copy h2{margin-bottom:22px}


.rh2026 .send-list{margin-top:44px;border-top:1px solid var(--d-line-2)}


.rh2026 .send-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--d-line);font-size:16px;color:var(--d-text)}


.rh2026 .send-list .mono{padding-top:3px}


.rh2026 .entity{margin-top:36px;font-size:14px;line-height:1.5;color:var(--d-mute);max-width:50ch}


.rh2026 .entity b{color:var(--d-paper);font-weight:500}


.rh2026 .form-card{background:var(--paper);color:var(--ink);padding:44px;border-radius:2px}


.rh2026 .field{margin-bottom:26px}


.rh2026 .field>label,.rh2026 .field legend{display:block;font-weight:500;font-size:14px;margin-bottom:10px;padding:0}


.rh2026 fieldset{border:0;margin:0 0 26px;padding:0;min-width:0}


.rh2026 .help{font:400 12px/1.5 var(--mono);color:var(--mute);margin-top:8px}


.rh2026 .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}


.rh2026 input[type=text],.rh2026 input[type=email],.rh2026 input[type=tel],.rh2026 select,.rh2026 textarea{width:100%;height:54px;border:1px solid var(--line-2);border-radius:2px;background:#fff;font:400 16px/1.4 var(--sans);color:var(--ink);padding:0 16px;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}


.rh2026 select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23121110' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}


.rh2026 textarea{height:auto;min-height:150px;padding:14px 16px;resize:vertical}


.rh2026 input:focus,.rh2026 select:focus,.rh2026 textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(18,17,16,.08);outline:none}


.rh2026 input::placeholder,.rh2026 textarea::placeholder{color:#9B958D}


.rh2026 .tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}


.rh2026 .tile{position:relative}


.rh2026 .tile input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}


.rh2026 .tile span{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 18px;border:1px solid var(--line-2);border-radius:2px;font-weight:500;background:#fff;transition:background .2s,color .2s,border-color .2s;cursor:pointer}


.rh2026 .tile span::after{content:"";width:14px;height:14px;border:1px solid var(--line-2);border-radius:2px;transition:background .2s,border-color .2s}


.rh2026 .tile.r span::after{border-radius:50%}


.rh2026 .tile input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}


.rh2026 .tile input:checked+span::after{background:var(--rust);border-color:var(--rust)}


.rh2026 .tile input:focus-visible+span{outline:2px solid var(--rust);outline-offset:3px}


.rh2026 .drop{border:1px dashed var(--line-2);border-radius:2px;padding:22px;display:flex;gap:20px;align-items:center;background:#fff;transition:background .2s,border-color .2s}


.rh2026 .drop.drag{border-color:var(--rust);background:#FBF3EE}


.rh2026 .drop p{font-size:15px;color:var(--ink-2)}


.rh2026 .files li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:2px;padding:8px 12px;margin-top:8px;font-size:14px;background:#fff}


.rh2026 .files button{border:0;background:none;color:var(--rust);font-weight:500;cursor:pointer;height:36px;font-family:var(--sans)}


.rh2026 details.more{border-top:1px solid var(--line);padding-top:14px;margin-bottom:26px}


.rh2026 details.more summary{cursor:pointer;font-weight:500;font-size:14px;height:44px;display:flex;align-items:center;list-style:none}


.rh2026 details.more summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--rust);font-weight:400}


.rh2026 details[open].more summary::after{content:"–"}


.rh2026 .err{color:#A8261B;font:400 12.5px/1.5 var(--mono);margin-top:8px;display:none}


.rh2026 .invalid .err{display:block}


.rh2026 .invalid input,.rh2026 .invalid select,.rh2026 .invalid textarea,.rh2026 .invalid .tile span{border-color:#A8261B}


.rh2026 .summary{display:none;border:1px solid #A8261B;color:#A8261B;padding:12px 16px;border-radius:2px;margin-bottom:22px;font-size:15px}


.rh2026 .submit .btn{width:100%;justify-content:center;height:62px;font-size:17px}


.rh2026 .privacy{font:400 12px/1.5 var(--mono);color:var(--mute);margin-top:14px;text-align:center}


.rh2026 .privacy a{color:var(--ink)}


.rh2026 .success{display:none}


.rh2026 .success h3{font-size:30px;margin:0 0 12px}


.rh2026 .success dl{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;margin:24px 0 28px;font-size:15px}


.rh2026 .success dt{color:var(--mute)}
.rh2026 .success dd{margin:0;font-weight:500}




/* footer */


.rh2026 footer{padding:112px 0 28px;border-top:1px solid var(--d-line);position:relative;overflow:hidden}


.rh2026 .f-top{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start;margin-bottom:80px}


.rh2026 .f-brand .wordmark{font-size:26px;display:inline-block;margin-bottom:28px}


.rh2026 .f-brand p{font-size:15px;line-height:1.6;color:var(--d-text);max-width:44ch;margin-bottom:26px}


.rh2026 .f-brand .tlink{color:var(--d-paper);font-size:15px}


.rh2026 .f-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}


.rh2026 .f-grid .mono{display:block;margin-bottom:18px;position:relative;padding-top:12px}


.rh2026 .f-grid .mono::before{content:"";position:absolute;left:0;top:0;width:20px;height:2px;background:var(--rust)}


.rh2026 .f-grid a{display:block;text-decoration:none;color:var(--d-text);font-size:15px;padding:5px 0;transition:color .2s,transform .35s var(--ease)}


.rh2026 .f-grid a:hover{color:#fff;transform:translateX(5px)}


.rh2026 .f-meta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:22px 0;border-top:1px solid var(--d-line);border-bottom:1px solid var(--d-line)}


.rh2026 .f-tb{display:flex;gap:56px;margin:0}


.rh2026 .f-tb div{display:grid;gap:5px}


.rh2026 .f-tb dd{margin:0;font-size:14px;color:var(--d-paper);font-variant-numeric:tabular-nums}


.rh2026 .f-up{text-decoration:none;color:var(--d-mute);transition:color .2s;white-space:nowrap}


.rh2026 .f-up:hover{color:#fff}


.rh2026 .f-mark{display:flex;justify-content:space-between;font-weight:400;font-size:clamp(40px,10.3vw,148px);line-height:1;color:#2C2823;padding:64px 0 44px;user-select:none;letter-spacing:0;transition:color .6s}


.rh2026 .f-mark:hover{color:#3B352F}


.rh2026 .js .f-mark span{opacity:0;transform:translateY(.22em);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i)*.06s)}


.rh2026 .js .f-mark.in span{opacity:1;transform:none}


.rh2026 .f-bottom{padding-top:20px;border-top:1px solid var(--d-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}


@media (max-width:1199px){.rh2026 .f-top{grid-template-columns:1fr;gap:48px;margin-bottom:56px}
.rh2026 .f-grid{grid-template-columns:repeat(4,1fr)}
.rh2026 .f-meta{flex-direction:column;align-items:flex-start;gap:20px}
.rh2026 .f-tb{flex-wrap:wrap;gap:20px 40px}}


@media (max-width:767px){.rh2026 footer{padding-top:72px}
.rh2026 .f-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
.rh2026 .f-mark{padding:40px 0 28px}}




/* ---------- ≤1199 ---------- */


@media (max-width:1199px){

 
 
.rh2026{--header:64px;--gut:28px}


 
 
.rh2026 .sec{padding:96px 0}


 
 
.rh2026 .hd-nav,.rh2026 .hd-btn,.rh2026 .menus{display:none}


 
 
.rh2026 .hd-menu{display:inline-flex;align-items:center}


 
 
.rh2026 .facts{grid-template-columns:1fr 1fr}


 
 
.rh2026 .facts li:nth-child(3){border-left:0;padding-left:0}


 
 
.rh2026 .facts li:nth-child(3)::before{left:0}


 
 
.rh2026 .facts li:nth-child(n+3){border-top:1px solid var(--line)}


 
 
.rh2026 .pov-grid{grid-template-columns:1fr;gap:0}


 
 
.rh2026 .pov-fig{display:none}


 
 
.rh2026 .pov-item{min-height:0;padding:56px 0;border-top:1px solid var(--d-line)}


 
 
.rh2026 .js .pov-item{opacity:1}


 
 
.rh2026 .pov-inline{display:block;margin:36px 0 0;max-width:420px}


 
 
.rh2026 .pov-inline .img-clip{aspect-ratio:4/5}


 
 
.rh2026 .pov-inline figcaption{padding:12px 0;border-bottom:1px solid var(--d-line)}


 
 
.rh2026 .cols4{grid-template-columns:1fr 1fr}


 
 
.rh2026 .col:nth-child(3){border-left:0;padding-left:0}


 
 
.rh2026 .col:nth-child(n+3){border-top:1px solid var(--line)}


 
 
.rh2026 .send-grid{grid-template-columns:1fr;gap:48px}


 
 
.rh2026 .send-copy{position:static}


 
 
.rh2026 .f-top{grid-template-columns:1fr;gap:20px}

}


/* ---------- ≤767 ---------- */


@media (max-width:767px){

 
 
.rh2026{--gut:20px}


 
 
.rh2026{font-size:16px}


 
 
.rh2026 .sec{padding:72px 0}


 
 
.rh2026 .tb{margin-bottom:44px}


 
 
.rh2026 .sec-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}


 
 
.rh2026 .lead{font-size:18px}


 
 
.rh2026 .d{display:none}


 
 
.rh2026 .hero{padding-top:36px}


 
 
.rh2026 h1{font-size:clamp(44px,12.5vw,60px)}


 
 
.rh2026 .ln{display:inline;overflow:visible;padding:0;margin:0}


 
 
.rh2026 .ln>span{display:inline}


 
 
.rh2026 .js .ln>span{transform:none;transition:none}


 
 
.rh2026 .js h1{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease),transform 1s var(--ease)}


 
 
.rh2026 .js .loaded h1{opacity:1;transform:none}


 
 
.rh2026 .hero-row{grid-template-columns:1fr;gap:28px;margin:32px 0 40px}


 
 
.rh2026 .hero-cta{justify-content:flex-start;flex-wrap:wrap;gap:16px 28px}


 
 
.rh2026 .hero-fig .img-clip.slides{aspect-ratio:4/3}


 
 
.rh2026 .cap{flex-wrap:wrap;gap:10px 16px}


 
 
.rh2026 .slide-nav{margin:0;order:3;width:100%}


 
 
.rh2026 .cap{flex-direction:column;gap:6px}


 
 
.rh2026 .facts{grid-template-columns:1fr}


 
 
.rh2026 .facts li{padding:18px 0!important;border-left:0!important}


 
 
.rh2026 .facts li+li{border-top:1px solid var(--line)}


 
 
.rh2026 .panels{grid-template-columns:1fr;gap:56px}


 
 
.rh2026 .cats{grid-template-columns:1fr}


 
 
.rh2026 .trade{grid-template-columns:1fr;gap:24px;margin-top:64px}


 
 
.rh2026 .trade-actions{justify-content:flex-start}


 
 
.rh2026 .trade-actions .btn{width:100%;justify-content:center}


 
 
.rh2026 .h-state{font-size:clamp(36px,10.5vw,48px)}


 
 
.rh2026 .pov-item p{font-size:17px}


 
 
.rh2026 .cases{grid-template-columns:1fr;gap:48px}


 
 
.rh2026 .h-narrow{max-width:none;margin-bottom:40px}


 
 
.rh2026 .cols4{grid-template-columns:1fr}


 
 
.rh2026 .col{padding:28px 0!important;border-left:0!important}


 
 
.rh2026 .col+.col{border-top:1px solid var(--line)}


 
 
.rh2026 .col .mono{margin-bottom:22px}


 
 
.rh2026 .form-card{padding:24px 18px}


 
 
.rh2026 .row2,.rh2026 .tiles{grid-template-columns:1fr}


 
 
.rh2026 .drop{flex-direction:column;align-items:flex-start}


 
 
.rh2026 .send-list li{grid-template-columns:1fr;gap:6px}


 
 
.rh2026 .f-grid{grid-template-columns:1fr 1fr}

}


@media (max-width:360px){.rh2026{--gut:16px}
.rh2026 h1{font-size:42px}}




/* category list with thumbnails */


.rh2026 .cat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}


.rh2026 .cl{border-top:1px solid var(--line);margin:0 0 30px}


.rh2026 .cl li{border-bottom:1px solid var(--line)}


.rh2026 .cl-a{display:grid;grid-template-columns:76px 2.2ch 1fr auto;gap:0 16px;align-items:center;padding:11px 0;text-decoration:none}


.rh2026 .cl-img{display:block;width:76px;height:57px;overflow:hidden;background:var(--paper-2)}


.rh2026 .cl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}


.rh2026 .cl-t{display:grid;gap:1px}


.rh2026 .cl-t b{font-weight:600;font-size:17px;letter-spacing:-.01em;transition:color .2s}


.rh2026 .cl-t small{font-size:13.5px;color:var(--mute)}


.rh2026 .cl-a .go{color:var(--mute);padding-right:4px;transition:transform .3s var(--ease),color .2s}


.rh2026 .cl-a:hover .cl-t b,.rh2026 .cl-a:hover .go{color:var(--rust)}


.rh2026 .cl-a:hover .go{transform:translateX(4px)}


.rh2026 .cl-a:hover .cl-img img{transform:scale(1.06)}




/* process strip */


.rh2026 .flow{margin-top:104px;padding-top:28px;border-top:1px solid var(--d-line-2)}


.rh2026 .flow-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px}


.rh2026 .flow-head .tlink{font-size:15px}


.rh2026 .steps6{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}


.rh2026 .steps6 li{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--d-line-2);padding-top:14px}


.rh2026 .stp-art{display:block;margin:12px 0 14px;max-width:106px;color:var(--d-paper)}


.rh2026 .stp-art svg{width:100%;height:auto;display:block;opacity:.94;stroke-width:1.7}


.rh2026 .stp-art .r{stroke:var(--rust-l)}


.rh2026 .steps6 b{font-weight:600;font-size:16px;line-height:1.25;letter-spacing:-.01em}


.rh2026 .steps6 small{font-size:13.5px;line-height:1.45;color:var(--d-mute)}




/* client notes */


.rh2026 .notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2)}


.rh2026 .note{margin:0;padding:36px 36px 40px 0;display:flex;flex-direction:column;gap:18px}


.rh2026 .note+.note{border-left:1px solid var(--line);padding-left:36px}


.rh2026 .note .qm{font-size:56px;line-height:.55;color:var(--rust);font-weight:600;letter-spacing:-.05em}


.rh2026 .note blockquote{margin:0;font-size:19px;line-height:1.5;letter-spacing:-.005em;flex:1}


.rh2026 .note figcaption{padding-top:18px;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:2px 14px;align-items:center}


.rh2026 .note .av{grid-row:1/3;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:500 12px var(--mono);letter-spacing:.06em}


.rh2026 .note figcaption b{font-weight:600;font-size:15px}


.rh2026 .note figcaption .mono{font-size:10.5px;letter-spacing:.1em}




/* confirm cards */


.rh2026 .ccards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}


.rh2026 .ccard{display:flex;flex-direction:column;gap:14px;padding:28px 28px 30px;border:1px solid var(--line-2);border-radius:2px;background:var(--paper);text-decoration:none;min-height:330px;transition:transform .45s var(--ease),background .3s,color .3s,border-color .3s}


.rh2026 .ccard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}


.rh2026 .ccard .ico{width:46px;height:46px;border:1px solid var(--line-2);border-radius:2px;display:grid;place-items:center;color:var(--rust);transition:border-color .3s,color .3s}


.rh2026 .ccard .ico svg{width:22px;height:22px}


.rh2026 .ccard h3{font-size:22px}


.rh2026 .ccard p{font-size:15px;line-height:1.5;color:var(--ink-2);transition:color .3s}


.rh2026 .ccard .go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:15px;padding-top:10px}


.rh2026 .ccard .go::after{content:"→";transition:transform .3s var(--ease)}


.rh2026 .ccard:hover{transform:translateY(-5px);background:var(--ink);color:var(--paper);border-color:var(--ink)}


.rh2026 .ccard:hover p{color:var(--d-text)}


.rh2026 .ccard:hover .ico{border-color:var(--d-line-2);color:var(--rust-l)}


.rh2026 .ccard:hover .mono{color:var(--d-mute)}


.rh2026 .ccard:hover .go::after{transform:translateX(5px)}




/* send checks */


.rh2026 .send-checks{margin-top:36px;display:grid;gap:12px}


.rh2026 .send-checks li{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;font-size:16px;color:var(--d-text)}


.rh2026 .send-checks .ck{width:22px;height:22px;border:1px solid var(--d-line-2);border-radius:2px;display:grid;place-items:center;color:var(--rust-l);margin-top:2px}


.rh2026 .send-checks .ck svg{width:13px;height:13px;stroke-width:2.5}




@media (max-width:1199px){

 
 
.rh2026 .steps6{grid-template-columns:repeat(3,1fr);gap:36px 24px}


 
 
.rh2026 .notes{grid-template-columns:1fr}


 
 
.rh2026 .note{padding:28px 0 32px}


 
 
.rh2026 .note+.note{border-left:0;padding-left:0;border-top:1px solid var(--line)}


 
 
.rh2026 .ccards{grid-template-columns:1fr 1fr}

}


@media (max-width:767px){

 
 
.rh2026 .facts li{gap:10px}


 
 
.rh2026 .facts li::before{left:0!important}


 
 
.rh2026 .facts b{font-size:24px}


 
 
.rh2026 .cl-a{grid-template-columns:64px 1fr auto;gap:0 12px}


 
 
.rh2026 .cl-a .mono{display:none}


 
 
.rh2026 .cl-img{width:64px;height:48px}


 
 
.rh2026 .cl-t b{font-size:16px}
.rh2026 .cl-t small{font-size:12.5px}


 
 
.rh2026 .cat-actions .btn{width:100%;justify-content:center}


 
 
.rh2026 .flow{margin-top:72px}


 
 
.rh2026 .flow-head{flex-direction:column;align-items:flex-start;gap:8px}


 
 
.rh2026 .steps6{grid-template-columns:1fr 1fr;gap:28px 16px}


 
 
.rh2026 .stp-art{max-width:86px}


 
 
.rh2026 .ccards{grid-template-columns:1fr}


 
 
.rh2026 .ccard{min-height:0;padding:24px 22px}

}




/* ===== navigation ===== */


.rh2026 .hd-nav{margin-left:auto;display:flex;gap:4px;height:100%}


.rh2026 .ni{position:relative;display:flex;align-items:center;height:var(--header)}


.rh2026 .ni-link{font-size:16px;font-weight:500;text-decoration:none;color:inherit;padding:8px 4px 8px 12px;opacity:.82;transition:opacity .2s;white-space:nowrap}


.rh2026 .ni-link.solo{padding:8px 14px;display:flex;align-items:center;height:var(--header)}


.rh2026 .ni-link:hover,.rh2026 .ni.open .ni-link{opacity:1}


.rh2026 .ni-btn{width:30px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;opacity:.65;padding:0;margin-right:6px;border-radius:2px}


.rh2026 .ni-btn:hover,.rh2026 .ni.open .ni-btn{opacity:1}


.rh2026 .ni-btn svg{width:12px;height:12px;transition:transform .25s var(--ease)}


.rh2026 .ni.open .ni-btn svg{transform:rotate(180deg)}


.rh2026 .ni.open::before{content:"";position:absolute;left:12px;right:36px;bottom:0;height:2px;background:var(--rust)}


.rh2026 .menus{position:absolute;left:0;right:0;top:100%;z-index:41}


.rh2026 .mega,.rh2026 .pop{position:absolute;top:0;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line-2);box-shadow:0 40px 60px -40px rgba(18,17,16,.4);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s var(--ease),transform .3s var(--ease),visibility 0s .3s}


.rh2026 .mega{left:0;right:0;border-top:1px solid var(--line)}


.rh2026 .pop{width:360px;padding:24px 28px 28px;border-top:1px solid var(--line)}


.rh2026 .pop.wide{width:660px}


.rh2026 .mega.is-open,.rh2026 .pop.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease),transform .3s var(--ease),visibility 0s}


.rh2026 .mega-in{display:grid;gap:40px;padding:36px 0 30px}


.rh2026 .mega-in.cab{grid-template-columns:1.05fr 1fr 1.15fr;max-width:1000px}


.rh2026 .mega-in.fur{grid-template-columns:repeat(4,1fr)}


.rh2026 .mcol .mono{display:block;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}


.rh2026 .ml{display:flex;flex-direction:column;justify-content:center;gap:1px;text-decoration:none;padding:8px 0;min-height:44px}


.rh2026 .ml b{font-weight:500;font-size:16px;line-height:1.3;transition:color .2s}


.rh2026 .ml small{font-size:13px;line-height:1.35;color:var(--mute)}


.rh2026 .ml:hover b{color:var(--rust)}


.rh2026 .ml.sub{min-height:38px;padding:6px 0}


.rh2026 .ml.sub b{font-weight:400;font-size:15px;color:var(--ink-2)}


.rh2026 .mdiv{height:1px;background:var(--line);margin:12px 0}


.rh2026 .mcta{background:var(--paper-2);padding:22px 24px 24px;border-radius:2px;display:flex;flex-direction:column;gap:12px;align-self:start}


.rh2026 .mcta .img-clip{aspect-ratio:5/3;margin-bottom:4px}


.rh2026 .mcta b{font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.25}


.rh2026 .mcta p{font-size:14px;line-height:1.5;color:var(--ink-2)}


.rh2026 .mcta .tlink{font-size:15px}


.rh2026 .mfoot{border-top:1px solid var(--line);padding:14px 0 22px}


.rh2026 .mstrip{border-top:1px solid var(--line);padding:22px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}


.rh2026 .mstrip b{display:block;font-weight:600;font-size:16px}


.rh2026 .mstrip span{font-size:14px;color:var(--mute)}


.rh2026 .mstrip-links{display:flex;gap:30px}


.rh2026 .pop .ml{padding:9px 0}


.rh2026 .pop-q{display:block;font-weight:600;font-size:16px;margin:2px 0 4px}


.rh2026 .pop-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}


.rh2026 .pop-note{font-size:14px;color:var(--mute);margin-top:2px}




@media (max-width:1199px){.rh2026 .hd-nav,.rh2026 .menus{display:none}}




/* ===== mobile menu ===== */


.rh2026 .mm{display:none}


.rh2026 .mm.open{display:flex;flex-direction:column;position:fixed;inset:0;z-index:39;background:var(--ink);color:var(--d-paper)}


.rh2026 .mm-list{flex:1;overflow:auto;padding:calc(var(--header) + 40px) var(--gut) 24px;-webkit-overflow-scrolling:touch}


.rh2026 .mm-d{border-bottom:1px solid var(--d-line)}


.rh2026 .mm-d summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:26px;font-weight:600;letter-spacing:-.02em;padding:18px 0;cursor:pointer}


.rh2026 .mm-d summary::-webkit-details-marker{display:none}


.rh2026 .mm-d summary::after{content:"+";font-weight:400;font-size:28px;line-height:1;color:var(--d-mute)}


.rh2026 .mm-d[open] summary::after{content:"–"}


.rh2026 .mm-p{padding:0 0 18px;display:grid;gap:0}


.rh2026 .mm-p .mono{margin:12px 0 4px}


.rh2026 .mm-p a{font-size:17px;color:var(--d-text);text-decoration:none;padding:9px 0;display:block;border:0}


.rh2026 .mm-p a.mm-all{color:var(--d-paper);font-weight:500;margin-top:6px}


.rh2026 .mm-a{display:flex;justify-content:space-between;align-items:center;font-size:26px;font-weight:600;letter-spacing:-.02em;padding:18px 0;border-bottom:1px solid var(--d-line);text-decoration:none}


.rh2026 .mm-a::after{content:"→";font-weight:400;color:var(--d-mute)}


.rh2026 .mm-a.small{font-size:17px;font-weight:500;padding:14px 0}


.rh2026 .mm-foot{padding:14px var(--gut) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--d-line);background:var(--ink)}


.rh2026 .mm-foot .btn{width:100%;justify-content:center}




/* ===== projects: fewer lines ===== */


.rh2026 .case-cap{border-bottom:0;padding:14px 0 8px;margin-bottom:0}


.rh2026 .sec-head .tlink{margin-top:16px;font-size:15px}




/* ===== compact form ===== */


.rh2026 .send-grid{grid-template-columns:1fr 1fr;gap:64px}


.rh2026 .form-card{padding:36px}


.rh2026 .field{margin-bottom:20px}


.rh2026 fieldset{margin:0 0 20px}


.rh2026 .field>label,.rh2026 .field legend{font-size:13.5px;margin-bottom:7px}


.rh2026 .help{font-size:11.5px;margin-top:6px}


.rh2026 input[type=text],.rh2026 input[type=email],.rh2026 input[type=tel],.rh2026 select{height:52px;font-size:16px;padding:0 16px}


.rh2026 textarea{min-height:150px;font-size:16px;padding:14px 16px}


.rh2026 .tiles{gap:10px}


.rh2026 .tile span{height:52px;padding:0 16px;font-size:16px}


.rh2026 .drop{padding:12px 16px;min-height:50px;display:flex;align-items:center}


.rh2026 .drop p{font-size:14px;line-height:1.45}


.rh2026 .drop-btn{font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}


.rh2026 .drop-btn:hover{color:var(--rust)}


.rh2026 details.more{margin-bottom:18px;padding-top:8px}


.rh2026 details.more summary{height:40px}


.rh2026 .submit .btn{height:56px;font-size:16px}


.rh2026 .privacy{margin-top:12px}


@media (max-width:1199px){.rh2026 .send-grid{grid-template-columns:1fr;gap:48px}}


@media (max-width:767px){.rh2026 .form-card{padding:22px 18px}}




/* Short laptop screens: keep the core request form inside one viewport. */


@media (min-width:768px) and (max-height:1000px){

 
 
.rh2026 #send .form-card{padding:32px}


 
 
.rh2026 .js #send #rq{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "summary summary"
      "product product"
      "destination destination"
      "need reply"
      "need contact"
      "files files"
      "more submit"
      "privacy privacy";
    gap:18px 20px;
    align-items:start;
  }


 
 
.rh2026 .js #send #rq>*{min-width:0}


 
 
.rh2026 .js #send #rq>.field,.rh2026 .js #send #rq>fieldset,.rh2026 .js #send #rq>.row2>.field,.rh2026 .js #send #rq>details.more{margin-bottom:0}


 
 
.rh2026 .js #send #summary{grid-area:summary;margin-bottom:0}


 
 
.rh2026 .js #send #f-product{grid-area:product}


 
 
.rh2026 .js #send #rq>.row2{grid-area:destination}


 
 
.rh2026 .js #send #f-need{grid-area:need;display:flex;flex-direction:column;align-self:stretch}


 
 
.rh2026 .js #send #f-need textarea{flex:1;min-height:150px}


 
 
.rh2026 .js #send #f-reply{grid-area:reply}


 
 
.rh2026 .js #send #f-email,.rh2026 .js #send #f-wa{grid-area:contact}


 
 
.rh2026 .js #send #f-files{grid-area:files}


 
 
.rh2026 .js #send details.more{grid-area:more}


 
 
.rh2026 .js #send .submit{grid-area:submit;align-self:end}


 
 
.rh2026 .js #send .privacy{grid-area:privacy;margin-top:0}


 
 
.rh2026 .js #send .field>label,.rh2026 .js #send .field legend{margin-bottom:8px;font-size:14px}


 
 
.rh2026 .js #send input[type=text],.rh2026 .js #send input[type=email],.rh2026 .js #send input[type=tel],.rh2026 .js #send select{height:50px;font-size:16px}


 
 
.rh2026 .js #send textarea{font-size:16px}


 
 
.rh2026 .js #send .tile span{height:50px}


 
 
.rh2026 .js #send .help,.rh2026 .js #send .err{margin-top:4px}


 
 
.rh2026 .js #send #f-files>.help{display:none}


 
 
.rh2026 .js #send .drop{padding:12px 16px;min-height:52px}


 
 
.rh2026 .js #send details.more{padding-top:4px}


 
 
.rh2026 .js #send details.more summary{height:50px}


 
 
.rh2026 .js #send .submit .btn{height:56px}

}




/* ===== sketch icons (send section) ===== */


.rh2026 .sk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}


.rh2026 .sk{margin:0}


.rh2026 .sk svg{width:100%;max-width:128px;height:auto;display:block;color:var(--d-paper);opacity:.94}


.rh2026 .sk .r{stroke:var(--rust-l)}


.rh2026 .sk .m{fill:var(--d-mute)}


.rh2026 .sk .rt{fill:var(--rust-l)}


.rh2026 .sk figcaption{margin-top:12px;display:grid;gap:5px}


.rh2026 .sk figcaption b{font-weight:600;font-size:15px;line-height:1.3;letter-spacing:-.01em;color:var(--d-paper)}


.rh2026 .sk-note{margin-top:32px}


@media (max-width:767px){.rh2026 .sk-row{grid-template-columns:1fr;gap:18px;margin-top:32px}
.rh2026 .sk{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center}
.rh2026 .sk figcaption{margin-top:0}}




/* ===== dropdown polish ===== */


.rh2026 .mcol .mono{position:relative;padding-top:12px;border-bottom:0;margin-bottom:8px}


.rh2026 .mcol .mono::before{content:"";position:absolute;left:0;top:0;width:20px;height:2px;background:var(--rust)}


.rh2026 .ml.has-img{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:1px;align-items:center;padding:7px 0}


.rh2026 .ml.has-img .ml-img{grid-row:1/3;width:52px;height:39px;overflow:hidden;background:var(--paper-2)}


.rh2026 .ml.has-img .ml-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}


.rh2026 .ml.has-img:hover .ml-img img{transform:scale(1.06)}


.rh2026 .mcta-art{display:block;margin:-6px 0 4px;max-width:150px;color:var(--ink)}


.rh2026 .mcta-art svg{width:100%;height:auto;display:block}


.rh2026 .mcta .sk .r{stroke:var(--rust)}


.rh2026 .mcta .sk .rt{fill:var(--rust)}


.rh2026 .mstrip{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center}


.rh2026 .mstrip-art{display:block;color:var(--ink)}


.rh2026 .mstrip-art svg{width:100%;height:auto;display:block}


.rh2026 .mstrip .sk .r{stroke:var(--rust)}
.rh2026 .mstrip .sk .rt{fill:var(--rust)}


.rh2026 .mcta .sk svg,.rh2026 .mstrip .sk svg{color:var(--ink);opacity:1}


/* sketch draw-in is driven by JS (drawIn); static fallback keeps the final state */


.rh2026 .js .sk [pathLength],.rh2026 .js .stp [pathLength]{stroke-dasharray:1;stroke-dashoffset:1}


.rh2026 .js .sk.in [pathLength],.rh2026 .js .stp.in [pathLength]{stroke-dashoffset:0}




/* ===== process icon motion (after the draw-in) ===== */


.rh2026 .stp-art g{transform-box:fill-box;transform-origin:center}


.rh2026 .js .stp.in .a-arrow{animation:nudge 2.6s ease-in-out 1.8s infinite}


.rh2026 .js .stp.in .a-lens{animation:sway 4s ease-in-out 1.8s infinite}


.rh2026 .js .stp.in .a-swatch{transform-origin:0% 100%;animation:fan 4.2s ease-in-out 1.8s infinite}


.rh2026 .js .stp.in .a-pulse{animation:pulse-o 3s ease-in-out 1.8s infinite}


.rh2026 .js .stp.in .a-badge{animation:stamp 3.6s ease-in-out 1.8s infinite}


.rh2026 .js .stp.in .a-crate{animation:slide-x 3.4s ease-in-out 1.8s infinite}


@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}


@keyframes sway{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}


@keyframes fan{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}


@keyframes pulse-o{0%,100%{opacity:1}50%{opacity:.35}}


@keyframes stamp{0%,88%,100%{transform:scale(1)}92%{transform:scale(1.18)}}


@keyframes slide-x{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}


.rh2026 .stp:hover .stp-art{color:#fff}


@media (prefers-reduced-motion:reduce){.rh2026 .stp-art g{animation:none!important}}




/* ===== v6: projects dl, light how-it-works, quote row ===== */


.rh2026 .case-dl{margin:0 0 16px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;line-height:1.5;border-top:1px solid var(--line);padding-top:12px}


.rh2026 .case-dl dt{color:var(--mute)}


.rh2026 .case-dl dd{margin:0;color:var(--ink-2)}


.rh2026 .how-lite .steps6{margin-bottom:96px}


.rh2026 .how-lite .steps6 li{border-color:var(--line-2)}


.rh2026 .how-lite .stp-art{color:var(--ink)}


.rh2026 .how-lite .stp-art .r{stroke:var(--rust)}


.rh2026 .how-lite .steps6 small{color:var(--mute)}


.rh2026 .how-lite .stp:hover .stp-art{color:var(--ink)}


.rh2026 .quote-row{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}


.rh2026 .quote-copy>.mono{display:block;margin-bottom:18px}


.rh2026 .quote-copy h3{font-size:clamp(24px,2.4vw,32px);margin-bottom:20px}


.rh2026 .qlist{margin:0 0 20px;border-top:1px solid var(--line-2)}


.rh2026 .qlist li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16.5px;display:grid;grid-template-columns:22px 1fr;gap:10px}


.rh2026 .qlist li::before{content:"";width:12px;height:12px;border:1px solid var(--rust);border-radius:2px;margin-top:6px}


.rh2026 .quote-copy .small{margin-bottom:18px;max-width:48ch}


.rh2026 .sheet-card{background:#fff;border:1px solid var(--line-2);border-radius:2px;padding:28px}


.rh2026 .sheet-card .sheet{position:static;padding:0;background:transparent;display:flex;flex-direction:column;gap:22px}


.rh2026 .js .sheet-card.in .sheet-t tbody tr{animation:rowIn .7s var(--ease) both;animation-delay:calc(var(--i)*.09s + .2s)}


.rh2026 .confirm-row{margin-top:72px;padding-top:22px;border-top:1px solid var(--line-2);display:flex;flex-wrap:wrap;align-items:center;gap:10px 36px}


.rh2026 .confirm-row .mono{margin-right:auto}


.rh2026 .confirm-row .tlink{font-size:15px}


@media (max-width:1199px){.rh2026 .quote-row{grid-template-columns:1fr;gap:40px}}


@media (max-width:767px){.rh2026 .how-lite .steps6{margin-bottom:64px}
.rh2026 .confirm-row{flex-direction:column;align-items:flex-start;gap:6px}
.rh2026 .confirm-row .mono{margin:0 0 8px}
.rh2026 .sheet-card{padding:18px}}




/* ===== v6: premium menus ===== */


.rh2026 .mega-x{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:56px;padding:52px 0 58px;align-items:start}


.rh2026 .mega-x.fur{grid-template-columns:1.5fr 1fr 1fr 1fr .9fr}


.rh2026 .mx-head h3{font-size:clamp(30px,2.6vw,40px);margin-bottom:14px;letter-spacing:-.025em}


.rh2026 .mx-head p{font-size:15.5px;line-height:1.5;color:var(--ink-2);max-width:32ch;margin-bottom:22px}


.rh2026 .mx-head .tlink{display:flex;font-size:15px;margin-top:2px}


.rh2026 .mx-col .mono{display:block;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line)}


.rh2026 .mx-l{display:block;text-decoration:none;font-size:17px;font-weight:500;line-height:1.3;padding:11px 0;transition:color .2s,transform .3s var(--ease)}


.rh2026 .mx-l:hover{color:var(--rust);transform:translateX(4px)}


.rh2026 .mx-l.sub{font-weight:400;color:var(--ink-2);font-size:16px}


.rh2026 .mx-gap{display:block;height:1px;background:var(--line);margin:12px 0}


.rh2026 .mx-cta{display:flex;flex-direction:column;gap:14px}


.rh2026 .mx-cta .img-clip{aspect-ratio:4/3}


.rh2026 .mx-cta b{font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.3}


.rh2026 .pop{width:380px;padding:30px 34px 34px}


.rh2026 .pop.wide{width:720px}


.rh2026 .pop>.mono,.rh2026 .pop .mcol .mono{display:block;padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid var(--line)}


.rh2026 .pop .mcol .mono::before{display:none}


.rh2026 .pop .ml{padding:10px 0}


.rh2026 .pop .ml b{font-size:17px}


.rh2026 .pop .ml small{font-size:13.5px}


.rh2026 .pop-cols{gap:40px}



/* ===== Inner pages v3 — landing-page structure + motion system, on top of site.css =====
   hero → product strip → proof → three ways → (furniture: type filter) → what you receive → example → FAQ → form */
.rh2026 .sec{padding:64px 0}
.rh2026 h1,.rh2026 h2,.rh2026 h3{text-wrap:balance}
.rh2026 h2{font-size:clamp(28px,2.7vw,38px);line-height:1.15;letter-spacing:-.025em}
.rh2026 .small{font-size:14px}.rh2026 .muted{color:var(--mute)}
.ni.is-active::before{content:"";position:absolute;left:12px;right:36px;bottom:0;height:2px;background:var(--rust)}
.eyebrow-m{display:inline-block;font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin-bottom:12px}
.eyebrow-m.light{color:var(--rust-l)}

/* ================= motion system =================
   JS adds .is-in when an element enters the viewport. Hidden states only apply under .js,
   and everything is visible with reduced motion or when printing. */
.js [data-anim="fade"]{opacity:0;transition:opacity .6s var(--ease) var(--d,0ms)}
.js [data-anim="up"]{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease) var(--d,0ms),transform .7s var(--ease) var(--d,0ms)}
.js [data-anim="card"]{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .6s var(--ease) var(--d,0ms),transform .85s var(--ease) var(--d,0ms)}
.js [data-anim].is-in{opacity:1;transform:none}
.js [data-anim="stagger"]>*{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease) calc(var(--k,0)*70ms + var(--d,0ms)),transform .7s var(--ease) calc(var(--k,0)*70ms + var(--d,0ms))}
.js [data-anim="stagger"].is-in>*{opacity:1;transform:none}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.js [data-split] .wi{display:inline-block;transform:translateY(110%);transition:transform .75s var(--ease) calc(var(--wi,0)*38ms + var(--d,0ms))}
.js [data-split].is-in .wi{transform:none}
/* line icons draw themselves once their block is in view */
.js [data-anim] .draw path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s var(--ease) calc(var(--k,0)*90ms + var(--d,0ms) + 150ms)}
.js [data-anim].is-in .draw path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){
  .js [data-anim],.js [data-anim]>*,.js [data-split] .wi,.js [data-anim] *,.js [data-anim]::before,.js [data-anim]::after,.js [data-anim] *::before,.js [data-anim] *::after{transition:none!important;animation:none!important}
  .mp-screen img:first-child{opacity:1}
  .mp-fill{width:38%}
  .mp-ch span:first-child{color:#fff}
  .mv-bar i{width:45%}
  .js [data-anim],.js [data-anim="stagger"]>*{opacity:1!important;transform:none!important}
  .js [data-split] .wi{transform:none!important}
  .js [data-anim] .draw path{stroke-dashoffset:0!important}
}
@media print{.js [data-anim],.js [data-anim]>*,.js [data-split] .wi{opacity:1!important;transform:none!important}}

/* ================= breadcrumbs + hero ================= */
.crumbs{font-size:13px;color:var(--mute)}
.crumbs ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;justify-content:center}
.crumbs a{text-decoration:none;color:var(--ink-2)}
.crumbs a:hover{color:var(--rust)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line-2)}
.crumbs [aria-current]{color:var(--ink)}
.lp-hero .crumbs{color:var(--d-mute)}
.lp-hero .crumbs a{color:var(--d-text)}
.lp-hero .crumbs li+li::before{color:var(--d-line-2)}
.lp-hero .crumbs [aria-current]{color:var(--d-paper)}
.lp-hero{padding:22px 0 180px;text-align:center;position:relative;overflow:hidden}
.lp-hero::before{content:"";position:absolute;left:50%;top:-40%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:radial-gradient(circle,rgba(217,102,58,.10),transparent 62%);pointer-events:none}
.lp-hero-in{max-width:840px;margin:26px auto 0;position:relative}
.badge{display:inline-flex;align-items:center;gap:9px;font:500 11.5px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--d-text);border:1px solid var(--d-line-2);border-radius:2px;padding:7px 12px}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rust-l);animation:bdot 2.4s ease-out infinite}
@keyframes bdot{0%{box-shadow:0 0 0 0 rgba(217,102,58,.55)}70%{box-shadow:0 0 0 7px rgba(217,102,58,0)}100%{box-shadow:0 0 0 0 rgba(217,102,58,0)}}
.lp-hero h1{font-size:clamp(36px,3.9vw,54px);line-height:1.08;letter-spacing:-.03em;margin:22px 0 16px}
.lp-hero .lead{color:var(--d-text);max-width:64ch;margin:0 auto}
.lp-hero .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:26px}
.lp-hero .helper{font-size:14px;color:var(--d-mute);margin-top:16px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* rotating benefit line under the H1 */
.rot{font-size:clamp(20px,1.9vw,26px);line-height:1.3;font-weight:500;letter-spacing:-.015em;color:var(--d-text);margin:0 0 16px}
.rot-w{display:inline-block;position:relative;height:1.3em;vertical-align:top;overflow:hidden;color:var(--rust-l);text-align:left;transition:width .55s var(--ease)}
.rot-i{display:inline-block;position:relative;white-space:nowrap;vertical-align:top}
.js .rot-i{position:absolute;left:0;top:0;opacity:0;transform:translateY(95%);transition:transform .65s var(--ease),opacity .45s var(--ease)}
.js .rot-i.on{position:relative;opacity:1;transform:none}
.js .rot-i.out{opacity:0;transform:translateY(-95%)}
.no-js .rot-i+.rot-i{display:none}
.rot-i::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1.5px;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease) .3s}
.rot-i.on::after,.no-js .rot-i::after{transform:scaleX(1)}
.strip-wrap{position:relative;z-index:2;margin-top:-132px;scroll-margin-top:calc(var(--header) + 16px)}
.strip{display:grid;gap:20px}
.strip.four{grid-template-columns:repeat(4,1fr)}
.strip.eight{grid-template-columns:repeat(8,1fr);gap:16px}
.strip.three{grid-template-columns:2fr 1fr 1fr;gap:16px}
.strip>*{--d:420ms}
.stile{display:block;text-decoration:none}
.stile .img-clip{aspect-ratio:4/3;box-shadow:0 20px 40px -28px rgba(0,0,0,.55)}
.stile h3{font-size:19px;margin:14px 0 5px;transition:color .2s}
.stile p{font-size:14.5px;color:var(--ink-2);margin-bottom:8px}
.stile .go{display:block;font-weight:500;font-size:14.5px;color:var(--rust)}
.stile:hover h3{color:var(--rust)}
.ctile .img-clip{aspect-ratio:1/1}
.ctile b{display:flex;justify-content:space-between;gap:6px;font-weight:500;font-size:14.5px;line-height:1.25;margin-top:10px}
.ctile b::after{content:"→";color:var(--rust);flex:none;transition:transform .3s var(--ease)}
.ctile:hover b::after{transform:translateX(4px)}
.strip.three figure{margin:0}
.strip.three .img-clip{height:300px}
.strip.three figcaption{padding-top:10px}
.strip-note{margin-top:12px;font-size:13px;color:var(--mute)}
.related{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:10px 28px;flex-wrap:wrap;align-items:center;font-size:15px}
.related .tlink{font-size:15px}

/* ================= proof strip ================= */
.proof{padding:36px 0 0}
.proof-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
.proof-list li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 20px 18px 0;align-items:start}
.proof-list li+li{border-left:1px solid var(--line);padding-left:20px}
.proof-list li a{display:contents;text-decoration:none;color:inherit}
.proof-list .ico{width:40px;height:40px;color:var(--ink)}
.proof-list .ico svg{width:100%;height:100%;display:block}
.rh2026 .ico .r,.way-ico .r{stroke:var(--rust)}
.proof-list b{display:block;font-size:15px;line-height:1.3;margin-bottom:2px}
.proof-list .pd{display:block;font-size:13.5px;line-height:1.4;color:var(--mute)}
.proof-list li a:hover b{color:var(--rust)}
.recdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D03E2A;margin-left:8px;vertical-align:middle;position:relative;top:-1px;animation:recb 1.6s ease-in-out infinite}

/* ================= section heads ================= */
.sh{text-align:center;max-width:760px;margin:0 auto 40px}
.sh h2{margin-bottom:12px}
.sh p{color:var(--ink-2);font-size:17px}
.ways .sh p{color:var(--d-text)}
.sh-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.sh-row h2{margin-bottom:8px}
.sh-row p{color:var(--ink-2);max-width:62ch}
.sh-row .tlink{flex:none;font-size:15px}

/* ================= three ways (dark): what you send → what you get ================= */
.ways{background:var(--ink);color:var(--d-paper);padding:72px 0}
.way-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.way{--bg:#1B1917;--fg:var(--d-paper);--fg2:var(--d-text);--mu:var(--d-mute);--ln:var(--d-line);--ln2:rgba(237,232,223,.28);--chip:#25221F;--hl:rgba(217,102,58,.34);--acc:var(--rust-l);position:relative;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border:1px solid var(--ln);border-radius:6px;padding:24px 24px 26px;transition:border-color .3s,box-shadow .4s}
.way:hover{border-color:var(--ln2)}
.js .way.is-in{transition:opacity .6s var(--ease) var(--d,0ms),transform .5s var(--ease),border-color .3s,box-shadow .4s}
.js .way.is-in:hover{transform:translateY(-4px)}
.way.hot{--bg:var(--paper);--fg:var(--ink);--fg2:var(--ink-2);--mu:var(--mute);--ln:var(--line);--ln2:var(--line-2);--chip:#fff;--hl:rgba(217,102,58,.26);--acc:var(--rust);border-color:transparent;box-shadow:0 0 0 1px rgba(217,102,58,.55),0 44px 90px -46px rgba(217,102,58,.6)}
.way.hot::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--rust);border-radius:6px 6px 0 0;transform-origin:left;transition:transform .9s var(--ease) calc(var(--d,0ms) + 350ms)}
.js .way.hot:not(.is-in)::before{transform:scaleX(0)}
.way-top{display:flex;justify-content:space-between;align-items:center}
.tag{font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);padding:5px 8px;border-radius:2px}
.way .tag{border:0;padding:0;color:var(--mu)}
.way.hot .tag{color:var(--rust)}
.way-n{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--mu)}
.way-ico{width:30px;height:30px;color:var(--ink)}
.way-ico svg{width:100%;height:100%;display:block}
/* "you send": one file on a quiet panel, dropped in and ticked */
.way-tray{position:relative;margin:20px 0 22px;height:108px;padding:0 18px;border-radius:5px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:center;overflow:hidden}
.way.hot .way-tray{background:var(--paper-2)}
.way-tray::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 50% 0%,rgba(217,102,58,.14),transparent 70%);opacity:0;transition:opacity .8s var(--ease)}
.way:hover .way-tray::before{opacity:1}
.wf{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;max-width:260px;padding:10px 12px 10px 10px;background:var(--chip);border:1px solid var(--ln);border-radius:4px}
.wf-ext{width:28px;height:34px;display:grid;place-items:end center;padding-bottom:6px;font:600 8px/1 var(--mono);font-style:normal;letter-spacing:.04em;color:#fff;background:#4A4540;clip-path:polygon(0 0,68% 0,100% 24%,100% 100%,0 100%);border-radius:2px}
.way.hot .wf-ext{background:var(--ink-2)}
.wf-t{min-width:0;display:grid;gap:3px;text-align:left}
.wf-t b{font-weight:500;font-size:13.5px;line-height:1.2;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-t em{font:400 10.5px/1.3 var(--mono);font-style:normal;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-ok{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--acc);color:var(--acc);display:grid;place-items:center}
.wf-ok svg{width:10px;height:10px}
.js .way .wf{opacity:0;transform:translateY(-14px);transition:opacity .5s var(--ease) calc(var(--d,0ms) + 320ms),transform .7s cubic-bezier(.34,1.35,.64,1) calc(var(--d,0ms) + 320ms)}
.js .way.is-in .wf{opacity:1;transform:none}
.js .way .wf-ok{scale:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0ms) + 1000ms)}
.js .way.is-in .wf-ok{scale:1}
.js .way.is-in .way-tray{animation:trayok 1.4s var(--ease) calc(var(--d,0ms) + 1.1s) 1 backwards}
@keyframes trayok{0%,100%{box-shadow:inset 0 0 0 1px rgba(217,102,58,0)}35%{box-shadow:inset 0 0 0 1px rgba(217,102,58,.45),0 0 26px -10px rgba(217,102,58,.6)}}
.way:hover .wf-ext{animation:bob .9s ease-in-out infinite}
/* "you get": the result, highlighted */
.way h3{font-size:23px;line-height:1.15;color:var(--fg)}
.way-get{margin:14px 0 18px;padding-top:14px;border-top:1px solid var(--ln)}
.way-get .mono{display:block;font-size:10.5px;color:var(--acc);margin-bottom:7px}
.way-get p{margin:0;font-size:19px;line-height:1.32;font-weight:600;letter-spacing:-.012em;color:var(--fg)}
.way-get b{font-weight:inherit;background:linear-gradient(transparent 68%,var(--hl) 68%,var(--hl) 92%,transparent 92%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.js .way .way-get b{background-size:0% 100%;transition:background-size 1.1s var(--ease) calc(var(--d,0ms) + 950ms)}
.js .way.is-in .way-get b{background-size:100% 100%}
.ck{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:9px}
.ck li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14.5px;line-height:1.45;color:var(--fg2,var(--ink-2))}
.ck li::before{content:"";width:16px;height:16px;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5451B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.way:not(.hot) .ck li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9663A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}
.js .way .ck li{opacity:0;transform:translateX(-8px);transition:opacity .4s var(--ease) calc(var(--d,0ms) + 1100ms + var(--k,0)*80ms),transform .5s var(--ease) calc(var(--d,0ms) + 1100ms + var(--k,0)*80ms)}
.js .way.is-in .ck li{opacity:1;transform:none}
.way .btn{margin-top:auto;justify-content:center;width:100%}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.way:not(.hot) .btn.ghost{color:var(--d-paper);border-color:rgba(237,232,223,.38)}
.way:not(.hot) .btn.ghost:hover{background:var(--d-paper);color:var(--ink);border-color:var(--d-paper)}
.ways .note{margin:24px auto 0;font-size:13.5px;color:var(--d-mute);text-align:center;max-width:74ch}

/* ================= furniture: type filter + product cards ================= */
.ptabs-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ptabs{position:relative;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ptabs::-webkit-scrollbar{display:none}
.ptab{display:inline-flex;align-items:center;gap:9px;padding:12px 14px 15px;border:0;background:none;font:500 15px/1 var(--sans);color:var(--mute);cursor:pointer;white-space:nowrap;border-radius:3px 3px 0 0;transition:color .2s,background .2s}
.ptab:hover{color:var(--ink);background:rgba(18,17,16,.04)}
.ptab[aria-selected="true"]{color:var(--ink)}
.pti{width:20px;height:20px;display:inline-grid;place-items:center}
.pti svg{width:20px;height:20px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .2s}
.ptab[aria-selected="true"] .pti{color:var(--rust)}
.ptab[aria-selected="true"] .pti svg{transform:translateY(-3px) scale(1.12)}
.ptab:hover .pti svg{transform:translateY(-2px)}
.ptab-ind{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--rust);transition:transform .45s var(--ease),width .45s var(--ease)}
.no-js .ptabs-row{display:none}
.ptls{padding-bottom:13px;flex:none}
.ptl{display:flex;gap:6px 22px;flex-wrap:wrap;justify-content:flex-end}
.ptl[hidden]{display:none}
.ptl .tlink{font-size:14.5px}
.pgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.pc{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.pc[hidden]{display:none}
.pc-img{position:relative;aspect-ratio:1/1;border-radius:3px;background:#fff;box-shadow:0 1px 0 var(--line)}
.pc-img img{transition:transform 1s var(--ease)}
.pc:hover .pc-img img{transform:scale(1.05)}
.pc-cat{position:absolute;left:8px;top:8px;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:rgba(242,238,230,.95);color:var(--ink-2);padding:5px 7px;border-radius:2px}
.pc-name{font-weight:500;font-size:14.5px;line-height:1.32;margin:12px 0 4px;transition:color .2s}
.pc:hover .pc-name{color:var(--rust)}
.pc-spec{font-size:12.5px;color:var(--mute);margin-bottom:10px}
.pc-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:13px;color:var(--ink);transition:color .2s}
.pc-go svg{width:14px;height:14px;transition:transform .3s var(--ease)}
.pc:hover .pc-go{color:var(--rust)}
.pc:hover .pc-go svg{transform:translateX(4px)}
.pgrid.swap .pc:not([hidden]){opacity:0!important;transform:translateY(8px)!important;transition:opacity .16s ease,transform .16s ease!important}
.pc.enter{animation:pcIn .6s var(--ease) both;animation-delay:calc(var(--k,0)*55ms)}
@keyframes pcIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

/* ================= what you receive — every step on photo + video =================
   Each step card is a camera viewfinder: corner brackets lock on, a flash fires, the REC
   timecode runs, video bars play and a light glint passes over the mock every few seconds. */
.recv{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.rcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:6px;transition:border-color .25s,box-shadow .35s}
.js .rcard.is-in{transition:opacity .6s var(--ease) var(--d,0ms),transform .5s var(--ease),border-color .25s,box-shadow .35s}
.rcard:hover{border-color:var(--line-2);box-shadow:0 28px 56px -34px rgba(18,17,16,.4)}
.js .rcard.is-in:hover{transform:translateY(-4px)}
.rcard:not(:last-child)::after{content:"→";position:absolute;right:-28px;top:150px;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:var(--paper);border:1px solid rgba(181,69,27,.5);display:grid;place-items:center;font-size:14px;line-height:1;color:var(--rust);z-index:6;animation:node 3.2s ease-in-out infinite;animation-delay:calc(var(--d,0ms) + 1.8s)}
@keyframes node{0%,100%{box-shadow:0 0 0 0 rgba(217,102,58,0)}50%{box-shadow:0 0 0 5px rgba(217,102,58,.12),0 0 22px 2px rgba(217,102,58,.45)}}
.rcard-vis{position:relative;height:300px;display:grid;place-items:center;padding:42px 24px 24px;background:var(--paper-2) radial-gradient(rgba(18,17,16,.11) 1px,transparent 1.3px) 0 0/14px 14px;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;overflow:hidden;isolation:isolate}
.rcard-vis::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:34%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:translateX(-130%) skewX(-14deg);pointer-events:none;z-index:3;animation:sheen 7.5s ease-in-out infinite;animation-delay:calc(var(--d,0ms) + 2.6s)}
@keyframes sheen{0%{transform:translateX(-130%) skewX(-14deg)}20%,100%{transform:translateX(400%) skewX(-14deg)}}
/* viewfinder */
.vf{position:absolute;width:16px;height:16px;border:0 solid rgba(18,17,16,.5);z-index:4;pointer-events:none;transition:translate .35s var(--ease),border-color .3s}
.vf-tl{left:12px;top:12px;border-left-width:1.5px;border-top-width:1.5px;--vx:-9px;--vy:-9px}
.vf-tr{right:12px;top:12px;border-right-width:1.5px;border-top-width:1.5px;--vx:9px;--vy:-9px}
.vf-bl{left:12px;bottom:12px;border-left-width:1.5px;border-bottom-width:1.5px;--vx:-9px;--vy:9px}
.vf-br{right:12px;bottom:12px;border-right-width:1.5px;border-bottom-width:1.5px;--vx:9px;--vy:9px}
.js .rcard .vf{opacity:0}
.js .rcard.is-in .vf{opacity:1;animation:vfin .7s var(--ease) calc(var(--d,0ms) + 250ms) backwards}
@keyframes vfin{from{opacity:0;translate:var(--vx) var(--vy)}to{opacity:1;translate:0 0}}
.rcard:hover .vf{border-color:var(--rust)}
.rcard:hover .vf-tl{translate:4px 4px}.rcard:hover .vf-tr{translate:-4px 4px}.rcard:hover .vf-bl{translate:4px -4px}.rcard:hover .vf-br{translate:-4px -4px}
.rstep{position:absolute;left:36px;top:20px;z-index:4;font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--mute)}
.rec{position:absolute;right:34px;top:15px;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:2px;background:rgba(255,255,255,.82);box-shadow:0 0 0 1px var(--line);font:500 10px/1 var(--mono);letter-spacing:.1em;color:var(--ink-2)}
.rec i{width:7px;height:7px;border-radius:50%;background:#D03E2A;animation:recb 1.6s ease-in-out infinite}
@keyframes recb{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(208,62,42,.5)}50%{opacity:.35;box-shadow:0 0 0 4px rgba(208,62,42,0)}}
.tc{font-variant-numeric:tabular-nums}
.js .rcard .rec{opacity:0;transition:opacity .4s ease calc(var(--d,0ms) + 600ms)}
.js .rcard.is-in .rec{opacity:1}
.flash{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(110% 85% at 50% 42%,rgba(255,255,255,.96),rgba(255,255,255,.5) 45%,rgba(255,255,255,0) 78%);opacity:0}
.js .rcard.is-in .flash{animation:flash .8s ease-out calc(var(--d,0ms) + 900ms) 1 backwards}
@keyframes flash{0%{opacity:0}9%{opacity:.95}100%{opacity:0}}
.js .rcard:not(.is-in) .rcard-vis *,.js .rcard:not(.is-in) .rcard-vis::after,.js .rcard:not(.is-in) .mp-fill::after,.js .rcard:not(.is-in) .mp-play::after{animation-play-state:paused}
/* card body: stage, claim, and the photo + video confirmation that repeats on every step */
.rcard-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.rcard-body .mono{font-size:10.5px;color:var(--rust)}
.rcard-body h3{font-size:21px}
.rcard-body p{font-size:15px;color:var(--ink-2);margin-bottom:6px}
.conf{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 10px;padding:0;list-style:none}
.conf li{display:inline-flex;align-items:center;gap:7px;padding:6px 8px 6px 9px;border:1px solid rgba(181,69,27,.32);border-radius:3px;background:#FBF3EE;font-weight:500;font-size:13px;line-height:1;color:var(--ink)}
.conf li>svg{width:16px;height:16px;color:var(--rust);flex:none}
.cf-ok{width:15px;height:15px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center}
.cf-ok svg{width:9px;height:9px}
.js .rcard .conf li{opacity:0;translate:0 6px;transition:opacity .45s var(--ease) calc(var(--d,0ms) + 1050ms + var(--c,0)*150ms),translate .5s var(--ease) calc(var(--d,0ms) + 1050ms + var(--c,0)*150ms)}
.js .rcard.is-in .conf li{opacity:1;translate:0 0;animation:cglow 1.5s ease-out calc(var(--d,0ms) + 1500ms + var(--c,0)*150ms) 1 backwards}
@keyframes cglow{0%{box-shadow:0 0 0 0 rgba(217,102,58,0)}35%{box-shadow:0 0 0 4px rgba(217,102,58,.14),0 0 22px -2px rgba(217,102,58,.55)}100%{box-shadow:0 0 0 0 rgba(217,102,58,0)}}
.js .rcard .cf-ok{scale:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0ms) + 1350ms + var(--c,0)*150ms)}
.js .rcard.is-in .cf-ok{scale:1}
.rcard-body .tlink{font-size:15px;align-self:flex-start}
/* mini documents */
.mk-doc{position:relative;z-index:1;width:100%;max-width:330px;background:#fff;border:1px solid var(--line-2);border-radius:3px;padding:14px 16px;box-shadow:0 24px 44px -26px rgba(18,17,16,.5)}
.js .rcard .mk-doc,.js .rcard .mk-player{transform:translateY(14px) rotate(-.6deg);transition:transform .9s var(--ease) calc(var(--d,0ms) + 150ms)}
.js .rcard.is-in .mk-doc,.js .rcard.is-in .mk-player{transform:none}
.mk-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mk-head b{display:block;font-size:13.5px;line-height:1.2}
.mk-head span{display:block;font-size:11.5px;color:var(--mute)}
.mk-head.sm{justify-content:space-between}
.mk-tag{font:500 9.5px/1.4 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)!important;border:1px solid var(--rust);padding:2px 6px;border-radius:2px}
.mk-rows{margin:0;padding:0;list-style:none}
.mk-rows li{display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}
.mk-rows li:last-child{border:0;padding-bottom:2px}
.sw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:4px}
.sw-grid figure{margin:0;position:relative}
.sw-grid .img-clip{display:block;aspect-ratio:1/1;border-radius:2px}
.sw-grid figcaption{font:500 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:6px;text-align:center}
.sw-ok{position:absolute;right:-5px;top:-5px;width:18px;height:18px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.sw-ok svg{width:11px;height:11px}
.mk-vid{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding:6px 8px 6px 6px;border:1px solid var(--line);border-radius:3px;background:var(--paper)}
.mv-th{position:relative;display:block;width:54px;height:36px;border-radius:2px;overflow:hidden;background:#111}
.mv-th img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8}
.mv-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.mv-play svg{width:14px;height:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.mv-meta{display:grid;gap:6px;min-width:0}
.mv-meta b{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-bar{position:relative;display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}
.mv-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:var(--rust);animation:mvbar 6s linear infinite}
@keyframes mvbar{from{width:0}to{width:100%}}
.mv-t{font:500 10.5px/1 var(--mono);color:var(--mute)}
.mk-t{width:100%;border-collapse:collapse;font-size:12.5px}
.mk-t th{font:500 9.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left;padding:2px 0 6px;border-bottom:1px solid var(--line)}
.mk-t td{padding:7px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.mk-t th:nth-child(n+2),.mk-t td:nth-child(n+2){text-align:right;padding-left:8px;white-space:nowrap}
.mk-t td:nth-child(n+2){font:400 11px/1.55 var(--mono);color:var(--mute)}
.mk-t.q2 td{vertical-align:middle;padding:5px 0}
.mk-t.q2 td:nth-child(n+2){padding-left:8px}
.qi2{display:flex;align-items:center;gap:8px;min-width:0}
.qth{width:26px;height:26px;flex:none;border-radius:2px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.qth img{width:100%;height:100%;object-fit:cover;display:block}
.mk-t td.qm,.qm{white-space:nowrap;color:var(--rust)}
.qm svg{width:14px;height:14px;vertical-align:middle}
.qm svg+svg{margin-left:4px}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mk-chips span{font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rust);background:#F7E5DD;padding:5px 7px;border-radius:2px}
.mk-rows.pk li{grid-template-columns:56px minmax(0,1fr) auto 16px;gap:8px;padding:7px 0;font-size:12.5px}
.pk-n{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.pk-d{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-ok{width:16px;height:16px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center}
.pk-ok svg{width:10px;height:10px}
/* video player: frames cross-fade in step with the progress bar and chapter labels */
.mk-player{position:relative;z-index:1;width:100%;max-width:330px;background:#15130F;border-radius:6px;padding:7px 7px 9px;box-shadow:0 26px 48px -24px rgba(18,17,16,.65)}
.mp-screen{position:relative;display:block;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#000}
.mp-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:mpf 9s linear infinite;animation-delay:calc(var(--f,0)*3s - .3s)}
@keyframes mpf{0%{opacity:0;transform:scale(1.08)}3.5%{opacity:1}33%{opacity:1}36.5%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.mp-lab{position:absolute;left:8px;top:8px;font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.5);padding:4px 6px;border-radius:2px}
.mp-tag{position:absolute;right:8px;top:8px;font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.5);padding:3px 5px;border-radius:2px;background:rgba(0,0,0,.25)}
.mp-play{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 18px -6px rgba(0,0,0,.6)}
.mp-play svg{width:16px;height:16px;margin-left:2px}
.mp-play::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);animation:ring 1.9s ease-out infinite}
.mp-ctrl{display:block;padding:9px 3px 0}
.mp-bar{position:relative;display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.18)}
.mp-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:var(--rust-l);animation:mpbar 9s linear infinite}
.mp-fill::after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(217,102,58,.85)}
@keyframes mpbar{from{width:0}to{width:100%}}
.mp-ch{display:grid;grid-template-columns:repeat(3,1fr);margin-top:8px}
.mp-ch span{font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.42);animation:mpch 9s linear infinite;animation-delay:calc(var(--f,0)*3s)}
.mp-ch span:nth-child(2){text-align:center}.mp-ch span:nth-child(3){text-align:right}
@keyframes mpch{0%,33%{color:#fff}34%,100%{color:rgba(255,255,255,.42)}}
/* staged reveal inside the mocks */
.js .rcard .mk-rows li,.js .rcard .mk-t tbody tr,.js .rcard .sw-grid figure,.js .rcard .mk-chips span,.js .rcard .mk-vid{opacity:0;transition:opacity .45s var(--ease) calc(var(--d,0ms) + 450ms + var(--r,0)*130ms)}
.js .rcard .mk-rows li,.js .rcard .sw-grid figure,.js .rcard .mk-vid{transform:translateY(8px);transition:opacity .45s var(--ease) calc(var(--d,0ms) + 450ms + var(--r,0)*130ms),transform .55s var(--ease) calc(var(--d,0ms) + 450ms + var(--r,0)*130ms)}
.js .rcard .mk-chips span:nth-child(1){--r:3}.js .rcard .mk-chips span:nth-child(2){--r:4}.js .rcard .mk-chips span:nth-child(3){--r:5}
.js .rcard.is-in .mk-rows li,.js .rcard.is-in .mk-t tbody tr,.js .rcard.is-in .sw-grid figure,.js .rcard.is-in .mk-chips span,.js .rcard.is-in .mk-vid{opacity:1;transform:none}
.js .rcard .sw-ok,.js .rcard .pk-ok{scale:.4;opacity:0;transition:scale .5s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0ms) + 650ms + var(--r,0)*130ms),opacity .3s ease calc(var(--d,0ms) + 650ms + var(--r,0)*130ms)}
.js .rcard.is-in .sw-ok,.js .rcard.is-in .pk-ok{scale:1;opacity:1}

/* ================= specification band (annotated drawing) ================= */
.spec-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}
.spec-copy .lead{margin:14px 0 24px}
.spec-list{margin:0 0 14px;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.spec-list li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:14px 12px 14px 0;border-bottom:1px solid var(--line);cursor:default;border-radius:3px;transition:background .3s,padding .35s var(--ease)}
.spec-list .pn{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font:500 12px/1 var(--mono);color:var(--ink-2);transition:background .3s,color .3s,border-color .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.spec-list b{display:block;font-size:16.5px;margin-bottom:2px}
.spec-list span{font-size:14.5px;color:var(--ink-2)}
.spec-list li.on{background:#fff;padding-left:12px}
.spec-list li.on .pn{background:var(--rust);border-color:var(--rust);color:#fff;transform:scale(1.08)}
.spec-vis{position:relative;padding-bottom:56px}
.sheetx{margin:0;background:#fff;border:1px solid var(--line-2);border-radius:4px;padding:10px;box-shadow:0 34px 64px -42px rgba(18,17,16,.5)}
.sheetx-bar{display:flex;justify-content:space-between;gap:12px;padding:2px 4px 10px}
.sheetx-bar .mono{font-size:10.5px}
.sheetx-img{position:relative;overflow:hidden;border:1px solid var(--line)}
.sheetx-img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:var(--rust);color:#fff;display:grid;place-items:center;font:600 12px/1 var(--mono);box-shadow:0 0 0 4px rgba(181,69,27,.2),0 6px 14px -4px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;cursor:default}
.pin.on{transform:scale(1.2);box-shadow:0 0 0 7px rgba(181,69,27,.22),0 8px 18px -4px rgba(0,0,0,.35)}
.pin.on::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--rust);animation:ring 1.6s ease-out infinite}
@keyframes ring{from{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2)}}
.stamp{position:absolute;left:66%;top:71%;font:600 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rust);border:2px solid var(--rust);padding:8px 11px;border-radius:3px;rotate:-8deg;background:rgba(255,255,255,.88)}
.spec-inset{position:absolute;left:-30px;bottom:0;width:36%;margin:0;background:#fff;padding:6px;border:1px solid var(--line-2);border-radius:3px;box-shadow:0 26px 48px -24px rgba(18,17,16,.55)}
.spec-inset img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.spec-inset figcaption{font-size:10px;padding:6px 2px 1px}
.js [data-anim="spec"] .sheetx{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .9s var(--ease)}
.js [data-anim="spec"] .pin{scale:0;transition:scale .55s cubic-bezier(.34,1.56,.64,1) calc(.55s + var(--k,0)*.16s),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.js [data-anim="spec"] .stamp{opacity:0;scale:1.7;transition:opacity .25s ease 1.2s,scale .5s cubic-bezier(.34,1.56,.64,1) 1.2s}
.js [data-anim="spec"] .spec-inset{opacity:0;translate:-18px 18px;transition:opacity .6s var(--ease) .35s,translate .9s var(--ease) .35s}
.js [data-anim="spec"].is-in .sheetx{opacity:1;transform:none}
.js [data-anim="spec"].is-in .pin{scale:1}
.js [data-anim="spec"].is-in .stamp{opacity:1;scale:1}
.js [data-anim="spec"].is-in .spec-inset{opacity:1;translate:0 0}

/* ================= FAQ (accordion cards) ================= */
.faq2-grid{display:grid;grid-template-columns:4fr 7fr;gap:64px;align-items:start}
.faq2-side{position:sticky;top:calc(var(--header) + 32px)}
.faq2-side h2{margin:0 0 12px}
.faq2-side>p{color:var(--ink-2);margin-bottom:26px;max-width:40ch}
.faq2-links{display:grid;border-top:1px solid var(--line-2)}
.faq2-links a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s,padding-left .35s var(--ease)}
.faq2-links a svg{width:16px;height:16px;flex:none;color:var(--mute);transition:transform .35s var(--ease),color .2s}
.faq2-links a:hover{color:var(--rust);padding-left:6px}
.faq2-links a:hover svg{transform:translateX(4px);color:var(--rust)}
.faq2-links.inline{margin-top:22px;grid-template-columns:repeat(3,1fr);gap:0 22px;border-top:0}
.faq2-links.inline a{border-top:1px solid var(--line-2)}
.qa-list{display:grid;gap:10px}
.qa{background:#fff;border:1px solid var(--line);border-radius:4px;transition:border-color .25s,box-shadow .35s}
.qa:hover{border-color:var(--line-2)}
.qa[open]{border-color:var(--ink);box-shadow:0 20px 44px -32px rgba(18,17,16,.4)}
.qa summary{list-style:none;display:grid;grid-template-columns:30px 1fr 32px;gap:12px;align-items:center;padding:18px 20px;cursor:pointer;font-weight:500;font-size:17px;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}
.qn{font:500 12px/1 var(--mono);color:var(--mute);transition:color .25s}
.qa[open] .qn{color:var(--rust)}
.qi{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:background .25s,border-color .25s,transform .45s var(--ease)}
.qi::before,.qi::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:var(--ink);transition:background .25s}
.qi::after{transform:rotate(90deg)}
.qa:hover .qi{border-color:var(--ink)}
.qa[open] .qi{transform:rotate(135deg);background:var(--ink);border-color:var(--ink)}
.qa[open] .qi::before,.qa[open] .qi::after{background:#fff}
.qa-a{padding:0 64px 20px 62px}
.qa-a p{font-size:15.5px;line-height:1.62;color:var(--ink-2);max-width:62ch}
.chk-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.chk-list li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.chk-list .ico{width:40px;height:40px;color:var(--ink)}
.chk-list .ico svg{width:100%;height:100%;display:block}
.chk-list b{display:block;font-size:16px;margin-bottom:2px}
.chk-list span{font-size:14px;color:var(--ink-2)}

/* ================= kitchen: anchors, layout, config, quote, project ================= */
.anchors{position:sticky;top:var(--header);z-index:30;background:rgba(242,238,230,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-top:28px}
.anchors ul{display:flex;gap:28px;overflow-x:auto;padding:0 var(--gut);list-style:none;-webkit-overflow-scrolling:touch;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;scrollbar-width:none}
.anchors ul::-webkit-scrollbar{display:none}
.anchors a{display:block;padding:13px 0;font-size:14.5px;font-weight:500;text-decoration:none;white-space:nowrap;color:var(--ink-2);transition:color .2s}
.anchors a.on{color:var(--rust)}
.anc-ind{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--rust);opacity:0;transition:transform .4s var(--ease),width .4s var(--ease),opacity .3s}
.layout-grid{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mini{border:1px solid var(--line);border-radius:4px;padding:16px;display:grid;grid-template-columns:36px 1fr;gap:12px;background:#fff;align-items:start;transition:border-color .25s,box-shadow .3s}
.mini:hover{border-color:var(--line-2);box-shadow:0 18px 36px -28px rgba(18,17,16,.4)}
.mini .ico{width:36px;height:36px;color:var(--ink)}
.mini .ico svg{width:100%;height:100%;display:block}
.mini b{display:block;font-size:16px;margin-bottom:3px}
.mini span{font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.cfg-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.cfg{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;padding-top:16px;border-top:1px solid var(--line)}
.cfg .img-clip{aspect-ratio:1/1;border-radius:3px}
.cfg:hover .img-clip img{transform:scale(1.05)}
.cfg h3{font-size:18px;margin-bottom:5px}
.cfg p{font-size:14.5px;color:var(--ink-2)}
.cfg .kf{display:block;margin-top:8px;font:500 11.5px/1.5 var(--mono);letter-spacing:.03em;color:var(--ink-2)}
.kq{background:var(--ink);color:var(--d-paper);padding:72px 0}
.kq-grid{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.kq h2{margin-bottom:12px}
.kq .lead{color:var(--d-text);margin-bottom:22px}
.factors{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0;padding:0;list-style:none}
.factors li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14px;line-height:1.45;color:var(--d-mute)}
.factors li::before{content:"";width:16px;height:16px;margin-top:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9663A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.factors b{display:block;color:var(--d-paper);font-weight:600;font-size:15px}
.kq .note{margin-top:22px;font-size:13.5px;color:var(--d-mute)}
.qcard{background:var(--paper);color:var(--ink);border-radius:4px;padding:24px 26px 26px;display:flex;flex-direction:column;gap:14px}
.qcard h3{font-size:21px}
.qcard>p{font-size:14.5px;color:var(--ink-2)}
.qcard .btn{align-self:flex-start;margin-top:4px}
.ex-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--line-2)}
.ex-table th{font:500 10.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line-2);background:var(--paper-2)}
.ex-table td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}
.ex-table td:first-child{color:var(--ink);font-weight:500}
.js .qcard .ex-table tbody tr{opacity:0;transition:opacity .45s var(--ease) calc(var(--d,0ms) + 450ms + var(--r,0)*120ms)}
.js .qcard.is-in .ex-table tbody tr{opacity:1}
.ex-cards{display:none}
.quote-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid var(--line-2)}
.quote-lines div{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.quote-lines b{font-weight:600}
.evx-grid{display:grid;grid-template-columns:6fr 6fr;gap:48px;align-items:center}
.evx-grid .sheetx-img img{aspect-ratio:3/2}
.evx-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:28px}
.evx-card .tag{display:inline-block;margin-bottom:14px}
.evx-card h2{margin-bottom:10px}
.evx-card .lead{margin-bottom:18px;font-size:17px}
.evx-card .tlink{margin-top:16px}
.facts-dl{margin:0;border-top:1px solid var(--line-2)}
.facts-dl div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts-dl dt{font:500 11px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding-top:2px}
.facts-dl dd{margin:0;font-size:15px;color:var(--ink-2)}
.tag-ill{display:inline-block;font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rust);border:1px solid var(--rust);padding:4px 8px;border-radius:2px;margin-bottom:14px}

/* ================= form (dark band) ================= */
.send2 .send-grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.send2 .send-grid>*{min-width:0}
.send2 .send-copy{position:sticky;top:calc(var(--header) + 40px)}
.send2 .send-copy h2{margin-bottom:14px}
.send2 .send-copy .lead{font-size:18px;margin-bottom:32px;max-width:46ch}
.tl{position:relative;margin:0 0 32px;padding:0;list-style:none;display:grid;gap:22px}
.tl::before{content:"";position:absolute;left:15.5px;top:18px;bottom:18px;width:1px;background:var(--d-line-2);transform-origin:top}
.tl li{display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:start;position:relative}
.tl-dot{width:32px;height:32px;border-radius:50%;background:var(--ink);border:1px solid var(--d-line-2);display:grid;place-items:center;font:500 12px/1 var(--mono);color:var(--d-paper);position:relative;z-index:1}
.tl li:first-child .tl-dot{background:var(--rust);border-color:var(--rust);color:#fff}
.tl b{display:block;font-size:16.5px;color:var(--d-paper);font-weight:600;margin-top:4px}
.tl span{font-size:14.5px;color:var(--d-mute)}
.js [data-anim="tl"]::before{transform:scaleY(0);transition:transform 1.1s var(--ease) .25s}
.js [data-anim="tl"] li{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease) calc(.25s + var(--k,0)*.2s),transform .6s var(--ease) calc(.25s + var(--k,0)*.2s)}
.js [data-anim="tl"] .tl-dot{scale:.3;transition:scale .55s cubic-bezier(.34,1.56,.64,1) calc(.3s + var(--k,0)*.2s)}
.js [data-anim="tl"].is-in::before{transform:none}
.js [data-anim="tl"].is-in li{opacity:1;transform:none}
.js [data-anim="tl"].is-in .tl-dot{scale:1}
.send-meta{display:grid;grid-template-columns:34px 1fr;gap:14px;padding-top:22px;border-top:1px solid var(--d-line)}
.sm-ico{width:34px;height:34px;color:var(--d-paper)}
.sm-ico svg{width:100%;height:100%;display:block}
.rh2026 .sm-ico .r{stroke:var(--rust-l)}
.send-meta p{font-size:14px;color:var(--d-mute);line-height:1.55}
.send-meta b{color:var(--d-paper);font-weight:500}
.send-meta .mono{display:block;margin-top:10px;font-size:10.5px;color:var(--d-mute)}

.send2 .form-card{background:var(--paper);border-radius:6px;padding:0;overflow:hidden;box-shadow:0 44px 90px -44px rgba(0,0,0,.7)}
.fc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fff}
.fc-t{font-weight:600;font-size:15px;color:var(--ink)}
.fc-prog{display:flex;align-items:center;gap:10px}
.fc-bar{width:96px;height:4px;border-radius:2px;background:var(--paper-2);overflow:hidden}
.fc-bar i{display:block;height:100%;width:0;background:var(--rust);border-radius:2px;transition:width .5s var(--ease)}
.fc-prog .mono{font-size:10.5px;color:var(--mute)}
.rh2026 #send #rq{display:block;padding:26px 28px 24px}
.rh2026 #send .fg{border:0;margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid var(--line);min-width:0}
.rh2026 #send .fg-l{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;color:var(--ink);margin:0 0 12px;padding:0;width:100%}
.rh2026 #send .fg-l .n{font:500 10.5px/1 var(--mono);color:var(--rust);border:1px solid rgba(181,69,27,.45);border-radius:2px;padding:4px 5px}
.rh2026 #send em{font-style:normal;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-left:auto}
.rh2026 #send .field{margin:0 0 14px}
.rh2026 #send .fg>.field:last-child,.rh2026 #send .fg .row2 .field{margin-bottom:0}
.rh2026 #send .field>label:not(.fg-l),.rh2026 #send .field legend{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px;color:var(--ink-2);margin:0 0 7px;padding:0;width:100%}
.rh2026 #send .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rh2026 #send #f-country-other{margin-top:14px}
.rh2026 #send input[type=text],.rh2026 #send input[type=email],.rh2026 #send input[type=tel],.rh2026 #send select{height:50px;font-size:16px;padding:0 14px;border:1px solid var(--line-2);border-radius:3px;background-color:#fff;transition:border-color .2s,box-shadow .25s}
.rh2026 #send textarea{min-height:124px;font-size:16px;padding:13px 14px;border:1px solid var(--line-2);border-radius:3px;background:#fff;transition:border-color .2s,box-shadow .25s}
.rh2026 #send input:hover,.rh2026 #send select:hover,.rh2026 #send textarea:hover{border-color:var(--ink-2)}
.rh2026 #send input:focus,.rh2026 #send select:focus,.rh2026 #send textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(181,69,27,.14);outline:none}
.rh2026 #send .field.sub{margin:14px 0 0}
.rh2026 #send .chips{display:flex;flex-wrap:wrap;gap:8px}
.rh2026 #send .chip{position:relative}
.rh2026 #send .chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.rh2026 #send .chip span{display:inline-flex;align-items:center;gap:0;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:3px;font-size:14px;font-weight:500;background:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s,gap .3s var(--ease),padding .3s var(--ease)}
.rh2026 #send .chip span svg{width:0;height:14px;opacity:0;transition:width .3s var(--ease),opacity .2s}
.rh2026 #send .chip:hover span{border-color:var(--ink)}
.rh2026 #send .chip input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink);gap:7px;padding-left:11px}
.rh2026 #send .chip input:checked+span svg{width:14px;opacity:1}
.rh2026 #send .chip input:focus-visible+span{outline:2px solid var(--rust);outline-offset:2px}
.rh2026 #send .seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line-2);border-radius:4px;background:#fff;margin-bottom:14px}
.rh2026 #send .seg-opt{position:relative;z-index:1}
.rh2026 #send .seg-opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.rh2026 #send .seg-opt span{display:flex;justify-content:center;align-items:center;height:42px;font-weight:500;font-size:15px;border-radius:3px;cursor:pointer;color:var(--ink-2);transition:color .3s}
.rh2026 #send .seg-opt input:checked+span{color:var(--paper)}
.rh2026 #send .seg-opt input:focus-visible+span{outline:2px solid var(--rust);outline-offset:2px}
.rh2026 #send .seg-ind{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:var(--ink);border-radius:3px;transition:transform .45s var(--ease)}
.rh2026 #send .seg.is-wa .seg-ind{transform:translateX(100%)}
.no-js .rh2026 #send .seg-ind{display:none}
.no-js .rh2026 #send .seg-opt input:checked+span{background:var(--ink)}
.rh2026 #send .drop{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px dashed var(--line-2);border-radius:4px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.rh2026 #send .drop:hover,.rh2026 #send .drop.drag{border-color:var(--rust);background:#FBF3EE}
.rh2026 #send .drop:focus-within{outline:2px solid var(--rust);outline-offset:2px}
.drop-ico{width:44px;height:44px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center;color:var(--ink)}
.drop-ico svg{width:24px;height:24px;display:block}
.drop-ico .r{stroke:var(--rust)}
.rh2026 #send .drop:hover .drop-ico svg,.rh2026 #send .drop.drag .drop-ico svg{animation:bob .9s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px)}}
.rh2026 #send .drop p{display:grid;gap:2px;margin:0}
.rh2026 #send .drop p b{font-weight:500;font-size:15px;color:var(--ink)}
.rh2026 #send .drop p span{font-size:13px;color:var(--mute)}
.rh2026 #send .drop-btn{text-decoration:underline;text-underline-offset:3px}
#files{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;left:0;top:0}
.rh2026 #send details.more{border:1px solid var(--line);border-radius:4px;padding:0 16px;margin:0 0 18px;background:#fff}
.rh2026 #send details.more summary{height:50px;font-weight:500;font-size:15px;gap:10px}
.rh2026 #send details.more summary em{margin-left:0}
.rh2026 #send details.more summary::after{margin-left:auto}
.rh2026 #send details[open].more summary::after{content:"–"}
.more-in{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:2px 0 4px}
.more-in .field:first-child{grid-column:1/-1}
.rh2026 #send .submit .btn{width:100%;justify-content:center;height:auto;min-height:58px;padding:12px 22px;font-size:16.5px;white-space:normal;text-align:center;line-height:1.25}
.rh2026 #send .privacy{margin-top:12px;text-align:center;font:400 11.5px/1.5 var(--mono);color:var(--mute)}
.rh2026 #send .success{display:none;padding:40px 36px;animation:sIn .6s var(--ease) both}
@keyframes sIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ok-ring{display:block;width:64px;height:64px;margin-bottom:18px}
.ok-ring svg{width:100%;height:100%}
.ok-ring circle{stroke:#23703F;stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:drawc .7s var(--ease) .15s forwards}
.ok-ring path{stroke:#23703F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:drawc .45s var(--ease) .7s forwards}
@keyframes drawc{to{stroke-dashoffset:0}}
.rh2026 #send .success h3{font-size:26px;margin:0 0 10px}
.rh2026 #send #success-title:focus{outline:none}
.rh2026 #send .success>p{color:var(--ink-2);max-width:52ch}
.rh2026 #send .success dl{display:grid;grid-template-columns:auto 1fr;gap:0 24px;margin:22px 0 14px;border-top:1px dashed var(--line-2)}
.rh2026 #send .success dt,.rh2026 #send .success dd{padding:10px 0;border-bottom:1px dashed var(--line);margin:0;font-size:14.5px}
.rh2026 #send .success dt{font:500 10.5px/1.9 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rh2026 #send .success dd{font-weight:500}
/* laptop screens up to 1000px tall: site.css turns the homepage form into a one-viewport grid; undo it here */
.rh2026 #send .form-card{padding:0}
.rh2026 #send #rq>.fg{margin-bottom:22px}
.rh2026 #send #rq>details.more{margin-bottom:18px}
.rh2026 #send #f-need{display:block}
.rh2026 #send #f-need textarea{min-height:124px}

.sticky-cta{display:none}

/* ================= footer brand block ================= */
.f-brand .wordmark{margin-bottom:10px}
.f-sub{display:block;margin:0 0 34px;font-size:10.5px;color:var(--d-mute)}
.f-promise{margin:0 0 34px;padding:0;list-style:none;border-top:1px solid var(--d-line);max-width:520px}
.f-promise li{position:relative;display:grid;grid-template-columns:40px 1fr;align-items:baseline;gap:10px;padding:15px 0 16px;border-bottom:1px solid var(--d-line)}
.f-promise li::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--rust-l);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.f-promise li:hover::after{transform:scaleX(1)}
.f-promise .mono{font-size:11px;color:var(--d-mute);transition:color .3s}
.f-promise li:hover .mono{color:var(--rust-l)}
.f-promise b{font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.15;letter-spacing:-.022em;color:var(--d-paper)}
.f-promise .recdot{width:7px;height:7px;margin-left:10px;top:-4px}
.f-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.f-cta .btn{height:52px;padding:0 22px;font-size:15px}
.f-cta .mono{font-size:10.5px;color:var(--d-mute)}
.js .f-brand .f-promise li{opacity:0;transform:translateX(-12px);transition:opacity .6s var(--ease) calc(.25s + var(--k,0)*.13s),transform .8s var(--ease) calc(.25s + var(--k,0)*.13s)}
.js .f-brand.in .f-promise li{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .f-brand .f-promise li{opacity:1;transform:none;transition:none}}

/* ================= responsive ================= */
@media (max-width:1199px){
  .send2 .send-grid,.kq-grid,.spec-grid,.layout-grid,.evx-grid,.faq2-grid{grid-template-columns:1fr;gap:40px}
  .send2 .send-copy,.faq2-side{position:static}
  .strip.eight{grid-template-columns:repeat(4,1fr)}
  .way-grid{gap:14px}
  .way{padding:20px}
  .way-get p{font-size:17px}
  .recv{gap:22px}
  .rcard:not(:last-child)::after{right:-25px}
  .rcard-vis{height:316px;padding:42px 16px 22px}
  .rcard:not(:last-child)::after{top:158px}
  .mk-chips{gap:5px}
  .mk-chips span{padding:5px 5px;letter-spacing:.04em}
  .mk-t.q2{font-size:12px}
  .mk-t.q2 td:nth-child(n+2){font-size:10.5px}
  .mk-t.q2 td:first-child span span:last-child{white-space:nowrap}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .proof-list{grid-template-columns:1fr 1fr}
  .proof-list li:nth-child(3){border-left:0;padding-left:0}
  .proof-list li:nth-child(n+3){border-top:1px solid var(--line)}
  .ptabs-row{flex-direction:column;align-items:stretch;gap:0}
  .ptls{padding:12px 0}
  .ptl{justify-content:flex-start}
  .spec-inset{left:auto;right:-8px}
}
@media (min-width:960px) and (max-width:1199px){
  .way h3{min-height:2.3em}
}
@media (max-width:959px){
  .way-grid,.recv{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}
  .recv{gap:34px}
  .rcard:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-31px;margin:0 0 0 -14px}
}
@media (max-width:767px){
  .rh2026 .sec{padding:56px 0}
  .rot{font-size:19px;margin-bottom:14px}
  .lp-hero{padding:16px 0 150px}
  .lp-hero-in{margin-top:20px}
  .lp-hero h1{font-size:clamp(32px,9.2vw,38px)}
  .lp-hero .lead{font-size:16px}
  .lp-hero .ctas .btn{width:100%;justify-content:center;white-space:normal;height:auto;min-height:54px;padding:12px 20px}
  .btn{white-space:normal}
  .strip-wrap{margin-top:-116px}
  .strip.four{grid-template-columns:1fr 1fr;gap:14px}
  .stile h3{font-size:16px;margin-top:10px}
  .stile p{font-size:13px}
  .stile .go{font-size:13.5px}
  .strip.eight{grid-template-columns:repeat(3,1fr);gap:10px}
  .ctile b{font-size:13px;margin-top:8px}
  .strip.three{grid-template-columns:1fr 1fr}
  .strip.three figure:first-child{grid-column:1/-1}
  .strip.three .img-clip{height:auto;aspect-ratio:4/3}
  .strip.three figcaption{font-size:10px}
  .proof{padding-top:28px}
  .proof-list{grid-template-columns:1fr}
  .proof-list li{padding:14px 0!important;border-left:0!important}
  .proof-list li+li{border-top:1px solid var(--line)}
  .sh{margin-bottom:28px}
  .sh-row{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}
  .ways,.kq{padding:56px 0}
  .way-grid{gap:12px}
  .way{padding:18px}
  .way h3{font-size:21px}
  .way-tray{height:96px;margin:14px 0 16px}
  .rcard-vis{height:auto;min-height:270px;padding:46px 14px 26px}
  .pgrid{grid-template-columns:1fr 1fr;gap:14px}
  .ptab{padding:10px 12px 13px;font-size:14px;gap:7px}
  .pti,.pti svg{width:18px;height:18px}
  .spec-vis{padding-bottom:40px}
  .spec-inset{width:44%;right:-6px}
  .stamp{font-size:10px;padding:6px 8px;left:60%}
  .pin{width:26px;height:26px;margin:-13px 0 0 -13px;font-size:11px}
  .faq2-links.inline{grid-template-columns:1fr}
  .qa summary{grid-template-columns:24px 1fr 30px;gap:10px;padding:16px;font-size:16px}
  .qi{width:30px;height:30px}
  .qa-a{padding:0 16px 18px 50px}
  .minis{grid-template-columns:1fr}
  .cfg-list{grid-template-columns:1fr}
  .cfg{grid-template-columns:84px 1fr;gap:14px}
  .factors{grid-template-columns:1fr}
  .qcard{padding:18px 16px}
  .qcard .btn{width:100%;justify-content:center}
  .ex-table{display:none}
  .ex-cards{display:grid;gap:10px}
  .ex-card{border:1px solid var(--line-2);background:#fff;padding:12px 14px;margin:0}
  .ex-card div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
  .ex-card div:last-child{border:0}
  .ex-card dt{font:500 10.5px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
  .ex-card dd{margin:0;color:var(--ink-2);font-size:14.5px;min-width:0;overflow-wrap:anywhere}
  .quote-lines{grid-template-columns:1fr}
  .evx-card{padding:20px}
  .facts-dl div{grid-template-columns:96px 1fr}
  .fc-head{padding:14px 18px;flex-wrap:wrap}
  .rh2026 #send #rq{padding:20px 18px}
  .rh2026 #send .row2,.more-in{grid-template-columns:1fr;gap:14px 0}
  .rh2026 #send .success{padding:28px 20px}
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(242,238,230,.97);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s var(--ease)}
  .sticky-cta.show{transform:none}
  .sticky-cta .btn{width:100%;justify-content:center;height:56px}
}
@media (max-width:360px){
  .pgrid,.strip.four{grid-template-columns:1fr}
  .strip.eight{grid-template-columns:1fr 1fr}
}


/* ================= homepage v7 tweaks ================= */
/* hero: rotating line under the H1, on the light hero */
.hrot{font-size:clamp(26px,2.55vw,38px);line-height:1.2;letter-spacing:-.022em;color:var(--ink-2);margin:30px 0 0}
.hrot .rot-w{color:var(--rust);height:1.24em}
.hrot .rot-i::after{height:2px;bottom:0}
.hero .hrot+.hero-row{margin-top:30px}
/* facts: the photo + video fact carries a live record dot */
.recdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#D03E2A;margin-left:10px;vertical-align:middle;position:relative;top:-3px;animation:recb 1.6s ease-in-out infinite}
.facts li.fact-pv b{max-width:none}
/* three ways band */
.ways-hp .sec-head{margin-bottom:56px}
.ways-hp .way{scroll-margin-top:calc(var(--header) + 24px)}
.ways-hp .way h3{font-size:24px}
.way-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:-8px 0 22px;font-size:14px}
.way-links .mono{font-size:10.5px}
.way-links a{color:var(--d-text);text-underline-offset:3px}
.way-links a:hover{color:#fff}
.ways-hp .ways-note{margin:28px 0 0;text-align:left;font-size:13.5px;color:var(--d-mute);max-width:80ch}
.ways-hp.sec{padding:112px 0}
.how-lite .steps6{margin-bottom:72px}
.how-lite .confirm-row{margin-top:56px}
/* how it works: photo + video on steps 03-06, then the three step cards */
.stp-media{display:inline-flex;align-items:center;gap:0;margin-top:8px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.stp-media .recdot{width:6px;height:6px;margin:0 7px 0 0;top:0}
.js .stp .stp-media{opacity:0;transform:translateY(5px);transition:opacity .5s var(--ease) calc(1.1s + var(--i,0)*.1s),transform .6s var(--ease) calc(1.1s + var(--i,0)*.1s)}
.js .stp.in .stp-media{opacity:1;transform:none}
.hp-recv{margin-top:8px}
/* form: product choice as chips, same look as the inner pages */
.rh2026 #send .invalid .chip span{border-color:#A8261B}
.rh2026 #send #f-product .chips{margin-bottom:2px}
.rh2026 #send .field legend.fg-l{font-weight:600;font-size:16px;color:var(--ink);margin:0 0 12px}
.rh2026 #send .send-copy h2{margin-bottom:20px}
.rh2026 #send .send-copy .lead{margin-bottom:34px}
/* laptop screens up to 1000px tall: undo the old one-viewport form grid */
.rh2026 #send #rq{display:block}
.rh2026 #send .form-card{padding:0}
.rh2026 #send #rq>.fg{margin-bottom:22px}
.rh2026 #send #rq>details.more{margin-bottom:18px}
.rh2026 #send #f-need{display:block}
.rh2026 #send #f-need textarea{min-height:124px}
.rh2026 #send #f-product{display:block}
/* responsive */
@media (max-width:1199px){
  .way-grid{gap:14px}
  .way{padding:20px}
  .way-get p{font-size:17px}
  .recv{gap:22px}
  .rcard:not(:last-child)::after{right:-25px}
  .rcard-vis{height:316px;padding:42px 16px 22px}
  .mk-t.q2{font-size:12px}
  .mk-t.q2 td:nth-child(n+2){font-size:10.5px}
  .mk-chips{gap:5px}
  .mk-chips span{padding:5px 5px;letter-spacing:.04em}
  .send2 .send-grid{grid-template-columns:1fr;gap:40px}
  .send2 .send-copy{position:static}
}
@media (min-width:960px) and (max-width:1199px){.way h3{min-height:2.3em}}
@media (max-width:959px){
  .way-grid,.recv{grid-template-columns:1fr;max-width:560px}
  .recv{gap:34px}
  .rcard:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-31px;margin:0 0 0 -14px}
}
@media (max-width:767px){
  .hrot{font-size:22px;margin-top:22px}
  .way{padding:18px}
  .way-tray{height:96px;margin:14px 0 16px}
  .rcard-vis{height:auto;min-height:270px;padding:46px 14px 26px}
  .fc-head{padding:14px 18px;flex-wrap:wrap}
  .rh2026 #send #rq{padding:20px 18px}
  .rh2026 #send .row2,.more-in{grid-template-columns:1fr;gap:14px 0}
  .rh2026 #send .success{padding:28px 20px}
}


/* ================= furniture hub: browse by room =================
   templates/catalog/partials/room-browser.php -- room tabs over one room's
   category tiles (a thumbnail list on phones). Without JS the tabs are anchor
   links and every panel shows, stacked. The "Not listed?" tile spans whatever is
   left of its row (--s6/--s5/--s4, set per room in the template). Real product
   cards below keep ratahome_catalog_card()/.rhc-* (assets/catalog/catalog.css). */
/* tabs: the selected room is ink with an underline; counts stay secondary */
.rh2026 .rb-tabs{position:relative;display:flex;gap:0 28px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header) + 16px)}
.rh2026 .rb-tab{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;gap:7px;padding:4px 0 16px;color:var(--ink-2);text-decoration:none;transition:color .25s}
.rh2026 .rb-tab::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.rh2026 .rb-tab:hover,.rh2026 .rb-tab.is-on{color:var(--ink)}
.rh2026 .rb-tab.is-on::before{transform:none}
.rh2026 .rb-tab:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.rh2026 .rb-tn{font:500 16px/1.25 var(--sans);letter-spacing:-.01em;white-space:nowrap}
.rh2026 .rb-tab.is-on .rb-tn{font-weight:600}
.rh2026 .rb-tc{font:400 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute)}
/* header links land on a panel (/furniture/#decor): keep the tab row visible above it */
.rh2026 .rb-panel{padding-top:44px;scroll-margin-top:calc(var(--header) + 16px + var(--rb-tabs-h,60px))}
.js .rb-panel:not(.is-on){display:none}
.rh2026 .rb-ph{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin-bottom:26px}
.rh2026 .rb-ph h3{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.02em}
.rh2026 .rb-ph p{margin:0;font-size:15.5px;color:var(--ink-2)}
.rh2026 .rb-pc{margin-left:auto;font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--mute);white-space:nowrap}
.rh2026 .rb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 20px}
.rh2026 .rb-grid a{display:block;height:100%;color:var(--ink);text-decoration:none}
.rh2026 .rb-img{display:block;aspect-ratio:1/1;border-radius:2px}
.rh2026 .rb-img img{display:block}
.rh2026 .rb-grid a:hover .rb-img img{transform:scale(1.05)}
.rh2026 .rb-name{display:block;margin-top:14px;font:500 15.5px/1.3 var(--sans);letter-spacing:-.005em;transition:color .2s}
.rh2026 .rb-grid a:hover .rb-name{color:var(--rust)}
.rh2026 .rb-n{display:block;margin-top:5px;font:400 11.5px/1.35 var(--mono);letter-spacing:.04em;color:var(--mute)}
.rh2026 .rb-more{grid-column:span var(--s6)}
.rh2026 .rb-more a{container-type:inline-size;border:1px dashed var(--line-2);border-radius:2px;transition:border-color .25s,background .25s}
.rh2026 .rb-more a:hover{border-color:var(--rust);background:rgba(181,69,27,.035)}
.rh2026 .rb-mi{display:flex;flex-direction:column;justify-content:center;gap:14px;height:100%;min-height:120px;padding:18px}
.rh2026 .rb-sketch{flex:none;width:96px;aspect-ratio:120/96;color:var(--ink-2);transition:transform .45s var(--ease)}
.rh2026 .rb-more a:hover .rb-sketch{transform:rotate(-3deg) scale(1.04)}
.rh2026 .rb-sketch svg{display:block;width:100%;height:100%;overflow:visible}
.rh2026 .rb-more .rb-name{margin-top:0}
.rh2026 .rb-more .rb-n{font:400 13.5px/1.45 var(--sans);letter-spacing:0;color:var(--ink-2)}
.rh2026 .rb-more .rb-n::after{content:" →";color:var(--rust)}
.rh2026 .rb-x{display:none}
.rh2026 .rb-defs{position:absolute;width:0;height:0;overflow:hidden}
/* the tile is as wide as the columns it fills: from ~2 columns, lay it out as a banner */
@media (min-width:768px){
  @container (min-width:400px){
    .rh2026 .rb-mi{flex-direction:row;align-items:center;justify-content:flex-start;gap:32px;padding:24px 40px}
    .rh2026 .rb-sketch{width:132px}
    .rh2026 .rb-more .rb-name{font-size:19px;letter-spacing:-.015em}
    .rh2026 .rb-more .rb-n{margin-top:6px;font-size:15.5px;color:var(--ink)}
    .rh2026 .rb-more .rb-n::after{content:none}
    .rh2026 .rb-x{display:block;margin-top:4px;font:400 14px/1.5 var(--sans);color:var(--mute);max-width:64ch;text-wrap:pretty}
  }
}
@keyframes rb-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rh2026 .rb-panel.is-anim .rb-ph{animation:rb-in .5s var(--ease) both}
.rh2026 .rb-panel.is-anim .rb-grid>li{animation:rb-in .6s var(--ease) both;animation-delay:calc(60ms + var(--k,0)*38ms)}
@media (prefers-reduced-motion:reduce){.rh2026 .rb-panel.is-anim .rb-ph,.rh2026 .rb-panel.is-anim .rb-grid>li{animation:none}}
.rh2026 .fh-featured .rhc-cards{margin-top:8px}
/* catalog.css styles the card's "+ Add to Project" button only inside .rhc (category
   pages); on the hub it fell back to a native grey button under the photo */
.rh2026 .rhc-card__add{position:absolute;right:12px;z-index:2;height:36px;padding:0 14px;border:0;border-radius:0;background:#fff;color:var(--ink);font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s,background-color .2s,color .2s}
.rh2026 .rhc-card:hover .rhc-card__add,.rh2026 .rhc-card__add:focus-visible,.rh2026 .rhc-card__add.is-added{opacity:1;transform:none}
.rh2026 .rhc-card__add:hover,.rh2026 .rhc-card__add.is-added{background:var(--rust);color:#fff}
@media (hover:none){.rh2026 .rhc-card__add{opacity:1;transform:none}}
@media (max-width:1199px){
  .rh2026 .rb-tabs{overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--gut)*-1);padding-right:var(--gut)}
  .rh2026 .rb-tabs::-webkit-scrollbar{display:none}
  .rh2026 .rb-tab{flex:none}
  .rh2026 .rb-tn{white-space:nowrap}
  .rh2026 .rb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .rh2026 .rb-more{grid-column:span var(--s5)}
}
@media (max-width:959px){
  .rh2026 .rb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}
  .rh2026 .rb-more{grid-column:span var(--s4)}
}
/* phones: pill tabs, and each room as a thumbnail list */
@media (max-width:767px){
  .rh2026 .rb .sh{margin-bottom:22px}
  .rh2026 .rb-tabs{gap:22px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut);scroll-padding-inline:var(--gut);scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
  .rh2026 .rb-tab{flex-direction:row;align-items:baseline;gap:6px;min-height:46px;padding:14px 0 13px;scroll-snap-align:start}
  .rh2026 .rb-tn{font-size:15px}
  .rh2026 .rb-tc{font-size:10.5px}
  .rh2026 .rb-panel{padding-top:22px}
  .rh2026 .rb-ph{display:block;margin-bottom:6px}
  .rh2026 .rb-ph h3{font-size:19px}
  .rh2026 .rb-ph p{margin-top:5px;font-size:14px;line-height:1.45;color:var(--mute)}
  .rh2026 .rb-pc{display:none}
  .rh2026 .rb-grid{display:block}
  .rh2026 .rb-grid>li{border-bottom:1px solid var(--line)}
  .rh2026 .rb-grid a,.rh2026 .rb-mi{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:0 14px;min-height:0;padding:11px 0}
  .rh2026 .rb-more a{display:block;padding:0;border:0;background:none}
  .rh2026 .rb-img{grid-row:1/3;width:60px}
  .rh2026 .rb-name,.rh2026 .rb-more .rb-name{align-self:end;margin:0;font-size:15.5px}
  .rh2026 .rb-n{align-self:start;margin-top:3px}
  .rh2026 .rb-grid a::after,.rh2026 .rb-mi::after{content:"";grid-column:3;grid-row:1/3;width:8px;height:8px;margin-right:4px;border:solid var(--mute);border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
  .rh2026 .rb-grid .rb-more a::after{content:none}
  .rh2026 .rb-more a:hover{background:none}
  .rh2026 .rb-sketch{width:60px;height:60px;padding:6px;border:1px dashed var(--line-2);border-radius:2px;aspect-ratio:auto}
  .rh2026 .rb-more .rb-mt{display:contents}
  .rh2026 .rb-more .rb-n{max-width:none;font:400 11.5px/1.35 var(--mono);letter-spacing:.04em;color:var(--mute)}
  .rh2026 .rb-more .rb-n::after{content:none}
  .rh2026 .rb-more .rb-name{color:var(--rust)}
  .rh2026 .fh-featured .rhc-cards--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .rh2026 .fh-featured .rhc-card__body{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:12px}
  .rh2026 .fh-featured .rhc-card__name{font-size:14.5px;line-height:1.35}
  .rh2026 .rhc-card__add{right:8px;height:30px;padding:0 10px;font-size:10px;letter-spacing:.1em}
  .rh2026 .rhc-card .rhc-card__add{top:calc(100cqw - 38px)}
}

/* ================= compact enquiry form =================
   The #send form (home, /joinery/, /joinery/kitchen-cabinetry/, /furniture/) at
   its original scale ran ~1170px tall beside a ~650px copy column. Narrower card,
   42px fields and tighter group spacing keep it close to one screen. Scoped to
   #send.send2 so it outranks the base rules above; phones keep 16px text so iOS
   does not zoom into a focused field. */
@media (min-width:1200px){
  .send2 .send-grid{grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:96px}
}
@media (min-width:768px) and (max-width:1199px){
  .send2 .form-card{max-width:680px}
}
.rh2026 #send.send2 .fc-head{padding:13px 24px}
.rh2026 #send.send2 .fc-t{font-size:14.5px}
.rh2026 #send.send2 #rq{padding:20px 24px}
.rh2026 #send.send2 #rq>.fg{margin:0 0 16px;padding:0 0 16px}
.rh2026 #send.send2 .fg-l,.rh2026 #send.send2 .field legend.fg-l{font-size:15px;margin:0 0 10px}
.rh2026 #send.send2 .field{margin:0 0 12px}
.rh2026 #send.send2 .fg>.field:last-child,.rh2026 #send.send2 .fg .row2 .field{margin-bottom:0}
.rh2026 #send.send2 .field>label:not(.fg-l),.rh2026 #send.send2 .field legend:not(.fg-l){font-size:13px;margin:0 0 6px}
.rh2026 #send.send2 .row2{gap:12px}
.rh2026 #send.send2 #f-country-other,.rh2026 #send.send2 .field.sub{margin-top:12px}
.rh2026 #send.send2 input[type=text],.rh2026 #send.send2 input[type=email],.rh2026 #send.send2 input[type=tel],.rh2026 #send.send2 select{height:42px;font-size:15px;padding:0 12px}
.rh2026 #send.send2 select{padding-right:36px}
.rh2026 #send.send2 textarea,.rh2026 #send.send2 #f-need textarea{min-height:88px;font-size:15px;padding:10px 12px}
.rh2026 #send.send2 .chips{gap:6px}
.rh2026 #send.send2 .chip span{min-height:34px;padding:0 12px;font-size:13.5px}
.rh2026 #send.send2 .chip input:checked+span{padding-left:9px}
.rh2026 #send.send2 .seg{padding:3px;margin-bottom:12px}
.rh2026 #send.send2 .seg-opt span{height:34px;font-size:14px}
.rh2026 #send.send2 .seg-ind{left:3px;top:3px;bottom:3px;width:calc(50% - 3px)}
.rh2026 #send.send2 #f-reply>.field{margin-bottom:0}
.rh2026 #send.send2 .field[hidden]{display:none}
.rh2026 #send.send2 .drop{grid-template-columns:36px 1fr;gap:12px;padding:10px 14px}
.rh2026 #send.send2 .drop-ico{width:36px;height:36px}
.rh2026 #send.send2 .drop-ico svg{width:20px;height:20px}
.rh2026 #send.send2 .drop p b{font-size:14px}
.rh2026 #send.send2 .drop p span{font-size:12.5px}
.rh2026 #send.send2 details.more{margin:0 0 14px;padding:0 14px}
.rh2026 #send.send2 details.more summary{height:42px;font-size:14px}
.rh2026 #send.send2 .submit .btn{min-height:50px;padding:10px 20px;font-size:15.5px}
.rh2026 #send.send2 .privacy{margin-top:10px;font-size:11px}
@media (max-width:767px){
  .rh2026 #send.send2 .fc-head{padding:12px 18px}
  .rh2026 #send.send2 #rq{padding:18px}
  .rh2026 #send.send2 .row2{gap:12px 0}
  .rh2026 #send.send2 input[type=text],.rh2026 #send.send2 input[type=email],.rh2026 #send.send2 input[type=tel],.rh2026 #send.send2 select{height:46px;font-size:16px}
  .rh2026 #send.send2 textarea,.rh2026 #send.send2 #f-need textarea{font-size:16px;min-height:76px}
  /* shorter on phones: one-line header, tighter groups, compact upload row */
  .rh2026 #send.send2 .fc-head{flex-wrap:nowrap}
  .rh2026 #send.send2 .fc-bar{display:none}
  .rh2026 #send.send2 #rq>.fg{margin:0 0 14px;padding:0 0 14px}
  .rh2026 #send.send2 .fg-l,.rh2026 #send.send2 .field legend.fg-l{font-size:14.5px;margin:0 0 8px}
  .rh2026 #send.send2 .field>label:not(.fg-l){margin-bottom:5px}
  .rh2026 #send.send2 .seg{margin-bottom:10px}
  .rh2026 #send.send2 .drop{grid-template-columns:30px 1fr;gap:10px;padding:9px 12px}
  .rh2026 #send.send2 .drop-ico{width:30px;height:30px}
  .rh2026 #send.send2 .drop-ico svg{width:17px;height:17px}
  .rh2026 #send.send2 .drop p>span{display:none}
  .rh2026 #send.send2 details.more{margin-bottom:12px}
  .rh2026 #send.send2 details.more summary{height:40px}
  .rh2026 #send.send2 .submit .btn{min-height:48px}
}

/* ================= "Three ways to start": sketch icons, one line each =================
   Replaces the dense file-tray cards (home, /joinery/, /furniture/). The icons are pencil-style
   line drawings (pathLength=1) that draw on via the shared [data-anim] .draw rule. */
.rh2026 .w3c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--d-line)}
.rh2026 .w3c-col{position:relative;display:flex;flex-direction:column;padding:48px 44px 8px;color:var(--d-paper);text-decoration:none}
.rh2026 .w3c-col+.w3c-col{border-left:1px solid var(--d-line)}
.rh2026 .w3c-col:first-child{padding-left:0}.rh2026 .w3c-col:last-child{padding-right:0}
.rh2026 .w3c-art{display:block;width:150px;height:118px;margin:0 0 30px;color:rgba(237,232,223,.86)}
.rh2026 .w3c-art svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rh2026 .w3c-art .r{stroke:var(--rust-l)}
.rh2026 .w3c-art .g{opacity:.3;stroke-width:1.2}
.rh2026 .w3c-art .h{opacity:.5;stroke-width:1}
.rh2026 .w3c-art .bg{fill:var(--ink);stroke:none}
.rh2026 .w3c-cat{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-mute);margin:0 0 12px}
.rh2026 .w3c-col h3{margin:0 0 10px;font:600 26px/1.15 var(--sans);letter-spacing:-.02em;color:var(--d-paper)}
.rh2026 .w3c-col p{margin:0 0 26px;font-size:16px;line-height:1.55;color:var(--d-text);max-width:30ch}
.rh2026 .w3c-go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font:500 15px/1 var(--sans);color:var(--d-paper);padding-bottom:6px;border-bottom:1px solid var(--d-line-2);align-self:flex-start;transition:color .25s,border-color .25s}
.rh2026 .w3c-arr{width:16px;height:16px;transition:transform .35s var(--ease)}
.rh2026 .w3c-col:hover .w3c-go{color:var(--rust-l);border-color:var(--rust-l)}
.rh2026 .w3c-col:hover .w3c-arr{transform:translateX(4px)}
.rh2026 .w3c-col:hover .w3c-art{color:var(--d-paper)}
.ways-hp .w3-note{margin:40px 0 0;font-size:14px;color:var(--d-mute)}
@media (max-width:959px){
  .rh2026 .w3c{grid-template-columns:1fr}
  .rh2026 .w3c-col,.rh2026 .w3c-col:first-child,.rh2026 .w3c-col:last-child{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;padding:28px 0}
  .rh2026 .w3c-col+.w3c-col{border-left:0;border-top:1px solid var(--d-line)}
  .rh2026 .w3c-art{grid-row:1/span 4;width:96px;height:76px;margin:2px 0 0}
  .rh2026 .w3c-art svg{stroke-width:1.9}
  .rh2026 .w3c-cat{margin-bottom:8px}
  .rh2026 .w3c-col h3{font-size:22px}
  .rh2026 .w3c-col p{font-size:15px;margin-bottom:16px}
  .rh2026 .w3c-go{grid-column:2;justify-self:start}
  .ways-hp .w3-note{margin-top:28px}
}

/* ==========================================================================
   Homepage (2026-10): steer visitors from single pieces to whole homes,
   several rooms and bulk orders. Scoped to .rh2026-home so the shared
   .panels / .facts / .cases rules on other pages stay as they are.
   ========================================================================== */
/* hero: the three scopes read before any product link */
.rh2026-home .hero-row .lead b{font-weight:600;color:var(--ink)}
/* facts: the project-scope line is longer than the other three */
.rh2026-home .facts .fact-scope b{max-width:15ch}
/* parallel headings break before their second phrase */
.rh2026 .l2{display:block}
/* products: equal 3:2 images; room entries as a list with an aligned arrow */
.rh2026-home .hp-panels .img-clip{aspect-ratio:3/2}
.rh2026-home .hp-panels #cabinetry .img-clip img{object-position:50% 36%}
.rh2026-home .rooms4{display:grid;grid-template-columns:minmax(0,1fr);column-gap:32px;margin:4px 0 30px;padding:0;list-style:none}
.rh2026-home .rooms4 li{display:flex;border-bottom:1px solid var(--line)}
.rh2026-home .rooms4 li:first-child{border-top:1px solid var(--line)}
.rh2026-home .rooms4 a{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n ." "t go" "d .";align-content:start;column-gap:16px;min-height:48px;padding:18px 2px 20px 0;color:var(--ink);text-decoration:none}
.rh2026-home .rooms4 .mono{grid-area:n;margin-bottom:8px;color:var(--mute)}
.rh2026-home .rooms4 b{grid-area:t;font-size:clamp(20px,1.65vw,24px);font-weight:600;line-height:1.15;letter-spacing:-.015em;transition:color .2s}
.rh2026-home .rooms4 small{grid-area:d;max-width:32ch;margin-top:6px;font-size:15px;line-height:1.45;color:var(--mute)}
.rh2026-home .rooms4 i{grid-area:go;align-self:center;font-style:normal;font-size:18px;line-height:1;color:var(--mute);transition:transform .3s var(--ease),color .2s}
.rh2026-home .rooms4 a:hover b,.rh2026-home .rooms4 a:hover i{color:var(--rust)}
.rh2026-home .rooms4 a:hover i{transform:translateX(5px)}
.rh2026-home .rooms4 a:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
@media (min-width:768px){
  /* side by side, both panels share one set of rows: image, caption, title, intro, rooms, links */
  .rh2026-home .hp-panels{grid-template-rows:repeat(6,auto);row-gap:0}
  .rh2026-home .hp-panels .panel{display:grid;grid-row:span 6;grid-template-rows:subgrid}
  .rh2026-home .hp-panels .panel-body{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-items:start}
}
@media (min-width:960px){
  /* 2 x 2 in each panel; every description gets two lines so both panels share one row rhythm */
  .rh2026-home .rooms4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rh2026-home .rooms4 li:nth-child(2){border-top:1px solid var(--line)}
  .rh2026-home .rooms4 small{min-height:2.9em}
}
/* projects: location, title, what was supplied, link */
.rh2026 .hp-cases .case-scope{max-width:38ch;margin-bottom:18px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.rh2026 .hp-cases .img-clip img.pos-aus{object-position:50% 64%}
/* send (every .rh2026 form band): ask for the whole picture; an incomplete list is welcome */
.rh2026 .send-note{max-width:46ch;margin:-18px 0 32px;padding-left:14px;border-left:2px solid var(--rust);font-size:16px;line-height:1.55;color:var(--d-text)}
.rh2026 .form-card .hint{margin:-2px 0 10px;font-size:14px;line-height:1.45;color:var(--mute)}
@media (max-width:767px){
  /* hero caption stacks flush left */
  .rh2026-home .hero-fig .cap{align-items:flex-start}
  /* facts stay a 2 x 2 grid on phones */
  .rh2026-home .facts{grid-template-columns:1fr 1fr}
  .rh2026-home .facts li{padding:18px 14px 20px 0!important}
  .rh2026-home .facts li:nth-child(2n){padding-left:14px!important;border-left:1px solid var(--line)!important}
  .rh2026-home .facts li:nth-child(2n)::before{left:14px!important}
  .rh2026-home .facts li:nth-child(2){border-top:0}
  .rh2026-home .facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .rh2026-home .facts b{font-size:21px}
  .rh2026-home .facts small{font-size:13px}
  /* furniture by room comes before cabinetry on phones */
  .rh2026-home .hp-panels #furniture{order:-1}
  .rh2026-home .hp-panels .panel-cap{flex-wrap:wrap;column-gap:16px;row-gap:4px}
  .rh2026-home .hp-panels .panel-cap .mono:last-child{flex:none}
  .rh2026-home .rooms4 a{min-height:56px;padding:15px 0 17px}
  .rh2026-home .rooms4 .mono{margin-bottom:6px}
  .rh2026-home .rooms4 b{font-size:21px}
  /* project location and scope: one line when they fit, otherwise two, never mid-phrase */
  .rh2026 .hp-cases .case-cap{flex-wrap:wrap;column-gap:16px;row-gap:4px}
  .rh2026 .hp-cases .case-cap .mono{flex:none}
  .rh2026 .send-note{margin-top:-8px}
}
@media (min-width:768px) and (max-width:959px){
  /* tablet: one project per row, photo beside the text */
  .rh2026 .hp-cases{grid-template-columns:1fr;gap:44px}
  .rh2026 .hp-cases .case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:32px;align-items:start}
  .rh2026 .hp-cases .case>.img-clip{grid-column:1;grid-row:1/-1}
  .rh2026 .hp-cases .case>:not(.img-clip){grid-column:2}
  .rh2026 .hp-cases .case-cap{padding-top:0}
}
@media (max-width:374px){
  .rh2026-home .facts b{font-size:18px}
}
@media (max-width:359px){
  /* very narrow phones: facts back to one column, headings wrap naturally */
  .rh2026-home .facts{grid-template-columns:1fr}
  .rh2026-home .facts li{padding:18px 0!important;border-left:0!important}
  .rh2026-home .facts li:nth-child(2n)::before{left:0!important}
  .rh2026-home .facts li+li{border-top:1px solid var(--line)}
  .rh2026-home .facts b{font-size:21px}
  .rh2026 .w3c-col .l2{display:inline}
}

/* ==========================================================================
   Audience pages (2026-10): /homeowners/ and /builders/ share one template --
   headline band with three service cards, why one project, steps, proof,
   FAQ and the enquiry form. Scoped to .rh2026-au; reuses the inner-page
   hero, proof strip, FAQ cards and form band above.
   ========================================================================== */
.rh2026-au .lp-hero h1{font-size:clamp(38px,4.3vw,60px);max-width:19ch;margin-left:auto;margin-right:auto}
.rh2026-au .lp-hero .lead{font-size:18px;max-width:58ch}
.rh2026-au .strip.svc{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rh2026-au .svc .stile{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.rh2026-au .svc .img-clip{aspect-ratio:3/2}
.rh2026-au .svc .stile .n{display:block;margin-top:18px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.rh2026-au .svc .stile h3{font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:9px 0 7px}
.rh2026-au .svc .stile p{font-size:15.5px;line-height:1.5;margin-bottom:16px;max-width:34ch}
.rh2026-au .svc .stile .go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:15px}
.rh2026-au .svc .stile .go::after{content:"→";transition:transform .3s var(--ease)}
.rh2026-au .svc .stile:hover .go::after{transform:translateX(4px)}
.rh2026-au .svc .stile:focus-visible{outline:2px solid var(--rust);outline-offset:6px}
/* a few about-* photos carry baked-in white corners */
.rh2026-au .img-clip img.crop-c{transform:scale(1.07)}
.rh2026-au .sec-alt{background:var(--paper-2)}
/* why one project */
.rh2026-au .au-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1080px;margin:0 auto}
.rh2026-au .au-col{padding:30px 34px 28px;border:1px solid var(--line);border-radius:4px;background:#fff}
.rh2026-au .au-col.ours{background:var(--ink);border-color:var(--ink)}
.rh2026-au .au-col h3{margin:0 0 14px;font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rh2026-au .au-col.ours h3{color:var(--rust-l)}
.rh2026-au .au-col ul{list-style:none;margin:0;padding:0}
.rh2026-au .au-col li{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.45;color:var(--ink-2)}
.rh2026-au .au-col.ours li{border-color:var(--d-line);color:var(--d-text)}
.rh2026-au .au-col li::before{content:"\00D7";font-size:18px;line-height:1.2;color:var(--mute)}
.rh2026-au .au-col.ours li::before{content:"\2713";font-size:15px;line-height:1.5;color:var(--rust-l)}
/* steps */
.rh2026-au .au-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}
.rh2026-au .au-steps li{padding-top:18px;border-top:1px solid var(--line-2)}
.rh2026-au .au-steps .n{display:block;margin-bottom:14px;font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--rust)}
.rh2026-au .au-steps b{display:block;margin-bottom:8px;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.rh2026-au .au-steps p{font-size:15px;line-height:1.5;color:var(--ink-2)}
.rh2026-au .au-note{margin-top:28px;text-align:center;font-size:14px;color:var(--mute)}
/* builders: repeated quantities, checked the same way */
.rh2026-au .au-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rh2026-au .au-photos figure{margin:0}
.rh2026-au .au-photos .img-clip{aspect-ratio:4/3}
.rh2026-au .au-photos figcaption{padding-top:14px}
.rh2026-au .au-photos figcaption .mono{display:block;margin-bottom:8px;color:var(--mute)}
.rh2026-au .au-photos figcaption b{display:block;margin-bottom:4px;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.rh2026-au .au-photos figcaption span:not(.mono){font-size:15px;line-height:1.5;color:var(--ink-2)}
.rh2026-au .sh .tlink{margin-top:14px}
@media (max-width:1199px){
  .rh2026-au .au-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
}
@media (max-width:959px){
  .rh2026-au .strip.svc{gap:16px}
  .rh2026-au .svc .stile h3{font-size:19px}
  .rh2026-au .svc .stile p{font-size:14.5px}
  .rh2026-au .au-compare{grid-template-columns:1fr}
  .rh2026-au .au-photos{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .rh2026-au .lp-hero h1{font-size:clamp(34px,9.6vw,42px)}
  .rh2026-au .lp-hero .lead{font-size:16.5px}
  .rh2026-au .strip.svc{grid-template-columns:1fr;gap:34px}
  .rh2026-au .svc .stile h3{font-size:21px}
  .rh2026-au .svc .stile p{font-size:15.5px}
  .rh2026-au .au-col{padding:24px 22px 20px}
  .rh2026-au .au-steps{grid-template-columns:1fr;gap:0}
  .rh2026-au .au-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:4px;padding:16px 0 18px}
  .rh2026-au .au-steps .n{grid-row:1/3;margin:3px 0 0}
  .rh2026-au .au-steps b{font-size:17px;margin-bottom:4px}
  .rh2026-au .au-photos{grid-template-columns:1fr;gap:30px}
}