/* Packages page, "Direction A — Guided Chooser" (10/13). Linked from the generated /packages page only.
   Builds on site.css / sub.css / brand.css tokens (--ember, --ember-2, --mist, --amber, --glow, --cedar, --haze, --serif, --mono). */
.pk{--pk-line:rgba(245,245,245,.14);--pk-muted:rgba(245,245,245,.68);
  --pk-halo:radial-gradient(ellipse at 50% 55%,rgba(255,164,39,.95) 0%,rgba(182,56,1,.85) 40%,rgba(101,32,1,.5) 64%,rgba(14,4,0,0) 80%);
  overflow-x:clip;padding-top:120px;font-family:var(--mono);font-size:16px;line-height:1.3;letter-spacing:-.02em}
.pk *{font-style:normal}
.pk h1,.pk h2,.pk h3{font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:1;margin:0;text-transform:none}
.pk :where(p){margin:0}
.pk img{max-width:100%;display:block}

/* buttons: Steam Mist, black text, 8px radius, uppercase .12em */
.pk .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:8px;
  font-family:var(--mono);font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;text-align:center;white-space:normal;
  background:var(--mist);color:#000;border:1px solid var(--mist)}
.pk .btn:hover,.pk .btn:focus-visible{background:var(--amber);border-color:var(--amber);color:#000}
.pk .btn--ghost{background:transparent;color:var(--mist);border-color:rgba(245,245,245,.4)}
.pk .btn--ghost:hover,.pk .btn--ghost:focus-visible{background:var(--amber);border-color:var(--amber);color:#000}

.pk-eb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--amber)}
.pk-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--amber);color:#000;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;line-height:1.2;white-space:nowrap}
.pk-badge--line{background:transparent;color:var(--amber);border:1px solid rgba(255,164,39,.55);white-space:normal}
.pk-rating{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--pk-muted);flex-wrap:wrap}
.pk-stars{color:var(--amber);letter-spacing:.12em;font-size:15px}
.pk-ritual{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.pk-ritual li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mist)}
.pk-ritual svg{width:22px;height:22px;color:var(--mist);overflow:visible}
.pk-halo{position:relative;isolation:isolate}
.pk-halo::before{content:"";position:absolute;inset:-26px -30px -30px;z-index:-1;border-radius:40px;background:var(--pk-halo);filter:blur(22px)}
.pk-halo img{width:100%;height:auto;object-fit:cover;border-radius:12px}

/* top + Introduction Pack hero card */
.pk-top{padding:24px 0 40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pk-top h1{font-size:clamp(64px,8vw,120px);letter-spacing:-.01em}
.pk-top p{font-size:18px;color:var(--pk-muted);max-width:32ch}
.pk-hero{display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto auto;column-gap:72px;align-items:center;padding:56px 64px 56px 56px;
  background:var(--ember);border:1px solid rgba(255,164,39,.18);border-radius:20px;box-shadow:0 40px 90px rgba(0,0,0,.6);overflow:hidden}
.pk-hero .pk-halo{margin:20px 24px;grid-row:1/3}
.pk-hero .pk-halo img{aspect-ratio:4/5;object-position:50% 70%}
.pk-hero__main{align-self:end}
.pk-hero__eb{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pk-hero h2{font-size:clamp(48px,5vw,76px);margin-top:18px}
.pk-hero__d{margin-top:16px;font-size:17px;color:#d9d6d3;max-width:42ch}
.pk-hero__p{display:flex;align-items:flex-end;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--pk-line)}
.pk-hero__p strong{font-family:var(--serif);font-weight:400;font-size:104px;line-height:.8;letter-spacing:0;white-space:nowrap}
.pk-hero__p ul{list-style:none;margin:0;padding:0;font-size:15px;color:var(--pk-muted);line-height:1.5}
.pk-hero__p ul b{color:var(--mist);font-weight:500}
.pk-hero .btn{margin-top:28px;min-height:56px;padding:16px 32px;font-size:14px}
.pk-hero__m{grid-column:2;display:grid;gap:14px;align-self:start;margin-top:28px;padding-top:24px;border-top:1px solid var(--pk-line)}
.pk-hero__q{font-family:var(--serif);font-size:24px;line-height:1.1;letter-spacing:0}

/* sections */
.pk-sec{padding-top:120px}
.pk-h{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}
.pk-h h2{font-size:clamp(44px,5vw,72px)}
.pk-h p{color:var(--pk-muted);max-width:44ch;font-size:16px}

/* which fits you */
.pk-fit{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pk-fit article{display:flex;flex-direction:column;padding:32px;border-radius:16px;background:var(--ember-2);border:1px solid var(--pk-line)}
.pk-fit__who{display:flex;align-items:center;gap:12px;color:var(--amber);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.pk-fit__who svg{width:24px;height:24px;color:var(--amber)}
.pk-fit h3{font-size:36px;margin-top:22px}
.pk-fit__per{margin-top:20px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pk-fit__per strong{font-family:var(--serif);font-weight:400;font-size:64px;line-height:.9;letter-spacing:0;white-space:nowrap}
.pk-fit__per span{color:var(--pk-muted);font-size:15px}
.pk-fit__d{margin-top:12px;color:var(--pk-muted);font-size:15px;flex:1}
.pk-fit .btn{margin-top:28px}

/* memberships */
.pk-mem{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pk-mcard{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:16px;border:1px solid var(--pk-line);background:var(--ember-2)}
.pk-mcard--on{border-color:var(--amber);background:linear-gradient(180deg,rgba(255,164,39,.10),rgba(182,56,1,.06) 60%,var(--ember-2));box-shadow:0 30px 80px -30px rgba(255,164,39,.35)}
.pk-mcard__t{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:26px}
.pk-mcard__t>span:first-child{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.pk-mcard__pr{font-family:var(--serif);font-size:72px;line-height:.9;margin-top:28px;letter-spacing:0;white-space:nowrap}
.pk-mcard__pr small{font-size:28px;color:var(--pk-muted)}
.pk-mcard__m{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;color:var(--pk-muted);font-size:15px}
.pk-mcard__m b{color:var(--mist);font-weight:500}
.pk-mcard .spacer{flex:1}
.pk-mcard .btn{margin-top:32px}
.pk-inc{margin-top:20px;padding:28px 32px;border:1px solid var(--pk-line);border-radius:16px;display:grid;grid-template-columns:220px 1fr;gap:24px}
.pk-inc h3{font-size:28px}
.pk-inc__s{font-size:14px;margin-top:8px;color:var(--pk-muted)}
.pk-inc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px}
.pk-inc li{display:flex;gap:10px;font-size:15px;align-items:flex-start}
.pk-inc li svg{width:18px;height:18px;flex:none;color:var(--amber);margin-top:1px}

/* session packs: per-session bars against the drop-in */
.pk-packs{border-top:1px solid var(--pk-line)}
.pk-row{display:grid;grid-template-columns:1.3fr .7fr .9fr 1.6fr auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--pk-line)}
.pk-row__n{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pk-row__n h3{font-size:30px}
.pk-row__pr{font-family:var(--serif);font-size:34px;letter-spacing:0;white-space:nowrap}
.pk-row__s{color:var(--pk-muted);font-size:14px;line-height:1.45}
.pk-bar{display:grid;grid-template-columns:1fr 84px;gap:14px;align-items:center}
.pk-bar i{display:block;height:8px;border-radius:8px;background:rgba(245,245,245,.08);overflow:hidden}
.pk-bar i b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--cedar),var(--glow) 60%,var(--amber))}
.pk-bar span{font-family:var(--serif);font-size:26px;text-align:right;letter-spacing:0;white-space:nowrap}
.pk-row .btn{min-width:150px}
.pk-legend{margin-top:16px;color:var(--haze);font-size:13px}

/* drop-in + gift card */
.pk-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pk-two article{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:8px 24px;align-items:start;padding:36px;border-radius:16px;background:var(--ember-2);border:1px solid var(--pk-line)}
.pk-two h3{font-size:44px;margin-top:14px}
.pk-two .pr{font-family:var(--serif);font-size:56px;line-height:.9;text-align:right;white-space:nowrap;letter-spacing:0}
.pk-two .pr small{display:block;font-family:var(--mono);font-size:13px;color:var(--pk-muted);margin-top:8px;letter-spacing:-.02em}
.pk-two .d{grid-column:1/-1;color:var(--pk-muted);font-size:15px;margin-top:8px}
.pk-two .btn{grid-column:1/-1;margin-top:20px;justify-self:start}

/* FAQ */
.pk-faqs{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-bottom:120px}
.pk-faqs h2{font-size:clamp(44px,5vw,72px)}
.pk-faqs .lk{display:inline-flex;min-height:44px;align-items:center;margin-top:20px;color:var(--amber);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.pk-faq{border-top:1px solid var(--pk-line)}
.pk-faq details{border-bottom:1px solid var(--pk-line)}
.pk-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 0;font-size:18px}
.pk-faq summary::-webkit-details-marker{display:none}
.pk-faq summary i{flex:none;width:14px;height:14px;position:relative}
.pk-faq summary i::before,.pk-faq summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--amber);transition:transform .2s}
.pk-faq summary i::after{transform:rotate(90deg)}
.pk-faq details[open] summary i::after{transform:rotate(0)}
.pk-faq details p{padding:0 40px 22px 0;color:var(--pk-muted);font-size:16px;max-width:62ch}

@media (max-width:1100px){.pk-row{grid-template-columns:1.2fr .8fr 1.4fr auto}.pk-row__s{display:none}}
@media (max-width:900px){
  .pk-fit,.pk-mem{grid-template-columns:1fr}
  .pk-inc{grid-template-columns:1fr}.pk-inc ul{grid-template-columns:1fr 1fr}
  .pk-two{grid-template-columns:1fr}
  .pk-faqs{grid-template-columns:1fr;gap:28px}
  .pk-hero{grid-template-columns:1fr;gap:40px;padding:40px}
  .pk-hero .pk-halo,.pk-hero__m{grid-row:auto;grid-column:auto}
}
@media (max-width:767px){
  .pk{padding-top:64px}
  .pk-top{padding:20px 0;display:block}
  .pk-top h1{font-size:56px}
  .pk-top p{font-size:15px;margin-top:8px}
  .pk-hero{display:flex;flex-direction:column;padding:24px 20px;gap:0;border-radius:16px}
  .pk-hero h2{font-size:42px;margin-top:12px}
  .pk-hero__d{font-size:15px;margin-top:10px}
  .pk-hero__p{margin-top:18px;padding-top:16px;gap:16px}
  .pk-hero__p strong{font-size:72px}
  .pk-hero__p ul{font-size:13.5px;line-height:1.4}
  .pk-hero .btn{width:100%;margin-top:18px;min-height:52px;font-size:13px;padding:12px 14px;letter-spacing:.1em}
  .pk-hero .pk-halo{order:5;margin:40px 14px 8px}
  .pk-hero .pk-halo img{aspect-ratio:16/11}
  .pk-hero__m{order:6;margin-top:24px}
  .pk-hero__q{font-size:21px}
  .pk-sec{padding-top:80px}
  .pk-h{margin-bottom:24px}
  .pk-h h2{font-size:44px}
  .pk-fit article,.pk-mcard{padding:24px 20px}
  .pk-fit h3{font-size:32px;margin-top:16px}
  .pk-fit__per strong{font-size:56px}
  .pk-fit .btn,.pk-mcard .btn,.pk-two .btn{width:100%}
  .pk-mcard__pr{font-size:60px;margin-top:20px}
  .pk-mem .pk-mcard--on{order:-1}
  .pk-inc{padding:24px 20px}
  .pk-inc ul{grid-template-columns:1fr}
  .pk-row{grid-template-columns:1fr auto;gap:10px 16px;padding:20px 0}
  .pk-row__n{grid-column:1}
  .pk-row__pr{grid-column:2;text-align:right;font-size:30px}
  .pk-row__s{display:block;grid-column:1/-1;font-size:13px}
  .pk-row .pk-bar{grid-column:1/-1}
  .pk-row .btn{grid-column:1/-1;width:100%}
  .pk-two article{padding:24px 20px}
  .pk-two h3{font-size:36px}
  .pk-two article{grid-template-columns:1fr}
  .pk-two .pr{font-size:44px;text-align:left;margin-top:8px}
  .pk-faqs{padding-bottom:80px}
  .pk-faq summary{font-size:16px}
  .pk-faq details p{padding-right:0;font-size:15px}
}