/* RENOVA FAQ — The Living Plan Room.
   Architectural sheets assemble around a scroll-led survey line. */
.faq-page{
  --pr-paper:#f1efe9;
  --pr-paper-soft:#faf9f6;
  --pr-ink:#191919;
  --pr-charcoal:#242321;
  --pr-accent:#756850;
  --pr-sand:#b4a387;
  --pr-line:#c9c3b8;
  background:var(--pr-paper);
}
.faq-page .site-header{background:rgba(241,239,233,.96);color:var(--pr-ink);border-bottom-color:rgba(25,25,25,.16)}
.faq-page .site-header .brand img{filter:none}
.pr-hero{position:relative;min-height:100svh;padding-top:118px;overflow:hidden;background:var(--pr-paper);color:var(--pr-ink);isolation:isolate}
.pr-hero:before{content:"";position:absolute;inset:96px 0 0;background-image:linear-gradient(to right,rgba(117,104,80,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(117,104,80,.07) 1px,transparent 1px);background-size:clamp(78px,8.2vw,142px) clamp(78px,8.2vw,142px);mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);pointer-events:none;z-index:-1}
.pr-hero-inner{padding-bottom:34px}
.pr-hero-meta{display:flex;justify-content:space-between;gap:24px;padding:19px 0 22px;border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.pr-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:clamp(44px,7vw,122px);align-items:center;min-height:calc(100svh - 246px);padding:clamp(42px,6vh,76px) 0}
.pr-copy{align-self:center}
.pr-kicker{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--pr-accent)}
.pr-kicker:before{content:"";width:38px;height:1px;background:currentColor}
.pr-copy h1{max-width:760px;margin:0;font-weight:400;font-size:clamp(66px,7.4vw,126px);line-height:.89;letter-spacing:-.064em}
.pr-copy h1 em{display:inline-block;margin-left:clamp(28px,6vw,110px);font-family:var(--serif);font-weight:400;color:var(--pr-accent)}
.pr-lede{max-width:455px;margin:38px 0 0 clamp(28px,6vw,110px);font-size:16px;line-height:1.7;color:var(--brand-text-soft)}
.pr-jump{display:inline-flex;align-items:center;justify-content:space-between;width:min(100%,330px);min-height:52px;margin:30px 0 0 clamp(28px,6vw,110px);border-bottom:1px solid var(--pr-ink);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.pr-jump .arrow-icon{font-size:20px}
.pr-study{position:relative;min-height:clamp(520px,60vw,720px);max-height:720px;perspective:1300px;isolation:isolate}
.pr-study:before,.pr-study:after{content:"";position:absolute;background:var(--pr-line);opacity:.9}
.pr-study:before{left:0;right:0;top:50%;height:1px;z-index:0}
.pr-study:after{top:0;bottom:0;left:50%;width:1px;z-index:0}
.pr-cross{position:absolute;inset:4%;border:1px solid rgba(117,104,80,.22);pointer-events:none;z-index:0}
.pr-cross:before,.pr-cross:after{content:"";position:absolute;background:var(--pr-accent)}
.pr-cross:before{width:11px;height:1px;left:-6px;top:28%}.pr-cross:after{width:1px;height:11px;left:-1px;top:calc(28% - 5px)}
.pr-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:6}
.pr-route path{fill:none;vector-effect:non-scaling-stroke}
.pr-route-base{stroke:rgba(117,104,80,.27);stroke-width:1;stroke-dasharray:2 7}
.pr-route-draw{stroke:var(--pr-accent);stroke-width:1.4}
.plan-room-enhanced .pr-route-draw{stroke-dasharray:1;stroke-dashoffset:1}
.pr-route-nodes circle{fill:var(--pr-paper-soft);stroke:var(--pr-accent);stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:fill .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.pr-route-nodes circle.is-passed{fill:var(--pr-accent);transform:scale(1.8)}
.pr-survey-marker{position:absolute;left:6.43%;top:22%;z-index:8;width:34px;height:34px;display:grid;place-items:center;background:var(--pr-accent);color:var(--pr-paper-soft);transform:translate3d(-50%,-50%,0);box-shadow:0 0 0 7px rgba(241,239,233,.82),0 0 0 8px rgba(117,104,80,.72);font-size:8px;line-height:1;letter-spacing:.08em;pointer-events:none;will-change:left,top}
.pr-survey-marker:before,.pr-survey-marker:after{content:"";position:absolute;background:var(--pr-accent);opacity:.72;z-index:-2}
.pr-survey-marker:before{left:-13px;right:-13px;top:50%;height:1px}.pr-survey-marker:after{top:-13px;bottom:-13px;left:50%;width:1px}
.pr-survey-marker span{position:relative;z-index:1}
.pr-survey-marker.is-locking{animation:pr-marker-lock .42s cubic-bezier(.2,.75,.2,1)}
.pr-live-status{position:absolute;z-index:8;left:52%;top:3%;width:min(190px,37%);display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--pr-accent);border-bottom:1px solid var(--pr-accent);background:rgba(241,239,233,.88);font-size:8px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.pr-live-status small{font:inherit;color:var(--pr-accent);white-space:nowrap}
.pr-sheet{position:absolute;overflow:hidden;border:1px solid var(--pr-ink);border-radius:0;will-change:transform;opacity:1;transition:opacity .7s ease,box-shadow .35s ease;transform-origin:center}
.plan-room-enhanced .pr-sheet{opacity:0}
.plan-room-enhanced .pr-hero.is-ready .pr-sheet{opacity:1}
.pr-sheet.is-stage-current{box-shadow:0 0 0 1px var(--pr-paper),0 0 0 2px var(--pr-accent),0 18px 36px rgba(25,25,25,.12)}
.pr-sheet-scope{z-index:2;left:1%;top:8%;width:49%;height:49%;padding:24px;background:var(--pr-accent);color:var(--pr-paper);border-color:var(--pr-accent)}
.pr-sheet-scope span,.pr-sheet-sequence span,.pr-sheet-note span{display:block;font-size:9px;letter-spacing:.17em;text-transform:uppercase}
.pr-sheet-scope strong{display:block;position:absolute;left:22px;bottom:16px;font-weight:400;font-size:clamp(45px,5.7vw,82px);line-height:.85;letter-spacing:-.06em}
.pr-scope-line{position:absolute;right:22px;top:22px;width:41%;height:42%;border-top:1px solid rgba(255,255,255,.65);border-right:1px solid rgba(255,255,255,.65)}
.pr-scope-line:before,.pr-scope-line:after{content:"";position:absolute;background:rgba(255,255,255,.65)}
.pr-scope-line:before{left:0;top:42%;width:100%;height:1px}.pr-scope-line:after{left:55%;top:0;width:1px;height:100%}
.pr-sheet-plan{z-index:3;right:1%;top:14%;width:66%;height:61%;padding:20px;background:rgba(250,249,246,.98)}
.pr-sheet-plan svg{display:block;width:100%;height:100%;overflow:visible}
.plan-room-enhanced .pr-plan-lines>*{stroke-dasharray:1;stroke-dashoffset:var(--plan-offset,1)}
.pr-plan-annotations{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.1em;color:var(--pr-accent);opacity:.65}
.plan-room-enhanced .pr-plan-annotations{opacity:var(--annotation-opacity,.15)}
.pr-sheet-plan .pr-plan-title{position:absolute;right:18px;bottom:13px;padding-left:12px;background:var(--pr-paper-soft);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.pr-sheet-sequence{z-index:4;left:8%;bottom:4%;width:69%;height:24%;padding:18px 20px;background:var(--pr-charcoal);color:var(--pr-paper);border-color:var(--pr-charcoal)}
.pr-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px;border-top:1px solid rgba(255,255,255,.34)}
.pr-milestones i{position:relative;display:block;padding-top:16px;font-style:normal;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-text-on-dark);opacity:.43;transition:opacity .3s ease,color .3s ease}
.pr-milestones i:before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--pr-paper)}
.pr-milestones i.is-complete{color:#fff;opacity:1}.pr-milestones i.is-complete:before{background:var(--pr-sand);box-shadow:0 0 0 4px rgba(180,163,135,.16)}
.pr-sheet-note{z-index:5;right:2%;bottom:0;width:25%;min-height:150px;padding:18px;background:var(--pr-sand);border-color:var(--pr-sand);color:var(--pr-ink)}
.pr-sheet-note strong{display:block;margin-top:30px;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.05}
.pr-study-caption{position:absolute;right:1%;top:2%;margin:0;font-size:9px;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}
.pr-chapters{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);--chapter-index:0}
.pr-chapters:after{content:"";position:absolute;left:0;bottom:-1px;width:25%;height:3px;background:var(--pr-accent);transform:translate3d(calc(var(--chapter-index)*100%),0,0);transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.pr-chapters a{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:16px clamp(14px,1.8vw,28px);border-right:1px solid var(--pr-line);font-size:12px;transition:background .25s,color .25s}
.pr-chapters a:last-child{border-right:0}.pr-chapters a:hover,.pr-chapters a:focus-visible,.pr-chapters a[aria-current="location"]{background:var(--pr-charcoal);color:var(--pr-paper)}
.pr-chapters small{font-size:9px;color:var(--pr-accent)}.pr-chapters .arrow-icon{font-size:16px}

/* The answer room becomes a dark plan index beside four pale project sheets. */
.q-room.q-shell{max-width:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(285px,31vw) minmax(0,1fr);gap:0;background:var(--pr-charcoal);align-items:start}
.q-index{position:sticky;top:76px;align-self:start;min-height:calc(100svh - 76px);padding:clamp(70px,8vw,126px) clamp(28px,4vw,68px);color:var(--pr-paper);background:var(--pr-charcoal)}
.q-index:before{content:"PROJECT CONVERSATION";display:block;margin-bottom:52px;font-size:9px;letter-spacing:.2em;color:var(--brand-text-on-dark)}
.q-index>.q-label{max-width:260px;font-size:clamp(32px,3.5vw,58px);line-height:.98;letter-spacing:-.045em;text-transform:none}
.q-index nav{position:relative;margin-top:58px;border-bottom:1px solid rgba(255,255,255,.19)}
.q-index nav a{position:relative;grid-template-columns:24px 1fr 16px;min-height:67px;padding:18px 0;border-top:1px solid rgba(255,255,255,.19);color:var(--brand-text-on-dark);transition:color .25s,padding-left .25s}
.q-index nav a:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--pr-sand);transition:width .3s}
.q-index nav a:hover,.q-index nav a[aria-current="location"]{color:#fff;padding-left:19px}
.q-index nav a:hover:before,.q-index nav a[aria-current="location"]:before{width:10px}
.q-index nav a span:first-child{display:grid;place-items:center;width:22px;height:22px;color:var(--pr-sand);transition:background .25s,color .25s,transform .25s}
.q-index nav a[aria-current="location"] span:first-child{background:var(--pr-sand);color:var(--pr-charcoal);transform:rotate(-4deg)}
.q-personal{margin-top:54px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.19);background:transparent}
.q-personal p{padding:16px 0 13px;font-size:20px}.q-personal a{color:var(--pr-sand)}
.q-reading{min-width:0;padding:clamp(70px,8vw,126px) clamp(26px,6vw,104px) 110px;background:var(--pr-paper);color:var(--pr-ink)}
.q-search{position:relative;margin:0 0 72px;padding:27px 30px 25px;border:1px solid var(--pr-line);background:var(--pr-paper-soft)}
.q-search:before{content:"SEARCH THE PLAN ROOM";display:block;margin-bottom:10px;font-size:9px;letter-spacing:.18em;color:var(--pr-accent)}
.q-search:after{content:"";position:absolute;right:-1px;top:-1px;width:12px;height:12px;background:var(--pr-accent)}
.q-search label{font-size:13px}.q-input-wrap{border-bottom-color:var(--pr-ink)}
.q-input-wrap input{font-size:clamp(18px,2vw,25px)}.q-search #faq-status{letter-spacing:.08em;text-transform:uppercase}
.q-group{position:relative;margin:0 0 26px;padding:clamp(32px,4.3vw,66px);border:1px solid var(--pr-line);background:var(--pr-paper-soft);scroll-margin-top:100px;clip-path:polygon(0 0,calc(100% - 29px) 0,100% 29px,100% 100%,0 100%);transform-origin:50% 0;transition:border-color .35s ease,box-shadow .35s ease}
.plan-room-enhanced .q-group{opacity:0;transform:perspective(1100px) translateY(30px) rotateX(-4deg);clip-path:polygon(0 0,calc(100% - 29px) 0,100% 29px,100% 29px,0 29px);transition:opacity .45s ease,transform .9s cubic-bezier(.16,.72,.2,1),clip-path 1s cubic-bezier(.16,.72,.2,1),border-color .35s ease,box-shadow .35s ease}
.plan-room-enhanced .q-group.is-seen{opacity:1;transform:perspective(1100px) translateY(0) rotateX(0);clip-path:polygon(0 0,calc(100% - 29px) 0,100% 29px,100% 100%,0 100%)}
.q-group.is-current{border-color:var(--pr-accent);box-shadow:0 22px 50px rgba(36,35,33,.08)}
.q-group:before{content:"";position:absolute;left:-1px;top:-1px;width:5px;height:72px;background:var(--pr-accent);transition:height .65s cubic-bezier(.2,.7,.2,1)}
.q-group.is-current:before{height:calc(100% + 2px)}
.q-group:after{content:"";position:absolute;z-index:2;right:0;top:0;width:29px;height:29px;background:linear-gradient(225deg,var(--pr-paper) 0 48%,var(--pr-line) 49% 51%,transparent 52%);pointer-events:none}
.q-group header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.42fr);gap:35px;align-items:end;padding:0 0 36px;border-bottom:1px solid var(--pr-line)}
.q-group header .q-label{grid-column:1/-1;color:var(--pr-accent)}
.q-group h2{margin:0;padding:0;font-size:clamp(35px,4.1vw,66px);font-weight:400;line-height:.94;letter-spacing:-.052em}
.q-group header>p:last-child{max-width:250px;margin:0 0 4px;font-size:13px;line-height:1.55;color:var(--brand-text-soft)}
.q-group details{position:relative;border-top:0;border-bottom:1px solid var(--pr-line)}
.q-group details:last-child{border-bottom:0}
.q-group summary{position:relative;grid-template-columns:28px minmax(0,1fr) 34px;gap:20px;min-height:91px;padding:22px 0;font-size:clamp(17px,1.55vw,23px);line-height:1.28}
.q-group summary:before{content:"";position:absolute;left:0;right:auto;bottom:-1px;width:0;height:1px;background:var(--pr-accent);transition:width .45s cubic-bezier(.2,.7,.2,1)}
.q-group summary:hover:before,.q-group summary:focus-visible:before,.q-group details[open] summary:before{width:100%}
.q-number{font-size:9px;letter-spacing:.12em;color:var(--pr-accent)}
.q-toggle{width:32px;height:32px;border:1px solid var(--pr-ink);border-radius:0;background:transparent}
.q-toggle:before,.q-toggle:after{left:8px;top:15px;width:14px}
.q-group details[open] .q-toggle{transform:none;background:var(--pr-charcoal);color:var(--pr-paper)}
.q-group details[open] .q-toggle:after{transform:rotate(0)}
.q-answer{max-width:820px;padding:0 54px 30px 48px;font-size:15px;line-height:1.8;color:var(--brand-text-soft)}
.q-group details[open] .q-answer{animation:pr-answer-reveal .45s cubic-bezier(.2,.7,.2,1) both}
.q-answer>a{color:var(--pr-ink)}
.q-empty{padding:50px;border:1px solid var(--pr-line)}

/* Closing guidance follows the same measured-sheet language. */
.q-ready.q-shell{max-width:none;margin:0;padding:clamp(78px,9vw,138px) var(--gutter);background:var(--pr-accent);color:var(--pr-paper)}
.q-ready h2{max-width:760px}.q-ready h2 em{font-family:var(--serif);font-weight:400;color:#fff}
.q-ready>div>p:last-child{color:#e5ded3}.q-ready li{border-top-color:rgba(255,255,255,.35)}
.q-ready li>span{color:#eadfcd}.q-ready li p{color:#e5ded3}
.q-note{padding-block:28px;border-bottom:1px solid var(--pr-line)}
.q-close{padding-top:110px}.q-close>a{align-items:end}.q-close h2{font-size:clamp(58px,8vw,128px);font-weight:400}.q-close h2 em{font-family:var(--serif);font-weight:400;color:var(--pr-accent)}

@keyframes pr-marker-lock{0%{box-shadow:0 0 0 7px rgba(241,239,233,.82),0 0 0 8px rgba(117,104,80,.72)}45%{box-shadow:0 0 0 11px rgba(241,239,233,.6),0 0 0 12px rgba(117,104,80,.92)}100%{box-shadow:0 0 0 7px rgba(241,239,233,.82),0 0 0 8px rgba(117,104,80,.72)}}
@keyframes pr-answer-reveal{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .pr-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:38px}
  .pr-copy h1{font-size:clamp(62px,7vw,88px)}
  .q-room.q-shell{grid-template-columns:270px minmax(0,1fr)}
  .q-reading{padding-inline:42px}
  .q-group header{grid-template-columns:1fr}
  .q-group header>p:last-child{max-width:480px}
}
@media(max-width:760px){
  .pr-hero{padding-top:94px;min-height:0}
  .pr-hero:before{inset:72px 0 0;background-size:82px 82px;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}
  .pr-hero-meta{padding:14px 0;font-size:8px}.pr-hero-meta span:last-child{display:none}
  .pr-hero-grid{display:block;min-height:0;padding:42px 0 26px}
  .pr-copy h1{font-size:clamp(57px,16vw,82px);line-height:.91}
  .pr-copy h1 em{margin-left:0}
  .pr-lede,.pr-jump{margin-left:0}
  .pr-lede{margin-top:28px;font-size:15px}
  .pr-study{min-height:480px;margin-top:45px}
  .pr-survey-marker{width:28px;height:28px;font-size:7px;box-shadow:0 0 0 5px rgba(241,239,233,.82),0 0 0 6px rgba(117,104,80,.72)}
  .pr-live-status{left:45%;top:1%;width:51%;padding:8px 0;font-size:7px}
  .pr-sheet-scope{left:0;top:5%;width:54%;height:45%;padding:17px}
  .pr-sheet-scope strong{left:16px;bottom:14px;font-size:45px}
  .pr-sheet-plan{right:0;top:13%;width:72%;height:59%;padding:13px}
  .pr-sheet-sequence{left:4%;bottom:4%;width:76%;height:25%;padding:14px}
  .pr-milestones{margin-top:20px}.pr-milestones i{font-size:7px}
  .pr-sheet-note{right:0;bottom:0;width:28%;min-height:125px;padding:13px}
  .pr-sheet-note strong{margin-top:24px;font-size:20px}
  .pr-study-caption{display:none}
  .pr-chapters{grid-template-columns:1fr 1fr}
  .pr-chapters:after{display:none}
  .pr-chapters a{min-height:68px;border-bottom:1px solid var(--pr-line)}
  .pr-chapters a:nth-child(2){border-right:0}.pr-chapters a:nth-child(n+3){border-bottom:0}
  .q-room.q-shell{display:block}
  .q-index{position:relative;top:0;min-height:0;padding:65px 20px 48px}
  .q-index:before{margin-bottom:28px}.q-index>.q-label{font-size:39px}
  .q-index nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:36px;margin-bottom:0}
  .q-index nav a{grid-template-columns:19px 1fr;min-height:63px;font-size:12px}
  .q-index nav a span:last-child{display:none}
  .q-index nav a:hover,.q-index nav a[aria-current="location"]{padding-left:12px}
  .q-personal{display:block;margin-top:38px}.q-personal p{font-size:18px}
  .q-reading{padding:56px 20px 70px}
  .q-search{margin-bottom:34px;padding:22px 20px}
  .q-group{padding:30px 20px 24px;margin-bottom:18px;clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,0 100%)}
  .plan-room-enhanced .q-group{clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 21px,0 21px)}
  .plan-room-enhanced .q-group.is-seen{clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,0 100%)}
  .q-group:after{width:21px;height:21px}
  .q-group header{gap:14px;padding-bottom:26px}.q-group h2{font-size:37px}
  .q-group summary{grid-template-columns:20px minmax(0,1fr) 30px;gap:11px;min-height:82px;font-size:16px}
  .q-toggle{width:29px;height:29px}.q-toggle:before,.q-toggle:after{left:7px;top:13px;width:13px}
  .q-answer{padding:0 8px 26px 31px;font-size:15px}
  .q-ready.q-shell{padding:66px 20px}.q-close{padding-top:74px}
}
@media(max-width:390px){
  .pr-study{min-height:440px}
  .pr-sheet-note{width:31%}
  .pr-chapters a{padding-inline:10px;grid-template-columns:19px 1fr}.pr-chapters .arrow-icon{display:none}
  .q-index nav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .pr-sheet,.pr-route-nodes circle,.pr-survey-marker,.q-group,.q-index nav a,.pr-chapters:after{transition:none!important;animation:none!important}
  .plan-room-enhanced .q-group{opacity:1;transform:none;clip-path:polygon(0 0,calc(100% - 29px) 0,100% 29px,100% 100%,0 100%)}
  .q-group details[open] .q-answer{animation:none}
}
