/* Scoped r3 disclosure and Contact refinement. Existing assets and business controls stay intact. */
#process.process-disclosure #story{height:auto!important;min-height:0;margin-top:0}
#process.process-disclosure #story>.stage{display:none!important}
#process.process-disclosure #cards{display:block!important;margin:0;padding:0 var(--pad)}
.process-guide{margin:2rem 0 1rem;color:var(--mid);font-size:1rem;line-height:1.6}
.process-outline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 1.5rem;list-style:none;padding:0;margin:0 0 2.5rem}
.process-outline li{min-width:0;border-bottom:1px solid var(--stone)}
.process-outline a{display:flex;gap:.65rem;align-items:baseline;min-height:64px;padding:.8rem 0;color:var(--mid);font-size:.9375rem;line-height:1.5;text-decoration:none}
.process-outline a:hover,.process-outline a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:.25em}
.process-outline .process-key a{color:var(--ink);font-weight:500}
.process-outline .num{color:var(--copper);font:400 .8125rem/1.6 var(--mono);flex:none}
#process.process-disclosure #cards>li{display:block;padding:0;border-top:1px solid var(--stone);scroll-margin-top:calc(var(--hh) + 24px)}
#process.process-disclosure .process-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.65fr) minmax(0,1.35fr);grid-template-areas:'copy product proof';gap:1.5rem 2rem;align-items:center;padding:2.5rem 0}
#process.process-disclosure .process-row>.cap{grid-area:copy;margin:0;min-width:0}
#process.process-disclosure .b2-stepcard{margin:0 0 1rem;padding:0;max-width:none;width:auto;background:transparent}
#process.process-disclosure .cap h3{margin:.4rem 0 0;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.15}
#process.process-disclosure .cap p{font-size:1rem;line-height:1.6;margin:.65rem 0 0;max-width:40ch}
#process.process-disclosure .cap .hard{font-size:.8125rem;line-height:1.5;margin-top:1rem}
#process.process-disclosure .process-row>.b3-tile{grid-area:product;min-width:0;padding:1rem;gap:.75rem}
#process.process-disclosure #cards .b3-tile>img{height:clamp(200px,24vw,320px);max-width:100%;width:auto;object-fit:contain}
#process.process-disclosure .b3-tag{font:400 .8125rem/1.4 var(--sans);letter-spacing:0;text-transform:none;border:0;padding:0;background:transparent!important}
#process.process-disclosure .b3-tag i{display:none}
#process.process-disclosure .process-row>.b2-photo{grid-area:proof;margin:0;min-width:0}
#process.process-disclosure .b2-photo .ed-in{clip-path:none!important}
#process.process-disclosure #cards .b2-photo figcaption{display:block;font-size:.8125rem;line-height:1.5;color:var(--mid);margin-top:.75rem}
#process.process-disclosure .wall,#process.process-disclosure .wallnote,#process.process-disclosure .truecol,#process.process-disclosure .process-row>.b3-qc-static{grid-column:1/-1}
#process.process-disclosure .wall{max-width:48rem;opacity:1;visibility:visible;transform:none;pointer-events:auto;margin:0 auto;width:100%}
#process.process-disclosure .wallnote{font-size:.875rem;line-height:1.6;margin:0;text-align:center}
#process.process-disclosure .truecol{margin:0;justify-content:center}
#process.process-disclosure .process-row>.b3-qc-static{margin:0;padding:1rem 1.25rem}
#process.process-disclosure .b3-qc-static ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem 1rem}
#process.process-disclosure #cards .b3-qc-static li{border:0;padding:.25rem 0;font-size:.875rem;line-height:1.5;display:flex}
.process-step-details>summary{cursor:pointer;display:flex;align-items:center;gap:1rem;min-height:72px;padding:1rem 0;list-style:none;font-size:1.125rem;line-height:1.4}
.process-step-details>summary::-webkit-details-marker{display:none}
.process-step-details>summary .num{font:400 .8125rem/1.5 var(--mono);color:var(--copper)}
.process-summary-title{flex:1;min-width:0}
.process-disclosure-action{font:400 .875rem/1.5 var(--sans);color:var(--mid);white-space:nowrap}
.process-open-label,.process-step-details[open]>summary .process-closed-label{display:none}
.process-step-details[open]>summary .process-open-label{display:inline}
.process-step-details[open]>summary{border-bottom:1px solid var(--stone)}
.process-close{grid-column:1/-1;justify-self:start;min-height:44px;padding:.5rem 0;background:transparent;border:0;border-bottom:1px solid var(--ink);color:var(--ink);font:500 .9375rem/1.5 var(--sans);cursor:pointer}
.process-extra-media{grid-column:1/-1;max-width:48rem;width:100%;margin:0 auto;border-top:1px solid var(--stone)}
.process-extra-media summary{cursor:pointer;min-height:48px;padding:.75rem 0;font-size:.9375rem}
.process-extra-media figure{margin:1rem 0 0}.process-extra-media img{display:block;width:100%;height:auto;max-height:34rem;object-fit:contain;aspect-ratio:auto}
.process-extra-media figcaption{font-size:.875rem;color:var(--mid);margin-top:.75rem}
body[data-page="contact"] .contact-quote{padding-top:calc(var(--hh) + 4rem);border-top:0}
body[data-page="contact"] .contact-quote h1{font-size:clamp(2.625rem,5vw,4.5rem);line-height:1.02;max-width:16ch}
body[data-page="contact"] .contact-quote>.rv>.lead{font-size:1.0625rem;line-height:1.6;max-width:65ch;margin-top:1.25rem}
body[data-page="contact"] .contact-quote .qwrap{margin-top:2rem}
@media(max-width:1000px){.process-outline{grid-template-columns:repeat(3,minmax(0,1fr))}#process.process-disclosure .process-row{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);grid-template-areas:'copy copy' 'product proof';gap:1.5rem}#process.process-disclosure .cap p{max-width:60ch}}
@media(max-width:600px){.process-outline{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;margin-bottom:1.5rem}.process-outline a{font-size:.875rem;min-height:64px}.process-guide{margin-top:1.5rem}.process-step-details>summary{gap:.65rem;font-size:1rem}.process-disclosure-action{font-size:.8125rem}.process-step-details>summary .num{font-size:.75rem}#process.process-disclosure .process-row{padding:2rem 0;gap:1rem}#process.process-disclosure .process-row>.b3-tile{padding:.5rem}#process.process-disclosure #cards .b3-tile>img{height:180px}#process.process-disclosure .b3-tag{font-size:.75rem}#process.process-disclosure .b2-photo .photo-seat{margin-right:12px;margin-bottom:12px}#process.process-disclosure .b2-photo .photo-seat::before{inset:12px -12px -12px 12px}#process.process-disclosure .b3-qc-static ul{grid-template-columns:repeat(2,minmax(0,1fr))}#process.process-disclosure .cap h3{font-size:1.875rem}body[data-page="contact"] .contact-quote{padding-top:calc(var(--hh) + 2.75rem)}}

#process.process-disclosure :is(summary,a,button):focus-visible{outline:2px solid var(--copper);outline-offset:4px}
@media(min-width:768px){.process-step-details>summary{padding-right:64px}}

/* R8: confirmed original R2 document-scroll pin; retained R3 column and image sizes. */
#process.process-disclosure.process-pinned-view #story{height:calc(100vh + 10 * 75vh)!important;position:relative;margin:0}
#process.process-disclosure.process-pinned-view #story>.stage{display:flex!important;position:sticky;top:var(--hh);height:calc(100vh - var(--hh));width:100%;max-width:none;align-items:center;padding:0;overflow:hidden}
#process.process-disclosure.process-pinned-view #cards{display:none!important}
#process.process-pinned-view .process-outline,#process.process-pinned-view .process-guide{display:none}
#process.process-pinned-view #story .b3-layout{grid-template-columns:minmax(0,.9fr) minmax(0,.65fr) minmax(0,1.35fr);gap:2rem;width:100%;max-width:none;margin:0;padding:0 var(--pad)}
#process.process-pinned-view #story #steps{padding:0;margin:0;align-self:center}
#process.process-pinned-view #story #steps button{min-height:44px;padding:.5rem 0;font-size:.9375rem;line-height:1.45}
#process.process-pinned-view #story .b3-canvas{height:auto;display:block;padding:1rem;background:var(--paper)}
#process.process-pinned-view #story .b3-ctop{position:static;display:block;text-align:left;min-height:0;margin:0 0 .75rem}
#process.process-pinned-view #story #stageHint{position:static;margin-top:.5rem;font-size:.8125rem}
#process.process-pinned-view #story .b3-pstage{height:var(--pin-product-height);width:100%;position:relative}
#process.process-pinned-view #story .b3-pend{height:100%;width:auto;max-width:100%;aspect-ratio:581/851}
#process.process-pinned-view #story .b3-tag{border:0;padding:0;font-weight:400;letter-spacing:0;text-transform:none;background:transparent!important}
#process.process-pinned-view #story .photo{width:100%;margin:0;display:block;align-self:center}
#process.process-pinned-view #story .photo>figure{width:100%;margin:0}
#process.process-pinned-view #story .photo-seat{margin-right:24px;margin-bottom:24px}
#process.process-pinned-view #story .photo-seat::before{inset:24px -24px -24px 24px}
#process.process-pinned-view #story .photo-seat>.ed-in{aspect-ratio:4/3;clip-path:none!important;border-radius:6px;overflow:hidden}
#process.process-pinned-view #story #frame{width:100%;height:auto;aspect-ratio:4/3;mask-image:none;-webkit-mask-image:none}
#process.process-pinned-view #story #frame img{opacity:0;clip-path:none;transform:none;transition:none;object-fit:cover}
#process.process-pinned-view #story #frame img.on{opacity:1}
#process.process-pinned-view #story .photo>figure>figcaption{padding:0;margin-top:.75rem;line-height:1.5;border-top:0}
#process.process-pinned-view #story .cap{margin:1.5rem 0 0;padding:0;max-width:none}
#process.process-pinned-view #story .cap .num{display:block}
#process.process-pinned-view #story .cap h3{display:block;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.15;margin:.4rem 0 0}
#process.process-pinned-view #story .cap p{font-size:1rem;line-height:1.6;max-width:40ch;margin:.65rem 0 0}
#process.process-pinned-view #story .cap .hard{font-size:.8125rem;line-height:1.5;margin-top:1rem}
#process.process-pinned-view #story #b3-sub{font:400 .8125rem/1.5 var(--sans);letter-spacing:0;text-transform:none}
#process.process-pinned-view #story .wall,#process.process-pinned-view #story .wallnote,#process.process-pinned-view #story .truecol{display:none!important}

/* R8.2: restore the user-selected R8 presentation; keep both images free from zoom. */
#process .b3-pend,#process .b3-pend img,#process #frame,#process #frame img,#process .b3-tile,#process .b3-tile img,#process .b2-photo,#process .b2-photo .ed-in,#process .b2-photo img,#process .photo-seat{transform:none!important;scale:none!important;rotate:none!important;translate:none!important;animation:none!important;transition:none!important;will-change:auto!important}
#process .b2-photo .ed-in{clip-path:none!important}
.process-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:16px;background:var(--tile);color:var(--ink);font:400 16px/1.5 var(--sans);text-align:center;z-index:2}
.process-loading[hidden]{display:none}

/* Phone composition uses the same native document progress and the same ten steps.
   No touch interception or nested scrolling: a short/zoomed screen uses readable rows. */
@media(max-width:900px){
 #process.process-disclosure.process-pinned-view #story{height:calc(var(--process-viewport,100svh) * 7.5)!important}
 #process.process-disclosure.process-pinned-view #story>.stage{height:calc(var(--process-viewport,100svh) - var(--hh));overflow:visible}
 #process.process-pinned-view #story .b3-layout{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:12px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));align-items:start;max-height:none}
 #process.process-pinned-view #story #steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;border:0;width:100%;align-self:start}
 #process.process-pinned-view #story #steps li{min-width:0;transform:none}
 #process.process-pinned-view #story #steps button{font-size:0;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;border:0;border-radius:0;color:var(--mid)}
 #process.process-pinned-view #story #steps button .n{margin:0;width:auto;text-indent:0;font-size:13px!important;line-height:1}
 #process.process-pinned-view #story #steps button.on{background:var(--ink);color:var(--paper)}
 #process.process-pinned-view #story #steps button::before,#process.process-pinned-view #story #steps button::after{display:none}
 #process.process-pinned-view #story .b3-canvas{grid-column:1;grid-row:2;padding:0;background:transparent;display:flex;flex-direction:column-reverse;gap:8px}
 #process.process-pinned-view #story .b3-pstage{height:clamp(140px,23svh,210px)}
 #process.process-pinned-view #story .b3-pend{width:100%;height:100%;aspect-ratio:auto;max-width:100%}
 #process.process-pinned-view #story .b3-ctop{margin:0;position:static}
 #process.process-pinned-view #story .b3-tag{font-size:13px;line-height:1.4}
 #process.process-pinned-view #story #stageHint{display:none}
 #process.process-pinned-view #story .photo{display:contents}
 #process.process-pinned-view #story .photo>figure{grid-column:2;grid-row:2;margin:0}
 #process.process-pinned-view #story .photo-seat{margin:0}
 #process.process-pinned-view #story .photo-seat::before{display:none}
 #process.process-pinned-view #story .photo>figure>figcaption{min-height:4.5em;margin-top:8px;font-size:13px!important;line-height:1.5!important;text-transform:none!important;letter-spacing:0!important}
 #process.process-pinned-view #story .cap{grid-column:1/-1;grid-row:3;margin:0;min-width:0}
 #process.process-pinned-view #story .cap h3{font-size:28px!important;min-height:2.3em;line-height:1.15!important;margin:4px 0 0}
 #process.process-pinned-view #story .cap p{font-size:16px!important;line-height:1.5!important;min-height:4.5em;max-width:none;margin:6px 0 0}
 #process.process-pinned-view #story .cap .hard{font-size:13px!important;line-height:1.5!important;min-height:3em;margin-top:8px}
 #process.process-pinned-view #story #b3-sub{min-height:1.5em;margin:0}
 body:has(#process.process-pinned-view #story:hover)>.whatsapp{visibility:hidden}
}