/* about: one 12 column grid, running copy on axis A1 (column 1) or A2 (column 7), hero to footer. */
.pg-ab{--pg-g:clamp(20px,4.5vw,64px);--pg-w:1240px;--pg-gap:24px;background:#EEE9DF}
.pg-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);padding-inline:max(var(--pg-g),calc((100% - var(--pg-w)) / 2))}
.pg-sec{position:relative;padding-top:clamp(64px,8vh,104px);padding-bottom:clamp(64px,8vh,104px);color:#0A0D12}
.pg-sec.pg-dark{color:#EEE9DF}
.pg-kraft{--muted:#2B2620}
.pg-h2{grid-column:1/9;font-weight:600;font-variation-settings:"wdth" 78;font-size:clamp(32px,3.6vw,52px);line-height:1.04;letter-spacing:-.022em;text-wrap:balance}
.pg-lab{display:block;margin-bottom:6px;color:#3A332A}
.pg-dark .pg-lab{color:#8A8F98}
.pg-a1{grid-column:1/7}
.pg-a2{grid-column:7/13}
.pg-body p{font-size:17px;line-height:1.62;max-width:54ch}
.pg-body p+p{margin-top:20px}
.pg-mt{margin-top:clamp(40px,5.5vh,72px)}
.pg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* hero: the whole crest on paper, h1 on A1, lede on A2 */
.pg-hero{padding-top:clamp(132px,17vh,190px);padding-bottom:clamp(72px,9vh,120px)}
.pg-crumb{grid-column:1/-1}
.pg-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 10px}
.pg-crumb li+li::before{content:"/";margin-right:10px;opacity:.65}
.pg-crumb a{text-decoration:none}
.pg-crumb a:hover{text-decoration:underline;text-underline-offset:.25em}
.pg-h1{grid-column:1/8;margin-top:clamp(28px,4vh,44px);font-weight:600;font-variation-settings:"wdth" 80;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.025em}
.pg-hero-lede{grid-column:7/13;align-self:end;font-size:clamp(17px,1.35vw,20px);line-height:1.5;max-width:40ch}
.pg-hero-still{grid-column:1/-1;margin-top:clamp(40px,6vh,72px)}
.pg-hero-still img{aspect-ratio:1400/560;object-fit:cover;object-position:50% 46%}

/* the name: the strongest moment on the page */
.pg-name .pg-name-h{grid-column:1/-1;font-weight:600;font-variation-settings:"wdth" 72;font-size:clamp(44px,7.4vw,116px);line-height:.98;letter-spacing:-.04em}
.pg-name .pg-name-h em{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:360;font-variation-settings:"opsz" 72;letter-spacing:-.02em}
.pg-name-fig{grid-column:1/7;margin-top:clamp(44px,6vh,80px)}
.pg-name-body{grid-column:7/13;margin-top:clamp(44px,6vh,80px)}
.pg-name-body p:first-child{font-size:clamp(19px,1.5vw,22px);line-height:1.48}

/* why: reading column with one sentence pulled out, still on the other axis */
.pg-why-col{grid-column:7/13;grid-row:1}
.pg-why .pg-h2{grid-column:auto}
.pg-why-still{grid-column:1/6;grid-row:1;align-self:stretch}
.pg-why-still img{height:100%;object-fit:cover;min-height:280px}
.pg-why-body{margin-top:26px}
.pg-pull{margin-top:26px;font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:360;font-variation-settings:"opsz" 72;font-size:clamp(23px,2.3vw,34px);line-height:1.22;letter-spacing:-.012em;max-width:22ch}

/* facts: a spec sheet, one row picked out */
.pg-facts .pg-htable{grid-column:1/-1;margin-top:clamp(36px,5vh,56px)}
.pg-facts .dx-htable tbody th{width:26%;background:rgba(10,13,18,.05);border-radius:4px 0 0 4px}
.pg-facts .dx-htable tbody tr.dx-row-on th{background:transparent}

/* founder: a placeholder, never a person who does not exist yet */
.pg-founder-card{grid-column:1/6;margin-top:clamp(36px,5vh,56px);align-self:stretch;display:flex}
.pg-founder-body{grid-column:7/13;margin-top:clamp(36px,5vh,56px)}
.pg-ph{border:1.5px dashed rgba(10,13,18,.34);border-radius:6px;padding:16px 18px;font:400 15px/1.55 var(--sans);color:#3A332A}
.pg-ph-photo,.pg-ph-name{font:500 11px/1.7 var(--monof);letter-spacing:.12em;text-transform:uppercase}
.pg-ph-photo{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;text-align:center}
.pg-ph-name{display:inline-block;font-size:13px;letter-spacing:.14em}
.pg-founder-mono{display:flex;align-items:center;justify-content:center;width:100%;min-height:320px;border-radius:6px;background:#0A0D12;color:#EEE9DF;font:600 clamp(72px,9vw,128px)/1 var(--sans);letter-spacing:-.02em}
.pg-founder-body .pg-founder-name{font:600 clamp(26px,2.4vw,34px)/1.15 var(--sans);letter-spacing:-.01em}
.pg-founder-body p+p{margin-top:14px}
.pg-founder-role{font:500 11px/1.7 var(--monof);letter-spacing:.14em;text-transform:uppercase;color:#3A332A}

/* beliefs: five filled panels */
.pg-beliefs-list{grid-column:1/-1;margin-top:clamp(36px,5vh,56px);list-style:none;counter-reset:bl;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pg-gap)}
.pg-beliefs-list li{counter-increment:bl}
.pg-beliefs-list li::before{content:counter(bl,decimal-leading-zero);display:block;margin-bottom:26px;font:500 11px/1 var(--monof);letter-spacing:.13em;opacity:.55}
.pg-beliefs-list li:first-child{background:rgba(255,194,26,.16)}
.pg-beliefs-list h3{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.22}
.pg-beliefs-list p{margin-top:8px;font-size:16px;line-height:1.5}

/* how: the stairs drawing on one axis, the five steps on the other */
.pg-how .pg-h2{grid-column:1/9;grid-row:1}
.pg-how-fig{grid-column:1/6;grid-row:2;margin-top:clamp(36px,5vh,56px);align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-radius:6px;background:rgba(10,13,18,.05);padding:clamp(18px,2vw,26px)}
.pg-how-list{grid-row:1/3}
.pg-how-list{grid-column:7/13;grid-row:2;margin-top:clamp(36px,5vh,56px);list-style:none;counter-reset:hw;display:grid;gap:22px;align-content:start;padding:clamp(20px,2.2vw,30px)}
.pg-how-list li{counter-increment:hw;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px}
.pg-how-list li>*{grid-column:2}
.pg-how-list li::before{content:counter(hw,decimal-leading-zero);grid-column:1;font:400 11px/1.9 var(--monof);letter-spacing:.13em;opacity:.6}
.pg-how-list h3{font-size:19px;font-weight:600;letter-spacing:-.01em}
.pg-how-list p{margin-top:6px;font-size:16px;line-height:1.55;max-width:46ch}

/* tools */
.pg-tools-lede{grid-column:1/7;margin-top:22px;font-size:17px;line-height:1.6}
.pg-tools .pg-htable{grid-column:1/-1;margin-top:clamp(32px,4.5vh,48px)}
.pg-tools-note{grid-column:7/13;margin-top:26px;font-size:16px;line-height:1.6}

/* who: two panels facing each other */
.pg-who .pg-h2{grid-column:1/9;grid-row:1}
.pg-who-a{grid-column:1/7;grid-row:2;margin-top:clamp(36px,5vh,56px);align-self:stretch}
.pg-who-b{grid-column:7/13;grid-row:2;margin-top:clamp(36px,5vh,56px);align-self:stretch;background:rgba(10,13,18,.085)}
.pg-who h3{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}
.pg-who ul{list-style:none;display:grid;gap:13px}
.pg-who li{font-size:16px;line-height:1.5;padding-left:20px;position:relative}
.pg-who li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:2px;background:currentColor;opacity:.6}

/* guides: a ruled list of six */
.pg-guides-list{grid-column:7/13;grid-row:1;margin-top:0;list-style:none;counter-reset:gd}
.pg-guides-list li{counter-increment:gd;padding:20px 0 22px;border-top:1px solid rgba(10,13,18,.24)}
.pg-guides-list li:last-child{border-bottom:1px solid rgba(10,13,18,.24)}
.pg-guides-list h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
.pg-guides-list h3::before{content:counter(gd,decimal-leading-zero);margin-right:14px;font:400 11px/1 var(--monof);letter-spacing:.13em;opacity:.55}
.pg-guides-list p{margin-top:6px;font-size:16px;line-height:1.55;max-width:48ch}
.pg-guides-col{grid-column:1/6;grid-row:1;align-self:stretch;display:flex;flex-direction:column}
.pg-guides-fig{flex:1;margin-top:clamp(36px,5vh,56px);display:flex;flex-direction:column}
.pg-guides-fig img{flex:1;object-fit:cover;min-height:300px}
.pg-guides .pg-h2{grid-column:auto}


/* corrections */
.pg-corrections .pg-h2{grid-column:1/9;grid-row:1}
.pg-corr{grid-column:7/13;grid-row:2;margin-top:clamp(28px,4vh,40px);align-self:stretch}
.pg-corr-fig{grid-column:1/6;grid-row:2;margin-top:clamp(28px,4vh,40px)}
.pg-corr p{font-size:17px;line-height:1.6}
.pg-corr p+p{margin-top:14px}

/* never: six refusals, each on its own rule */
.pg-never .pg-h2{grid-column:1/9;grid-row:1}
.pg-never-still{grid-column:1/6;grid-row:2;margin-top:clamp(36px,5vh,56px);align-self:stretch;display:flex;flex-direction:column}
.pg-never-still img{flex:1;object-fit:cover;min-height:260px}
.pg-never-list{grid-column:7/13;grid-row:2;margin-top:clamp(36px,5vh,56px);list-style:none;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,30px)}
.pg-never-list li{padding:16px 0 18px;border-top:1px solid rgba(10,13,18,.18);font-size:17px;line-height:1.45;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.pg-never-list li:first-child{border-top:0}
.pg-never-list li::before{content:"";width:18px;height:18px;border-radius:3px;box-shadow:inset 0 0 0 1.5px currentColor;position:relative;top:2px;background:linear-gradient(45deg,transparent 46%,currentColor 46%,currentColor 54%,transparent 54%)}

/* faq */
.pg-faq-head{grid-column:1/6;grid-row:1;position:sticky;top:110px;align-self:start}
.pg-faq-list{grid-column:7/13;grid-row:1}
.pg-faq-list details{border-top:1px solid rgba(10,13,18,.24)}
.pg-faq-list details:last-of-type{border-bottom:1px solid rgba(10,13,18,.24)}
.pg-faq-list summary{list-style:none;cursor:pointer;position:relative;padding:18px 44px 18px 0;font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.pg-faq-list summary::-webkit-details-marker{display:none}
.pg-faq-list summary::marker{content:""}
.pg-faq-list summary::before,.pg-faq-list summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:1.5px;background:currentColor;transition:transform .25s ease}
.pg-faq-list summary::after{transform:rotate(90deg)}
.pg-faq-list details[open] summary::after{transform:rotate(0deg)}
.pg-faq-list summary:focus-visible{outline:none;box-shadow:0 0 0 2px currentColor;border-radius:6px}
.pg-faq-list details p{padding:0 44px 22px 0;font-size:16px;line-height:1.6}

/* start */
.pg-start{padding-bottom:clamp(110px,14vh,180px)}
.pg-start .pg-h2{grid-column:1/9;grid-row:1;font-size:clamp(32px,3.6vw,52px)}
.pg-start-col{grid-column:1/6;grid-row:2;margin-top:20px;align-self:stretch;display:flex;flex-direction:column}
.pg-start-lede{font-size:17px;line-height:1.55;color:#EEE9DF}
.pg-start form{grid-column:7/13;grid-row:2;margin-top:20px;align-self:stretch}
.pg-start-still{flex:1;margin-top:clamp(28px,4vh,44px);display:flex;flex-direction:column}
.pg-start-still img{flex:1;object-fit:cover;min-height:220px}
.pg-ab .dx-form{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);row-gap:26px}
.pg-ab .dx-form>label{grid-column:1/-1}
.pg-ab .dx-chips{grid-column:1/-1}
.pg-ab .dx-submit{grid-column:1/-1;justify-self:start}
.pg-ab .dx-footer{padding-inline:max(var(--pg-g),calc((100% - var(--pg-w)) / 2))}
.pg-ab .dx-foot-cols{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--pg-gap);row-gap:40px}
.pg-ab .dx-foot-cols>div:nth-child(1){grid-column:1/7;grid-row:1/3}
.pg-ab .dx-foot-cols>div:nth-child(2){grid-column:7/13}
.pg-ab .dx-foot-cols>div:nth-child(3){grid-column:7/13}

@media (max-width:900px){
  .pg-h1,.pg-hero-lede,.pg-hero-still,.pg-h2,.pg-name .pg-name-h,.pg-name-fig,.pg-name-body,.pg-why .pg-h2,.pg-why-still,.pg-why-body,.pg-pull,
  .pg-facts .pg-htable,.pg-founder-card,.pg-founder-body,.pg-beliefs-list,.pg-how-fig,.pg-how-list,.pg-tools-lede,.pg-tools .pg-htable,.pg-tools-note,
  .pg-who-a,.pg-who-b,.pg-guides-col,.pg-guides-list,.pg-guides-fig,.pg-corr,.pg-corr-fig,.pg-never-list,.pg-never-still,.pg-faq-head,.pg-faq-list,.pg-start .pg-h2,.pg-start-lede,.pg-start form{grid-column:1/-1}
  .pg-start form{grid-row:auto;margin-top:36px}
  .pg-start-col{grid-column:1/-1}
  .pg-start-still{max-width:420px}
  .pg-who-a,.pg-who-b,.pg-guides-col,.pg-guides-fig,.pg-guides-list,.pg-never-still,.pg-never-list,.pg-corr,.pg-corr-fig,.pg-how-fig,.pg-how-list{grid-row:auto!important}
  .pg-corr-fig,.pg-never-still{max-width:420px;margin-bottom:8px}
  .pg-why-still{grid-row:auto;margin-bottom:28px}
  .pg-why-still img{min-height:200px;aspect-ratio:16/9}
  .pg-how-fig,.pg-guides-fig,.pg-faq-head{position:static}
  .pg-how-fig,.pg-guides-fig{max-width:360px;margin-bottom:8px}
  .pg-guides-col{display:block}
  .pg-beliefs-list{grid-template-columns:minmax(0,1fr)}
  .pg-never-list{grid-template-columns:minmax(0,1fr)}
  .pg-hero-lede{margin-top:24px}
  .pg-ab .dx-form>label{grid-column:1/-1}
  .pg-ab .dx-foot-cols>div{grid-column:1/-1!important;grid-row:auto!important}
}
@media (max-width:767px){
  .pg-hero-still img{aspect-ratio:4/3}
  .pg-facts .dx-htable tbody th{width:auto}
  .pg-name .pg-name-h{font-size:clamp(38px,11vw,56px)}
}