/* After the products (Adam, 2026-11-06). Each product's number sits in its own row, under its
   status. Below the list: what people say, as cards in each product's own colours (the same worlds
   as their drawers), then About Stratara: the founder, on the footer's columns. */

/* the number under each product's status */
.status{display:flex;flex-direction:column;gap:4px;max-width:300px}
.status-proof{font-size:12.5px;line-height:1.35;color:var(--muted)}

.sec-head{font-size:14px;line-height:1.4;padding-bottom:14px;border-bottom:1px solid var(--line);margin:0}
@media(min-width:1500px){.voices,.closing{max-width:1440px;margin-inline:auto}}

/* What people say */
.voices{padding-top:104px}
.vc-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px;padding-top:24px}
.vc{position:relative;margin:0;min-height:300px;padding:30px 30px 24px;border-radius:14px;display:flex;flex-direction:column;gap:18px;overflow:hidden;box-shadow:0 14px 34px #2c30341f}
.vc-mark{display:block;height:34px;font:400 82px/1 var(--serif);margin:-6px 0 -10px -3px;color:var(--vc-accent)}
.vc{container-type:inline-size}
.vc blockquote{margin:0;flex:1}
.vc blockquote p{font:400 clamp(21px,5cqw,32px)/1.28 var(--serif);letter-spacing:-.014em;margin:0;max-width:30ch}
.vc figcaption{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--vc-line)}
.vc-who{font-size:14px}
.vc-src{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--vc-muted)}
.vc-src img{width:24px;height:24px;border-radius:6px;flex:none}
.vc-src a{color:inherit;text-underline-offset:.2em}
.vc-src .arrow-out{width:.75em;height:.75em}
/* each card in its product's world */
.vc-eg{--vc-line:#10252e1c;--vc-muted:#4a575c;background:#fbf8f1;color:#10252e}
.vc-eg{--vc-accent:#af6547}
.vc-potus{--vc-line:#c9a45c40;--vc-muted:#a3aebb;color:#eef0f3;background:radial-gradient(120% 100% at 20% 10%,#1b2a43 0%,#121d2f 55%,#0f1928 100%)}
.vc-potus{--vc-accent:#c9a45c}
.vc-potus .vc-src img{box-shadow:0 0 0 1px #ffffff1f}
.vc-gossip{--vc-line:#ffffff1a;--vc-muted:#9b8a90;color:#f5f0eb;background:radial-gradient(110% 100% at 20% 10%,#2a1b2d 0%,#110d14 70%)}
.vc-gossip{--vc-accent:#c4727f}
.vc-gossip blockquote p{font-family:var(--sans);font-weight:500;font-size:clamp(19px,4.4cqw,28px);line-height:1.36;letter-spacing:-.02em}

/* About Stratara: one composed card, a companion to the quote cards, in Stratara's own paper;
   the portrait beside the name and bio, the Stratara mark large and faint on the right. */
.closing{padding-block:96px 112px}
.closing-body{position:relative;overflow:hidden;margin-top:24px;padding:48px 56px;border-radius:14px;background:#fbfbf9;box-shadow:0 14px 34px #2c30341a}
.founder-mark{position:absolute;right:7%;top:50%;width:auto;height:150%;transform:translateY(-50%);opacity:.07;pointer-events:none}
.founder{position:relative;display:grid;grid-template-columns:148px minmax(0,1fr);gap:44px;align-items:center;max-width:860px}
.founder-photo{width:148px;height:148px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #2c303414,0 10px 26px #2c303424}
.founder-text h2{font:400 38px/1.08 var(--serif);letter-spacing:-.02em;margin:0}
.founder-role{font-size:14px;letter-spacing:.02em;color:var(--muted);margin:8px 0 0}
.founder-role a{color:var(--ink);text-underline-offset:.22em}
.founder-role .arrow-out{width:.7em;height:.7em}
.founder-bio{font-size:18px;line-height:1.6;max-width:560px;margin:18px 0 0}

@media(max-width:1100px){
 .vc-row{gap:14px}.vc{padding:24px 22px 20px;min-height:280px}
}
/* tablets and phones: the cards scroll sideways; the closing block stacks */
@media(max-width:800px){
 .voices{padding-top:72px}
 .vc-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:20px var(--gutter) 10px;scrollbar-width:none}
 .vc-row::-webkit-scrollbar{display:none}
 .vc{flex:0 0 min(84%,340px);scroll-snap-align:start;min-height:290px}
 .closing{padding-block:64px 80px}
 .closing-body{padding:28px 24px 30px;margin-top:20px}
 .founder-mark{right:-22%;top:62%;height:115%;opacity:.045}
 .founder{grid-template-columns:80px minmax(0,1fr);column-gap:18px;row-gap:0;align-items:center}
 .founder-photo{width:80px;height:80px}
 .founder-text{display:contents}
 .founder-text h2{grid-column:2;grid-row:1;align-self:end;font-size:28px;margin-bottom:2px}
 .founder-role{grid-column:2;grid-row:2;align-self:start;margin-top:4px}
 .founder-photo{grid-row:1 / 3}
 .founder-bio{grid-column:1 / -1;grid-row:3;margin-top:18px;font-size:16px}
}
/* phones: each product's number runs under its category, across to the status column */
@media(max-width:600px){
 .status{display:contents}
 .status-main{grid-column:3;grid-row:1 / 3;align-self:start;line-height:1.3;padding-top:2px}
 .status-proof{grid-column:2 / 4;grid-row:3;font-size:12px;margin-top:2px}
}
/* a quote waits off the page until it is cleared to run */
.vc[data-pending]{display:none}

/* phones: the number sits under the status, in the status column; the product column stays clear (Adam, 2026-11-07) */
@media(max-width:600px){
 .status{display:flex;flex-direction:column;gap:6px;grid-column:3;grid-row:1 / 4;align-self:start;padding-top:2px}
 .status-main{line-height:1.3;padding-top:0}
 .status-proof{font-size:11.5px;line-height:1.35;margin-top:0;color:var(--muted)}
}