/* Peregrine product showcase. Palette and type from the PDM Brand Brain v1.0. */
.pdm-sc{
  --sc-orange:#FD4B01; --sc-glow:#FFB36B; --sc-ink:#1C1C1C; --sc-bone:#F2EFE8;
  --sc-slate:#A7B1C4; --sc-navy:#14223D; --sc-deep:#0E1B33;
  --sc-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --sc-body:"Source Sans 3","Helvetica Neue",Arial,sans-serif;
  --sc-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  position:relative; overflow:hidden; background:#000; color:var(--sc-bone);
  padding:96px 24px 88px; isolation:isolate; margin-bottom:var(--sc-gap,96px);
}
.pdm-sc *,.pdm-sc *::before,.pdm-sc *::after{box-sizing:border-box}
.pdm-sc-inner{max-width:1240px; margin:0 auto; position:relative}
.pdm-sc-kicker{font:500 12px/1 var(--sc-mono); letter-spacing:.18em; text-transform:uppercase; color:var(--sc-glow); text-align:center; margin:0 0 14px}
.pdm-sc-h{font:800 clamp(30px,4vw,48px)/1.08 var(--sc-display); color:var(--sc-bone); text-align:center; letter-spacing:-.01em; margin:0 auto 56px; max-width:24ch}

.pdm-sc-grid{display:grid; grid-template-columns:1fr 1.22fr 1fr; gap:24px; align-items:center}
.pdm-sc-card{
  position:relative; display:flex; flex-direction:column; border-radius:18px; overflow:hidden;
  background:var(--sc-deep); border:1px solid rgba(167,177,196,.22);
    transition:transform .25s ease, border-color .25s ease;
}
.pdm-sc-card:hover{transform:translateY(-4px); border-color:rgba(255,179,107,.55)}
.pdm-sc-card.is-center{
  background:var(--sc-navy); border:2px solid var(--sc-orange);
  box-shadow:0 0 0 1px rgba(253,75,1,.25), 0 30px 80px -20px rgba(253,75,1,.45);
  padding-bottom:8px;
}
.pdm-sc-media{background:rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:22px 22px 6px}
.pdm-sc-img{display:block; width:100%; max-width:300px; height:auto; aspect-ratio:3/2; object-fit:contain}
.is-center .pdm-sc-img{max-width:420px}
.pdm-sc-body{padding:20px 26px 28px; display:flex; flex-direction:column; flex:1}
.is-center .pdm-sc-body{padding:24px 34px 34px}
.pdm-sc-name{font:700 22px/1.15 var(--sc-display); color:var(--sc-bone); margin:0 0 8px}
.is-center .pdm-sc-name{font-size:30px}
.pdm-sc-price{margin:0 0 14px; font-family:var(--sc-display); color:var(--sc-bone)}
.pdm-sc-amt{font-weight:800; font-size:30px; letter-spacing:-.01em}
.is-center .pdm-sc-amt{font-size:42px; color:var(--sc-glow)}
.pdm-sc-note{font:500 12px/1.3 var(--sc-mono); letter-spacing:.06em; color:var(--sc-slate); text-transform:uppercase}
.pdm-sc-pitch{font:400 16px/1.5 var(--sc-body); color:var(--sc-bone); margin:0 0 16px}
.is-center .pdm-sc-pitch{font-size:17px}
.pdm-sc-list{list-style:none; margin:0 0 24px; padding:0; font:400 15px/1.45 var(--sc-body); color:var(--sc-slate)}
.pdm-sc-list li{position:relative; padding:7px 0 7px 18px; border-top:1px solid rgba(167,177,196,.14)}
.pdm-sc-list li::before{content:""; position:absolute; left:0; top:15px; width:7px; height:7px; border-radius:50%; background:var(--sc-glow)}
.pdm-sc-btn{
  margin-top:auto; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px;
  border-radius:999px; font:700 15px/1 var(--sc-display); letter-spacing:.02em; text-decoration:none;
  color:var(--sc-bone); border:1.5px solid rgba(242,239,232,.6); background:transparent; transition:background .2s, color .2s, border-color .2s;
}
.pdm-sc-btn:hover,.pdm-sc-btn:focus-visible{background:var(--sc-bone); color:var(--sc-ink); border-color:var(--sc-bone)}
.is-center .pdm-sc-btn{background:var(--sc-orange); color:var(--sc-ink); border-color:var(--sc-orange); min-height:54px; font-size:16px}
.is-center .pdm-sc-btn:hover,.is-center .pdm-sc-btn:focus-visible{background:var(--sc-glow); border-color:var(--sc-glow); color:var(--sc-ink)}
.pdm-sc-btn:focus-visible{outline:3px solid var(--sc-glow); outline-offset:3px}
.pdm-sc-cairn{text-align:center; margin:44px 0 0; font:600 16px/1.4 var(--sc-body)}
.pdm-sc-cairn a{color:var(--sc-glow); text-decoration:none; border-bottom:1px solid rgba(255,179,107,.5); padding-bottom:2px}
.pdm-sc-cairn a::after{content:" \2192"}
.pdm-sc-cairn a:hover{color:var(--sc-bone); border-color:var(--sc-bone)}
.pdm-sc .screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap}

/* Tablet and phone: one column, ordered by price. */
@media (max-width:960px){
  .pdm-sc{padding:72px 16px 64px; margin-bottom:var(--sc-gap-m,56px)}
  .pdm-sc-h{margin-bottom:36px}
  .pdm-sc-grid{grid-template-columns:1fr; max-width:560px; margin:0 auto; gap:20px}
  .pdm-sc-card--call{order:1}
  .pdm-sc-card--promote{order:2}
  .pdm-sc-card--grow{order:3}
  .pdm-sc-media{padding:18px 18px 0}
  .pdm-sc-img{max-width:320px}
  .is-center .pdm-sc-img{max-width:400px}
  .pdm-sc-body,.is-center .pdm-sc-body{padding:20px 22px 26px}
}
@media (prefers-reduced-motion:reduce){.pdm-sc-card,.pdm-sc-btn{transition:none}.pdm-sc-card:hover{transform:none}}