/* r26 (9 Nov 2026), lane B2: How we work, Research, Areas (words), Results, Team. Loads after polish-r26a.css. */

/* ---------- RESEARCH (#1, #46): arrives finished. Halves at 0, labels .12 / .24 s, nodes and rays .24 to .72 s, every move .6 s ---------- */
.rcore .hf,.rcore .hf.b{transition:opacity .6s var(--ease),transform .6s var(--ease),filter .6s var(--ease);transition-delay:0s}
.rcore .ct{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rcore .ct.y{transition-delay:.12s}
.rcore .ct.g{transition-delay:.24s}
.rl .ring{transition:stroke-dashoffset .6s var(--ease)}
.rl .ln{transition:stroke-dashoffset .6s var(--ease),stroke .6s var(--ease),stroke-width .6s var(--ease),opacity .6s var(--ease)}
.rl .dot{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rn .rx{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.rn .rule{transition:transform .6s var(--ease)}
.rn h4{transition:color .6s var(--ease)}
/* the five checks: every block of text starts on the left edge of its own box */
.rn .rx,.rn.l .rx{text-align:left}
.rn.l .rule,.rn.c .rule{transform-origin:0 50%}
@media (min-width:861px){
  .rn.c .rx{width:max-content;max-width:100%;margin:0 auto;align-items:flex-start;text-align:left}
  .rn.c ul{justify-content:flex-start}
}

/* ---------- HOW WE WORK ---------- */
/* #2 the receipt prints all 14 lines in order, the total, thank-you and barcode included (#33 shadow and #9 ground belong to the system file) */
.paper>*:nth-child(11){--k:10}.paper>*:nth-child(12){--k:11}.paper>*:nth-child(13){--k:12}.paper>*:nth-child(14){--k:13}.paper>*:nth-child(15){--k:14}.paper>*:nth-child(16){--k:15}
.paper .l,.paper .g,.paper .val,.paper .ba,.paper .tot,.paper .ty,.paper .bar{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.paper.go .l,.paper.go .g,.paper.go .val,.paper.go .ba,.paper.go .tot,.paper.go .ty,.paper.go .bar{opacity:1;transform:none}
.paper>.l:nth-of-type(n),.paper>.g:nth-of-type(n),.paper>.val,.paper>.ba,.paper>.tot,.paper>.ty,.paper>.bar{transition-delay:calc(var(--k,0)*.08s)}
.paper.go .l i:after{transition:opacity .6s var(--ease);transition-delay:calc(var(--k,0)*.08s + .3s)}
/* prices: a right-aligned column of tabular figures; the struck value and the buyer's agent line sit above the total */
.paper .l .pr{flex:none;min-width:7ch;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.paper .l .pr small{display:block;font-size:14px;line-height:1.2;opacity:.75}
.paper .val{margin-top:14px;text-align:right;font-variant-numeric:tabular-nums}
.paper .val s{text-decoration:line-through;text-decoration-thickness:1.5px}
.paper .ba{margin-top:6px;text-align:right;font-size:14px;line-height:1.4;color:rgba(17,65,54,.8)}
.paper .val+.ba+.tot{margin-top:10px}
/* #36 the one number on the section */
.paper .tot b{font:300 88px/1 var(--f-disp)}
/* #14 flow chips: flat, no glass, no outline; #15 no ring behind the Cartesian chip at rest */
.hp .fn{-webkit-backdrop-filter:none;backdrop-filter:none;border:0;background:rgba(246,244,238,.07)}
.hp .fn.mid{border:0;box-shadow:none}
/* #35 the travelling dot fades out before the card, 12 px short of it */
@keyframes dot26{0%{left:0;opacity:0}15%{opacity:1}75%{opacity:1}90%,100%{left:calc(100% - 12px);opacity:0}}
.hp .ar i{animation-name:dot26}
/* #21 second column on x 645 (5fr / 7fr, 64 gap), as every other two-column section */
@media (min-width:1440px){
  .how .row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
  .how .rwrap{width:auto}
  .how .paper{max-width:none}
}
@media (min-width:1100px){
  .oldmap .grid.est{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
}
/* #49 the source line stays on one line (it runs 50 px into the 64 px gap, clear of the map) */
@media (min-width:1440px){.areas2 .ec .src{white-space:nowrap}}
/* #43 phone: the card runs edge to edge and its text starts on the page margin */
@media (max-width:600px){
  .how .hp{margin:0 -20px;border-radius:0;padding:48px 20px}
}

/* ---------- RESULTS ---------- */
/* #37 a readable measure */
.results .rq blockquote{max-width:880px}
@media (max-width:600px){.results .rq blockquote{font-size:20px}}
/* #38 the same ground as Areas, running on from it (Areas ends on #0A2923) */
#results.sec.dk{background-color:#0A2A23;background-image:linear-gradient(180deg,#0A2923 0,#0B2D27 100%)}
#results.sec.dk::before{background:
    radial-gradient(40% 36% at 82% 22%,rgba(17,65,54,.95),rgba(17,65,54,0) 70%),
    radial-gradient(28% 34% at 14% 78%,rgba(143,203,176,.10),rgba(143,203,176,0) 70%),
    radial-gradient(22% 24% at 46% 96%,rgba(95,180,150,.10),rgba(95,180,150,0) 70%)}

/* ---------- TEAM (#23): every face is in by 1.08 s ---------- */
.teamsec .rvx{transition-duration:.6s}
.teamsec .pp.rvx:nth-child(1){transition-delay:0s}
.teamsec .pp.rvx:nth-child(2){transition-delay:.12s}
.teamsec .pp.rvx:nth-child(3){transition-delay:.24s}
.teamsec .pp.rvx:nth-child(4){transition-delay:.36s}
.teamsec .pp.rvx:nth-child(n+5){transition-delay:.48s}

@media (prefers-reduced-motion:reduce){
  .paper .l,.paper .g,.paper .val,.paper .ba,.paper .tot,.paper .ty,.paper .bar{opacity:1;transform:none;transition:none}
  .hp .ar i{animation:none}
}
/* r26b: the how-diagram dots travel three times then rest at the end of their arrow (only the background grid loops) */
.hp .ar i{animation-iteration-count:3;animation-fill-mode:forwards}

/* r26g critic fixes: real weights only, the sticky bar steps aside at in-page buttons, a 72 px door button on phones, the cases' link reads as a link, tinted case cards */
b,strong{font-weight:600}
body.atbtn .sticky{transform:translateY(100%)!important}
@media (max-width:600px){.h25 .c-row .btn.big,.cls .c-row .btn.big{min-height:72px}}
.cases .c26-how summary{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}
.cases .c26-card{background:#FBFAF6;box-shadow:none;border:1px solid rgba(17,65,54,.12)}