


.packs .pack{grid-template-rows:auto auto 1fr auto;cursor:default}
.phead{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name crew" "price crew";
 column-gap:12px;row-gap:8px;align-items:start}

.phead .phname{grid-area:name;display:block}
.phead .pack-name{min-height:0;display:inline}
.phead .phname .ktag{margin-left:8px;white-space:nowrap}
.phead .crew{grid-area:crew;min-height:0;align-items:flex-start;justify-content:flex-end}
.phead .crew svg{height:clamp(36px,2.8vw,48px)}
.phead .price{grid-area:price;align-self:end}
.pacts{margin-top:auto;display:grid;gap:8px;border-top:var(--line);padding-top:12px}
.pack-open{display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
 border:var(--edge);border-radius:9px;padding:9px 12px;background:var(--card);color:var(--ink);
 font-variation-settings:"opsz" 24,"wght" 700;font-size:var(--t-small);
 transition:background .14s}
.pack-open:hover{background:var(--mint)}
.pack-buy{display:flex;align-items:center;justify-content:center;cursor:pointer;
 border:1.5px solid var(--ink);border-radius:9px;padding:10px 12px;
 background:var(--ink);color:var(--cream);text-decoration:none;
 font-variation-settings:"opsz" 24,"wght" 700;font-size:var(--t-small);
 transition:opacity .14s}
.pack-buy:hover{opacity:.88}

#pk0:checked ~ .packs .c0,
#pk1:checked ~ .packs .c1,
#pk2:checked ~ .packs .c2{border-color:var(--ink);box-shadow:var(--shx)}

.panelprice{margin:2px 0 12px}


.ktag{display:inline-block;vertical-align:2px;border-radius:99px;padding:2.5px 8px;
 font-variation-settings:"opsz" 12,"wght" 800;font-size:var(--t-micro);
 letter-spacing:.1em;color:var(--ink);border:1px solid rgba(30,58,52,.28)}
.ktag.k1{background:var(--mint)}
.ktag.k2{background:var(--lamp)}
.ktag.k3{background:var(--peach)}


.ask{margin-bottom:clamp(18px,2.2vw,30px)}
.guarantee{border-left:2px solid var(--teal);background:var(--card);padding:16px 20px;
 border-radius:0 10px 10px 0;box-shadow:var(--sh);max-width:66ch;
 margin-bottom:clamp(16px,2vw,26px)}
.guarantee p{font-size:var(--t-body)}
.ask .sechead{margin-bottom:0}


.exd{border:var(--line);border-radius:12px;background:var(--card);box-shadow:var(--sh);
 margin-bottom:10px;overflow:hidden}
.exd summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;
 list-style:none}
.exd summary::-webkit-details-marker{display:none}
.exd summary .tt{font-variation-settings:"opsz" 32,"wght" 700;font-size:var(--t-h3)}
.exd summary:hover .tt{color:var(--ember)}
.exd[open] summary .chev{transform:rotate(225deg) translate(-3px,-3px)}
.exd .exbody{padding:2px 18px 18px;max-width:74ch}

.exd .atable td.colpart{width:auto;white-space:normal;min-width:16ch;
 font-variation-settings:"opsz" 18,"wght" 400}
.exd .atable td .who{white-space:nowrap}
.exd .abody{overflow-x:auto}
.exd .atable{min-width:560px}


@media (min-width:821px){
 .p-creator .story{grid-template-columns:minmax(220px,300px) minmax(0,1fr);
  column-gap:clamp(36px,4vw,72px)}
 .p-creator .portrait{position:sticky;top:84px}
 
 .p-creator .cvlist>div{grid-template-columns:minmax(150px,220px) minmax(0,1fr)}
}
.p-creator .storybody p:not(.small){font-size:var(--t-lede);line-height:1.55}
.p-creator .storybody>p{max-width:66ch}

.p-creator .sechead{max-width:none}
.p-creator .sechead .lede{max-width:66ch}

.p-creator .panel .pbody p{max-width:66ch}
.p-creator .note p{max-width:66ch}
.p-creator .cvlist dd{font-size:var(--t-body)}



@media (min-width:821px){.p-team .specs{grid-template-columns:repeat(3,1fr)}}
.p-team .spec .ktag{margin-top:2px}
.p-team .spec.k3{background:linear-gradient(180deg,var(--peach) 0,var(--card) 68%)}
.p-team .tierhead{margin:clamp(18px,2vw,26px) 0 12px;display:flex;align-items:center;gap:12px;
 font-variation-settings:"opsz" 26,"wght" 700;font-size:var(--t-small);color:var(--ink2)}
.p-team .tierhead::after{content:"";flex:1;height:1px;background:var(--rule)}

.kkey{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 26px;
 margin:0 0 clamp(16px,2vw,26px)}
@media (max-width:820px){.kkey{grid-template-columns:1fr}}
.kkey .kk{font-size:var(--t-small);color:var(--ink2)}
.kkey .kk b{color:var(--ink)}

#rl-ea:checked ~ .chart label[for="rl-ea"],
#rl-money:checked ~ .chart .specs label[for="rl-money"],
#rl-cs:checked ~ .chart .specs label[for="rl-cs"],
#rl-ops:checked ~ .chart .specs label[for="rl-ops"],
#rl-mkt:checked ~ .chart .specs label[for="rl-mkt"],
#rl-content:checked ~ .chart .specs label[for="rl-content"],
#rl-research:checked ~ .chart .specs label[for="rl-research"],
#rl-bd:checked ~ .chart .specs label[for="rl-bd"],
#rl-operator:checked ~ .chart .specs label[for="rl-operator"],
#rl-reviewer:checked ~ .chart .specs label[for="rl-reviewer"]{
 box-shadow:0 0 0 2px var(--ink),var(--shx)}




.jb .lbl{font-size:var(--t-h3);letter-spacing:.12em;color:var(--ink);
 width:fit-content;padding-bottom:8px;border-bottom:2.5px solid var(--ember);
 margin-bottom:20px}


.jb .encl{gap:clamp(18px,2.2cqw,28px);padding:clamp(16px,2.2cqw,30px)}
.jb .encl>div{background:var(--card);border:1px solid var(--hair);
 border-radius:14px;padding:clamp(18px,2.6cqw,32px);box-shadow:var(--sh)}


.jb .facts{grid-template-columns:1fr;gap:0}
.jb .facts>.cell:nth-of-type(2),
.jb .facts>.cell:nth-of-type(3){grid-column:auto}
.jb .cell{background:transparent;border:0;border-radius:0;padding:14px 0}
.jb .facts>.cell:first-of-type{padding-top:2px}
.jb .facts>.cell:last-of-type{padding-bottom:0}
.jb .facts>.cell+.cell{border-top:1px solid var(--hair)}


.bottominfo{padding-top:0}
.guarantee-wide{max-width:none;margin-bottom:0}
.bottominfo .guarantee{margin-bottom:clamp(16px,2vw,26px)}
.bottominfo .caps{margin-top:clamp(16px,2cqw,24px)}
.bottominfo .sold{max-width:none;display:grid;
 grid-template-columns:1fr 1fr;gap:12px var(--gut)}

.bottominfo .sold .soldfact{grid-column:1}
.bottominfo .sold .soldget{grid-column:2;grid-row:1/span 2}

.bottominfo .sold .soldget{display:grid;gap:10px;align-content:start}
@container (max-width:900px){
 .bottominfo .sold{grid-template-columns:1fr}
}


@supports (grid-template-rows:subgrid){
 @media (min-width:821px){
  .packs{grid-template-rows:auto auto auto 1fr auto}
  .packs .pack{grid-row:1/-1;display:grid;grid-template-rows:subgrid;
   grid-template-columns:minmax(0,1fr) auto;row-gap:12px}
  .packs .phead{display:contents}
  .packs .phead .phname{grid-row:1;grid-column:1}
  .packs .phead .crew{grid-row:1;grid-column:2;min-height:0;
   align-items:flex-start;justify-content:flex-end}
  .packs .phead .price{grid-row:2;grid-column:1/-1;align-self:end}
  .packs .oneline{grid-row:3;grid-column:1/-1}
  .packs .pack>ul.ticks{grid-row:4;grid-column:1/-1;align-content:start}
  .packs .pacts{grid-row:5;grid-column:1/-1;margin-top:0}
 }
}



.p-team .sechead{max-width:none}
.p-team .sechead .lede{max-width:none}



.lede b.bmatname,.bmatname{color:#C33F1C}
.p-creator .trigger{max-width:66ch}
.p-creator .note{max-width:66ch}
.p-creator .storybody .storylist{max-width:66ch;margin:2px 0 16px;gap:10px}
.p-creator .storybody .storylist li{font-size:var(--t-lede);line-height:1.5}




ul.ticks .dashes{list-style:none;display:grid;gap:4px;margin-top:6px}
ul.ticks .dashes li{padding-left:14px}
ul.ticks .dashes li::before{content:"-";background:none;width:auto;height:auto;
 border-radius:0;top:0;left:2px}


@media (min-width:821px){
 #pk1-p .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #pk2-p .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
 #pk1-p .pgrid,#pk2-p .pgrid{grid-template-columns:1fr}
}
