@charset "UTF-8";
:root {
  --ground:#E4FCE8;
  --ink:#22292B;
  --accent:#8B2B43;
  --support:#E5E7E6;
  --surface:#FFFFFF;
  --reading:'Faculty Glyphic',Georgia,serif;
  --display:'Cagliostro',Georgia,serif;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:28px}
body {margin:0;background:var(--surface);color:var(--ink);font-family:var(--reading);font-size:17px;line-height:1.75}
a {color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:background-color .16s,color .16s,box-shadow .16s}
a:hover {background:var(--ground);text-decoration-thickness:3px}
a:focus-visible {outline:3px solid var(--accent);outline-offset:5px;background:var(--ground)}
::selection {color:var(--surface);background:var(--accent)}
.pp-skip {position:absolute;left:24px;top:-100px;z-index:10;padding:8px 16px;background:var(--surface)}
.pp-skip:focus {top:8px}
.pp-pathhead {position:relative;width:calc(100% - 120px);max-width:1160px;margin:20px auto 0;height:108px;font-family:var(--display);line-height:1.2}
.pp-brand {position:absolute;top:0;left:0;right:0;height:36px;border-bottom:4px solid var(--accent);font-size:28px;text-decoration:none;color:var(--ink)}
.pp-brand:hover {background:transparent;color:var(--accent)}
.pp-routebar {position:absolute;left:17%;right:8%;top:37px;height:32px;border-bottom:3px solid var(--accent)}
.pp-routebar::before,.pp-questionbar::before {content:'';position:absolute;width:5px;background:var(--accent)}
.pp-routebar::before {height:35px;left:4%;top:-3px}
.pp-questionbar {position:absolute;left:41%;right:13%;top:71px;height:32px;border-bottom:3px solid var(--accent)}
.pp-questionbar::before {height:35px;right:10%;top:-3px}
.pp-navitem {position:absolute;top:4px;display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:18px;white-space:nowrap;padding:2px 5px}
.pp-navitem:hover {background:var(--accent);color:var(--surface);box-shadow:4px 4px 0 var(--support)}
.pp-navitem[aria-current=page] {text-decoration:underline;text-underline-offset:5px}
.pp-nav-icon,.pp-page-icon {display:inline-flex;flex:none;width:19px;height:19px}
.pp-nav-icon svg,.pp-page-icon svg {width:100%;height:100%}
.pp-compare {left:23%}
.pp-reading {right:12%}
.pp-questions {left:15%}
.pp-main {width:calc(100% - 120px);max-width:1160px;margin:40px auto 0}
.pp-opening {padding:0 0 0 26px;border-left:8px solid var(--accent)}
.pp-context {display:flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--accent);font-size:18px}
h1,h2,.pp-short-title {font-family:var(--display);font-weight:400}
h1 {font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-1.3px;margin:0;max-width:1000px;text-wrap:balance}
.pp-lead {font-size:21px;line-height:1.55;max-width:790px;margin:24px 0 0}
/* The title is an architectural step cut from the photograph, not a floating card. */
.pp-home .pp-main {width:100%;max-width:none;margin-top:22px}
.pp-hero {position:relative;isolation:isolate;min-height:486px;display:grid;align-items:center;background:var(--support)}
.pp-hero-field {position:absolute;inset:0;z-index:-1}
.pp-hero-scene {position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.pp-hero-inner {position:relative;width:calc(100% - 120px);max-width:1160px;margin:0 auto;padding:34px 0 40px}
.pp-home .pp-opening {width:650px;max-width:68%;position:relative;background:var(--ground);padding:28px 32px 30px 30px;border-left:10px solid var(--accent);clip-path:polygon(0 0,calc(100% - 48px) 0,calc(100% - 48px) 28px,100% 28px,100% 100%,0 100%)}
.pp-hero-inner::after {content:'';position:absolute;bottom:20px;left:0;height:12px;width:650px;max-width:68%;background:linear-gradient(to right,var(--accent) 0 30%,transparent 30% 44%,var(--accent) 44% 100%)}
.pp-home h1 {color:var(--accent);font-size:54px;line-height:1.03;letter-spacing:-1px;text-wrap:pretty;max-width:none}
.pp-home-phrase {display:block}
.pp-home .pp-lead {font-size:18px;line-height:1.55;margin-top:20px;max-width:520px}
.pp-ribbon-detail {position:absolute;top:-18px;right:max(6%,calc((100% - 1160px)/2 + 48px));width:92px;height:178px;object-fit:cover;border:6px solid var(--surface);box-shadow:12px 12px 0 var(--accent)}
.pp-inner-band {height:210px;margin:44px -24px 0 40px;background-position:center;background-size:cover;background-repeat:no-repeat;mask-image:linear-gradient(to right,#000 0 28%,transparent 28% 36%,#000 36% 100%);-webkit-mask-image:linear-gradient(to right,#000 0 28%,transparent 28% 36%,#000 36% 100%)}
.pp-home .pp-dominoes,.pp-home .pp-ending {width:calc(100% - 120px);max-width:1160px;margin-left:auto;margin-right:auto}
.pp-dominoes {margin-top:76px}
.pp-home .pp-dominoes {margin-top:66px}
.pp-pair {position:relative;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:110px;align-items:start}
.pp-pair+.pp-pair {margin-top:148px}
.pp-long {min-width:0}
.pp-long h2 {font-size:39px;line-height:1.16;margin:0 0 26px;max-width:640px;letter-spacing:-.5px;padding-top:17px;border-top:5px solid var(--ink)}
.pp-long p {margin:0 0 22px;max-width:650px}
.pp-long p:last-child {margin-bottom:0}
/* Consequences stop short of their explanations; the broad gap is never bridged. */
.pp-short {position:relative;top:42px;padding:30px 30px 34px;background:var(--accent);color:var(--surface);margin-right:-26px;min-width:0;box-shadow:14px 14px 0 var(--support)}
.pp-short::after {content:'';position:absolute;bottom:-14px;right:30px;width:32px;height:14px;background:var(--surface)}
.pp-gapmark {display:block;width:122px;height:10px;margin:0 0 24px;background:linear-gradient(to right,currentColor 0 29%,transparent 29% 71%,currentColor 71% 100%)}
.pp-short-title {margin:0 0 16px;font-size:30px;line-height:1.12}
.pp-short p:not(.pp-short-title) {font-size:17px;line-height:1.65;margin:0}
.pp-short a {color:var(--surface)}
.pp-short a:hover,.pp-short a:focus-visible {color:var(--accent);background:var(--surface)}
.pp-short a:focus-visible {outline-color:var(--surface)}
.pp-short-icon {position:absolute;right:24px;top:27px;display:block;width:24px;height:24px;color:var(--surface)}
.pp-short-icon svg {width:100%;height:100%;stroke-width:1.7}
.pp-swap {grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}
.pp-swap .pp-long {grid-column:2;grid-row:1}
.pp-swap .pp-short {grid-column:1;grid-row:1;margin-right:0;margin-left:-26px;top:68px;background:var(--ground);color:var(--ink);box-shadow:-14px 14px 0 var(--accent)}
.pp-swap .pp-short-icon {color:var(--accent)}
.pp-swap .pp-gapmark {color:var(--accent)}
.pp-swap .pp-short a {color:var(--accent)}
.pp-swap .pp-short a:focus-visible {outline-color:var(--accent)}
.pp-ending {position:relative;margin-top:156px;padding:48px 48px 32px;background:var(--ground);border-left:10px solid var(--accent)}
.pp-ending::before {content:'';position:absolute;left:0;right:0;top:-25px;height:12px;background:linear-gradient(to right,var(--accent) 0 21%,transparent 21% 35%,var(--accent) 35% 100%)}
.pp-ending h2 {font-size:46px;line-height:1.15;margin:0 0 24px;letter-spacing:-.6px}
.pp-ending p {font-size:20px;line-height:1.75;max-width:1020px;margin:0 0 24px}
.pp-footer {width:calc(100% - 120px);max-width:1160px;margin:100px auto 0;padding:32px 0 36px;border-top:4px solid var(--accent)}
.pp-footlinks {display:flex;gap:12px 28px;flex-wrap:wrap;margin-bottom:28px;max-width:1000px}
.pp-footlinks a {font-size:16px}
.pp-footer p {font-size:16px;max-width:780px;line-height:1.7;margin:12px 0}
.pp-copyright {font-family:var(--display)}
.pp-error {min-height:300px;padding-bottom:40px}
.pp-error p {max-width:640px;font-size:20px}
@media(max-width:1050px) {
  .pp-home .pp-opening {max-width:76%}
  .pp-home h1 {font-size:48px}
  .pp-hero-inner::after {max-width:76%}
  .pp-pathhead,.pp-main,.pp-footer,.pp-hero-inner,.pp-home .pp-dominoes,.pp-home .pp-ending {width:calc(100% - 72px)}
  .pp-pair,.pp-swap {gap:60px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .pp-swap {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .pp-short {padding:27px 24px;margin-right:0}
  .pp-swap .pp-short {margin-left:0}
  .pp-long h2 {font-size:34px}
  .pp-short-title {font-size:27px}
  .pp-lead {font-size:19px}
  .pp-pair+.pp-pair {margin-top:120px}
}
@media(max-width:750px) and (min-width:601px) {
  .pp-home .pp-opening {max-width:90%}
  .pp-hero-inner::after {max-width:90%}
  .pp-home h1 {font-size:44px}
  .pp-ribbon-detail {right:18px;width:68px;height:132px}
}
@media(max-width:600px) {
  html {scroll-padding-top:16px}
  body {font-size:17px;line-height:1.7}
  .pp-pathhead,.pp-main,.pp-footer,.pp-home .pp-dominoes,.pp-home .pp-ending {width:calc(100% - 60px)}
  .pp-pathhead {height:84px;margin-top:10px}
  .pp-brand {height:27px;font-size:22px;border-bottom-width:3px}
  .pp-routebar {top:28px;height:26px;left:7%;right:5%;border-bottom-width:2px}
  .pp-questionbar {top:56px;height:26px;left:32%;right:12%;border-bottom-width:2px}
  .pp-routebar::before {top:-2px;height:28px;left:2%;width:4px}
  .pp-questionbar::before {top:-2px;height:28px;right:7%;width:4px}
  .pp-navitem {top:3px;font-size:15px;gap:5px;padding:1px 2px}
  .pp-nav-icon {width:15px;height:15px}
  .pp-compare {left:13%}
  .pp-reading {right:5%}
  .pp-questions {left:10%}
  .pp-main {margin-top:26px}
  .pp-opening {padding-left:16px;border-left-width:5px}
  .pp-context {font-size:16px;line-height:1.4;margin-bottom:18px;gap:8px}
  h1,.pp-home h1 {font-size:32px;line-height:1.06;letter-spacing:-.8px;text-wrap:pretty;max-width:none}
  .pp-home-phrase {white-space:nowrap}
  .pp-lead {font-size:17px;line-height:1.45;margin-top:18px;max-width:none}
  .pp-home .pp-main {margin-top:14px}
  .pp-hero {display:flex;flex-direction:column;min-height:0;background:var(--ground);padding-bottom:0}
  .pp-hero-inner {width:100%;padding:0;margin:0}
  .pp-hero-inner::after {display:none}
  .pp-home .pp-opening {width:100%;max-width:none;padding:18px 30px 22px;border:0;clip-path:none}
  .pp-home .pp-opening::before {content:'';position:absolute;left:13px;top:23px;bottom:29px;width:5px;background:var(--accent)}
  .pp-home .pp-lead {font-size:16px;line-height:1.4;margin-top:12px;max-width:none}
  .pp-hero-field {position:relative;inset:auto;z-index:auto;width:calc(100% - 60px);height:190px;margin:0 auto}
  .pp-hero-scene {background-position:51% center;mask-image:linear-gradient(to right,#000 0 calc(33.333% - 14px),transparent calc(33.333% - 14px) calc(33.333% + 14px),#000 calc(33.333% + 14px) 100%);-webkit-mask-image:linear-gradient(to right,#000 0 calc(33.333% - 14px),transparent calc(33.333% - 14px) calc(33.333% + 14px),#000 calc(33.333% + 14px) 100%)}
  .pp-ribbon-detail {width:40px;height:92px;left:calc(33.333% - 58px);right:auto;top:-18px;border:4px solid var(--ground);box-shadow:-5px 6px 0 var(--accent)}
  .pp-inner-band {height:150px;margin:32px 0 0}
  .pp-dominoes {margin-top:48px}
  .pp-home .pp-dominoes {margin-top:24px}
  .pp-pair,.pp-swap {display:flex;flex-direction:column;gap:42px}
  .pp-short,.pp-swap .pp-short {order:-1;top:0;width:100%;margin:0;padding:24px 22px 26px;box-shadow:10px 10px 0 var(--support)}
  .pp-swap .pp-short {box-shadow:10px 10px 0 var(--accent)}
  .pp-short::after {height:10px;bottom:-10px;right:24px;width:26px}
  .pp-home .pp-pair:first-child .pp-short {padding-top:18px;padding-bottom:18px}
  .pp-home .pp-pair:first-child .pp-gapmark {margin-bottom:12px}
  .pp-short-title {font-size:26px;line-height:1.14;margin-bottom:12px}
  .pp-short p:not(.pp-short-title) {font-size:16px;line-height:1.5}
  .pp-gapmark {height:8px;width:96px;margin-bottom:20px}
  .pp-short-icon {top:22px;right:21px;width:21px;height:21px}
  .pp-home .pp-pair:first-child .pp-short-icon {top:17px}
  .pp-long h2 {font-size:33px;line-height:1.15;margin-bottom:24px;padding-top:15px;border-top-width:4px}
  .pp-long p {margin-bottom:22px}
  .pp-pair+.pp-pair {margin-top:102px}
  .pp-ending {margin-top:112px;padding:28px 22px 12px;border-left-width:6px}
  .pp-ending::before {top:-23px;height:10px}
  .pp-ending h2 {font-size:34px;margin-bottom:22px}
  .pp-ending p {font-size:18px;line-height:1.7}
  .pp-footer {margin-top:80px;padding-top:25px}
  .pp-footlinks {gap:14px 24px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  a {transition:none}
}

.pp-shot-index{background-image:url("ramp-panorama.webp")}

.pp-shot-cjc-1295{background-image:url("ramp-hormone.webp")}

.pp-shot-semaglutide{background-image:url("ramp-appetite.webp")}

.pp-shot-thymosin-alpha-1{background-image:url("ramp-immune.webp")}

.pp-shot-bpc-157{background-image:url("ramp-vessels.webp")}

.pp-shot-compare{background-image:url("ramp-comparison.webp")}