/* Packages: each collection as a full card (key numbers, what the bigger one adds, everything included). Loaded after site.css. */
.pq-open{padding:clamp(120px,18vh,190px) var(--m) clamp(36px,6vh,64px)}
.pq-open .micro{color:var(--mu);margin-bottom:22px}
.pq-open .d1{font-size:clamp(3rem,6.6vw,7.4rem)}

/* the collections */
.pq-cards{padding:0 var(--m) var(--s1)}
.pq-switch{display:none}
.pq-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g);align-items:start;max-width:1280px}
.pq-card{display:flex;flex-direction:column}
.pq-card .slot{border-radius:6px;overflow:hidden;margin-bottom:22px;aspect-ratio:3/2!important}
.pq-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.pq-name{font:300 clamp(2.4rem,4.4vw,4.8rem)/.95 var(--serif);letter-spacing:-.02em}
.pq-price{font:300 clamp(1.8rem,2.6vw,2.8rem)/1 var(--serif)}
.pq-tag{margin:12px 0 0;font-size:15px;color:var(--fg2);max-width:30em}
.pq-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 0;border-top:1px solid #000;border-bottom:1px solid var(--hair)}
.pq-keys li{display:flex;flex-direction:column;gap:6px;padding:16px 10px 16px 0}
.pq-keys b{font:300 clamp(1.8rem,2.6vw,2.6rem)/1 var(--serif)}
.pq-keys span{font:500 9.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.pq-plus{margin-top:18px;padding:18px 20px;border-radius:14px;background:#000;color:#fff}
.pq-plus p{font:500 10px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:8px}
.pq-plus li{display:flex;gap:12px;align-items:baseline;padding:7px 0;font-size:15px;line-height:1.4}
.pq-plus li::before{content:'+';font:300 1.3em/1 var(--serif)}
.pq-plus small{display:block;font:500 9px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:3px}
.pq-all{margin-top:14px;border-bottom:1px solid var(--hair)}
.pq-all summary{display:flex;align-items:center;gap:10px;min-height:54px;cursor:pointer;list-style:none;font-size:15px}
.pq-all summary::-webkit-details-marker{display:none}
.pq-all summary::after{content:'';margin-left:auto;width:8px;height:8px;border:solid #000;border-width:0 1px 1px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s}
.pq-all[open] summary::after{transform:rotate(225deg)}
.pq-count{font:500 11px/1 var(--sans);padding:5px 9px;border-radius:99px;background:var(--bone)}
.pq-grp{padding-bottom:14px}
.pq-grp p{font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:8px 0 6px}
.pq-grp li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid var(--hair);font-size:14.5px;line-height:1.45}
.pq-grp li::before{content:'';flex:0 0 5px;height:5px;border-radius:50%;background:#000;transform:translateY(-2px)}
.pq-card .solid{margin-top:22px;border-radius:99px}
.pq-dep{margin-top:26px;font-size:13.5px;color:var(--fg2);max-width:52em}

/* pay */
.pq-pay{padding:var(--s2) var(--m)}
.pq-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,5vh,56px);border-top:1px solid var(--d-hair)}
.pq-steps li{display:flex;flex-direction:column;gap:10px;padding:28px 24px 0 0;position:relative}
.pq-steps li::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#fff}
.pq-steps .micro{color:var(--d-mute)}
.pq-steps b{font:300 clamp(2rem,3.6vw,3.6rem)/1 var(--serif)}
.pq-steps li>span:last-child{font-size:14px;color:rgba(255,255,255,.72)}

/* more */
.pq-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g);padding:var(--s2) var(--m) var(--s1);max-width:1280px}
.pq-more-c{display:flex;flex-direction:column;gap:6px}
.pq-more-c .slot{border-radius:6px;overflow:hidden;margin-bottom:14px}
.pq-more-c b{font:400 clamp(1.5rem,2.4vw,2.4rem)/1.05 var(--serif)}
.pq-more-c span{font-size:13px;color:var(--mu)}
.pq-more-c b::after{content:' \2192';font-family:var(--sans);font-size:.6em;vertical-align:.2em}
@media (min-width:700px){.pq-more-c .slot{aspect-ratio:3/2!important}}

/* faq + finale */
.pq-faq{padding:var(--s1) var(--m)}
.pq-faq .d2{margin-bottom:24px}
.pq-faq .lg-row>summary{padding-right:34px}
.pq-fin{min-height:60svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:var(--s2) var(--m);text-align:center}

/* phone: one collection at a time, switch at the top */
@media (max-width:699px){
  .pq-open{padding:80px 16px 24px}
  .pq-open .micro{margin-bottom:14px}
  .pq-open .d1{font-size:clamp(2.4rem,10.6vw,2.9rem)}
  .pq-cards{padding:0 16px 40px}
  .pq-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 16px;margin:0 -16px 18px;background:#fff;border-bottom:1px solid var(--hair);position:sticky;top:52px;z-index:5;transition:top .3s var(--ease)}

  .pq-switch button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:12px;background:var(--bone);color:#555;transition:background .3s,color .3s}
  .pq-switch b{font:400 1.35rem/1 var(--serif)}
  .pq-switch span{font-size:12px}
  .pq-switch button[aria-selected=true]{background:#000;color:#fff}
  .pq-pair{display:block}
  .pq-card:not(.on){display:none}
  .pq-card .slot{margin-bottom:16px;border-radius:12px;aspect-ratio:4/5!important}
  .pq-name{font-size:2.6rem}
  .pq-price{font-size:1.9rem}
  .pq-tag{font-size:15px;margin-top:8px}
  .pq-keys{margin-top:16px}
  .pq-keys li{padding:14px 8px 14px 0}
  .pq-keys b{font-size:1.75rem}
  .pq-keys span{font-size:8.5px;letter-spacing:.14em}
  .pq-plus{padding:16px 16px 12px}
  .pq-plus li{font-size:14.5px}
  .pq-card .solid{width:100%;min-height:54px}
  .pq-dep{font-size:12.5px;margin-top:18px}

  .pq-pay{padding:48px 16px 52px}
  .pq-steps{margin-top:24px}
  .pq-steps li{padding:22px 10px 0 0;gap:6px}
  .pq-steps .micro{font-size:8.5px;letter-spacing:.14em}
  .pq-steps b{font-size:1.65rem}
  .pq-steps li>span:last-child{font-size:12px;line-height:1.4}

  .pq-more{gap:10px;padding:44px 16px 20px}
  .pq-more-c .slot{margin-bottom:10px}
  .pq-more-c b{font-size:1.35rem}
  .pq-more-c span{font-size:12px;line-height:1.4}

  .pq-faq{padding:28px 16px}
  .pq-faq .d2{font-size:2.5rem;margin-bottom:12px}
  .pq-fin{min-height:auto;padding:56px 16px 64px;gap:22px}
  .pq-fin .d1{font-size:3rem}
  .pq-fin .solid{width:100%}
}

/* iPad + desktop: the two cards line up row for row; questions sit centred */
@media (min-width:700px){
  .pq-tag{min-height:3.2em}
  .pq-faq .d2,.pq-faq .ledger{max-width:980px;margin-left:auto;margin-right:auto}
}

/* ===== iPad + desktop: the collections as two tall editorial cards, rows aligned across both (subgrid) ===== */
.pq-ph{position:relative}
.pq-ov,.pq-from{display:none}
.pq-hl{background:var(--bone);color:#000}
.pq-hl p{color:var(--mute)}
@media (min-width:700px){
  .pq-open{text-align:center;padding:clamp(120px,17vh,180px) var(--m) clamp(40px,6vh,64px)}
  .pq-open .d1{font-size:clamp(3rem,6vw,6.4rem)}
  .pq-from{display:block;margin-top:22px;font:500 10.5px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
  .pq-cards{padding:0 var(--m) clamp(64px,10vh,120px)}
  .pq-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);column-gap:clamp(20px,3vw,48px);row-gap:0;max-width:1240px;margin:0 auto}
  .pq-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;align-content:start}
  .pq-top{display:none}
  .pq-ph{border-radius:8px;overflow:hidden}
  .pq-card .slot{aspect-ratio:4/5!important;margin:0!important;border-radius:0!important}
  .pq-ov{display:flex;flex-direction:column;gap:8px;position:absolute;left:0;right:0;bottom:0;padding:140px clamp(20px,3vw,40px) clamp(22px,3vw,38px);color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62));pointer-events:none}
  .pq-ov .micro{color:rgba(255,255,255,.78)}
  .pq-ov b{font:300 clamp(3rem,5.2vw,5.6rem)/.92 var(--serif);letter-spacing:-.02em}
  .pq-ov-p{font:300 clamp(1.6rem,2.4vw,2.5rem)/1 var(--serif)}
  .pq-tag{margin:24px 0 0;min-height:0;font-size:15.5px}
  .pq-keys{margin-top:20px;align-self:start}
  .pq-plus{margin-top:20px;padding:20px 22px}
  .pq-all{margin-top:6px;border-bottom:0}
  .pq-all summary{pointer-events:none;min-height:48px;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
  .pq-all summary::after,.pq-all .pq-count{display:none}
  .pq-grp li{font-size:14px;padding:7px 0}
  .pq-card .solid{margin-top:26px;align-self:end;min-height:56px}
  .pq-dep{text-align:center;margin:30px auto 0}
}
@media (min-width:700px){
  .pq-pay{padding:clamp(72px,11vh,130px) var(--m);text-align:center}
  .pq-steps{max-width:1240px;margin-left:auto;margin-right:auto;text-align:left}
  .pq-more{margin:0 auto;padding-top:clamp(72px,11vh,130px)}
}