

html[data-chero="year"] .ch-a{display:none}
html:not([data-chero="year"]) .ch-b{display:none}


.ch-page{padding-bottom:max(3.5rem, calc(110 * var(--hb-u)))}
.ch-top{margin-top:max(2rem, calc(80 * var(--hb-u)));align-items:center}
.ch-crew{grid-column:1 / 7}
.ch-crew .hb-crew{margin:0}
.ch-when{color:var(--hb-sm);grid-column:7 / 13;justify-self:end;margin:0;font-size:max(1.2rem, calc(30 * var(--hb-u)));font-weight:700;letter-spacing:-.03em;display:flex;align-items:center;gap:.45em;flex-wrap:wrap;justify-content:flex-end}
.ch-kicker{display:inline-flex;align-items:center;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor;padding:.28em .7em .32em;font-size:.62em;letter-spacing:0}
.ch-date{margin:max(1rem, calc(26 * var(--hb-u))) 0 0;padding:0 var(--hb-margin);white-space:nowrap;color:var(--type-orange);line-height:.8;text-transform:uppercase;font-size:20vw}
.ch-date .w{display:inline-block}
.ch-under{margin-top:max(1.6rem, calc(52 * var(--hb-u)));align-items:start;row-gap:max(1.2rem, calc(30 * var(--hb-u)))}
.ch-what{grid-column:1 / 8}
.ch-topic{font-size:max(2rem, calc(76 * var(--hb-u)));line-height:.98;font-weight:700;letter-spacing:-.045em;color:var(--ink);text-wrap:balance;max-width:14em}
.ch-tag{margin-top:max(.7rem, calc(16 * var(--hb-u)))!important;font:500 12px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:.75}
.ch-clip{grid-column:9 / 13;grid-row:1 / 3;aspect-ratio:4 / 5;position:relative;overflow:hidden}
.ch-clip video{width:100%;height:100%;object-fit:cover}
.ch-btns{grid-column:1 / 8;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.6rem}
.ch-btns .hb-btn{font-size:max(1.0625rem, calc(23.5 * var(--hb-u)));border:0;cursor:pointer;font-family:var(--f-head)}
.ch-btns .jh-text{font-size:max(1rem, calc(20 * var(--hb-u)))}


.ch-b{padding:0 var(--hb-margin)}
.ch-year{margin:max(1.6rem, calc(60 * var(--hb-u))) 0 0;font-size:max(3.2rem, calc(150 * var(--hb-u)));line-height:.9;font-weight:700;letter-spacing:-.05em;text-wrap:balance}
.ch-year__sub{margin-top:max(1rem, calc(30 * var(--hb-u)))!important;font-size:max(1.1rem, calc(26 * var(--hb-u)));line-height:1.3;max-width:28em;color:var(--ink)}


.cs{padding-top:clamp(20px,3vh,34px);padding-bottom:clamp(80px,12vh,140px)}
.cs-head{display:grid;grid-template-columns:1fr;row-gap:10px}
.cs-tabs{margin-top:clamp(22px,3.4vh,38px);max-width:100%;overflow-x:auto;scrollbar-width:none}
.cs-tabs::-webkit-scrollbar{display:none}
.cs-tabs button{white-space:nowrap}
.cs-note{margin:6px 0 0;opacity:.75}
.cs-body{margin-top:clamp(24px,3.6vh,40px);min-height:200px}
.cs-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;opacity:.75}
.cs-legend span{display:inline-flex;align-items:center;gap:8px}
.k{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.k--party{background:var(--type-orange)}
.k--break{background:var(--green)}
.k--off{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.k--next{background:transparent;box-shadow:0 0 0 2px var(--type-orange)}


.cs-list{list-style:none;margin:0;padding:0;border-top:1.5px dashed color-mix(in srgb,currentColor 35%,transparent)}
.cs-row{display:grid;grid-template-columns:minmax(150px,14%) 1fr auto;column-gap:clamp(18px,2vw,32px);align-items:center;padding:clamp(14px,2vh,20px) clamp(10px,1vw,16px);border-bottom:1.5px dashed color-mix(in srgb,currentColor 35%,transparent);position:relative}
.cs-d{display:flex;align-items:baseline;gap:12px}
.cs-d b{font-family:var(--f-narrow);font-stretch:62%;font-weight:800;font-size:clamp(48px,4.8vw,84px);line-height:.85;letter-spacing:-.005em;color:var(--type-orange)}
.cs-d span{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.cs-t{margin:0;font:600 clamp(20px,1.9vw,30px)/1.2 var(--f-head);letter-spacing:-.02em;text-wrap:balance}
.cs-tag{display:inline-flex;align-items:center;gap:8px;font:500 11px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cs-row.is-off .cs-t{opacity:.6}
.cs-row.is-off .cs-d b{color:color-mix(in srgb,var(--ink) 35%,transparent)}
.cs-row.is-next{background:color-mix(in srgb,var(--type-orange) 13%,transparent)}
.cs-row.is-next .cs-tag--next{display:inline-flex}
.cs-tag--next{display:none;background:var(--btn-orange);color:#fff;border-radius:999px;padding:6px 10px;font-weight:600}
html:not([data-past="hide"]) .cs-row.is-past{opacity:.38}
html[data-past="hide"] .cs-row.is-past{display:none}
.cs-empty{margin:0;font:600 22px/1.3 var(--f-head)}


.cs-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cs-wd{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.65;padding:0 4px 6px}
.cs-cell{position:relative;min-height:clamp(64px,8.4vw,128px);border-radius:10px;padding:8px 9px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 14%,transparent);font:600 14px/1 var(--f-head);text-align:left;background:none;border:0;color:inherit;display:flex;flex-direction:column;gap:6px}
.cs-cell.is-blank{box-shadow:none}
.cs-cell.is-night{cursor:pointer;background:color-mix(in srgb,var(--ink) 5%,transparent)}
.cs-cell.is-night .n{font:800 clamp(18px,1.7vw,28px)/1 var(--f-narrow);font-stretch:62%;color:var(--type-orange)}
.cs-cell .tp{font:500 12.5px/1.25 var(--f-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-cell .dot{position:absolute;right:9px;top:9px}
.cs-cell.is-past{opacity:.4}
.cs-cell.is-next{box-shadow:inset 0 0 0 2px var(--type-orange)}
.cs-cell[aria-pressed="true"]{background:color-mix(in srgb,var(--type-orange) 16%,transparent)}
.cs-cell:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cs-detail{margin-top:18px}
.cs-detail .cs-list{border-top:1.5px dashed color-mix(in srgb,currentColor 35%,transparent)}


.cp{padding-bottom:clamp(90px,13vh,150px);overflow:hidden}
.cp-grid{margin-top:clamp(30px,5vh,56px)}
.cp-line{margin:0;max-width:24ch;font:700 clamp(28px,2.8vw,48px)/1.12 var(--f-head);letter-spacing:-.035em;text-wrap:balance}
.cp-cards{list-style:none;margin:clamp(40px,6vh,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,2vw,32px);align-items:start}
.cp-card{position:relative}
.cp-card:nth-child(2){margin-top:clamp(30px,4vw,70px)}
.cp-card:nth-child(4){margin-top:clamp(18px,2.4vw,40px)}
.cp-card .h-print{position:relative;aspect-ratio:4 / 5;--r:-2deg}
.cp-card:nth-child(2) .h-print{--r:2.5deg}
.cp-card:nth-child(3) .h-print{--r:-1deg}
.cp-card:nth-child(4) .h-print{--r:3deg}
.cp-card .h-print img{width:100%;height:100%;object-fit:cover}
.cp-d{display:block;margin-top:18px;font-family:var(--f-narrow);font-stretch:62%;font-weight:800;font-size:clamp(44px,4.4vw,78px);line-height:.85;text-transform:uppercase}
.cp-n{display:block;margin-top:8px;font:700 clamp(19px,1.5vw,24px)/1.2 var(--f-head);letter-spacing:-.02em}
.cp-done{display:inline-block;margin-top:8px;font:500 11px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.cp-card.is-past .h-print{filter:grayscale(.85)}
.cp-ms{margin:30px 0 0}


.ct{padding-bottom:clamp(170px,19vw,300px)}   
html[data-foot="floor"] .ct{padding-bottom:clamp(90px,13vh,150px)}
.ct-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(24px,4vh,44px);margin-top:clamp(30px,5vh,56px);align-items:start}
.ct-h{grid-column:1 / span 7;margin:0;font:700 clamp(36px,4vw,70px)/1.0 var(--f-head);letter-spacing:-.045em;text-wrap:balance}
.ct-steps{grid-column:1 / span 6;list-style:none;margin:0;padding:0}
.ct-steps li{display:flex;align-items:baseline;gap:18px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);font:500 19px/1.35 var(--f-body)}
.ct-steps li:first-child{border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}
.ct-steps .hr-mono{min-width:4.2em;opacity:.8}
.ct-steps b{font-weight:600}
.ct-link{grid-column:1 / span 6;justify-self:start;color:var(--cream)}
.ct-photo{grid-column:9 / span 4;grid-row:1 / 4;aspect-ratio:4 / 5}


@media (max-width:991px){
  .ch-crew{grid-column:1 / -1}
  .ch-when{grid-column:1 / -1;justify-self:start;justify-content:flex-start;margin-top:1rem}
  .ch-what,.ch-btns{grid-column:1 / -1}
  .ch-clip{grid-column:5 / -1;grid-row:auto;aspect-ratio:16 / 9}
  .cp-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .cp-card:nth-child(4){margin-top:clamp(30px,4vw,70px)}
  .ct-h,.ct-steps,.ct-link{grid-column:1 / -1}
  .ct-photo{grid-column:6 / -1;grid-row:auto}
}


@media (max-width:760px){
  .ch-top{margin-top:1.4rem}
  .ch-crew .hb-crew{display:flex;width:100%}
  .ch-crew .hb-crew button{flex:1}
  .ch-when{font-size:1.15rem;margin-top:1.75rem}   
  .ch-date{margin-top:.6rem}
  .ch-topic{font-size:clamp(24px,6.8vw,28px)}   
  .ch-clip{grid-column:3 / -1;aspect-ratio:4 / 3}
  .ch-btns{gap:.5rem 1rem}
  .ch-btns .hb-btn{font-size:1.0625rem}
  .ch-year{font-size:13vw}

  .cs-tabs{display:flex;width:auto;margin-right:calc(-1 * var(--m))}
  .cs-tabs button{flex:0 0 auto;font-size:15px;padding:.7em .95em .75em}
  .cs-row{grid-template-columns:auto 1fr;row-gap:6px;column-gap:16px;align-items:start;padding:14px 8px}
  .cs-d{flex-direction:column;align-items:flex-start;gap:4px;grid-row:1 / 3}
  .cs-d b{font-size:46px}
  .cs-t{font-size:19px}
  .cs-tag{grid-column:2;white-space:normal}
  .cs-cal{gap:4px}
  .cs-cell{min-height:52px;padding:6px;border-radius:8px}
  .cs-cell .tp{display:none}
  .cs-cell .dot{right:6px;top:6px}

  .cp-line{font-size:26px}
  .cp-cards{column-gap:14px;row-gap:30px}
  .cp-d{font-size:44px}
  .cp-n{font-size:17px}

  .ct{padding-bottom:140px}
  html[data-foot="floor"] .ct{padding-bottom:80px}
  .ct-grid{grid-template-columns:1fr}
  .ct-h{font-size:clamp(30px,8.6vw,40px)}
  .ct-steps li{font-size:17px;gap:14px}
  .ct-photo{grid-column:1 / -1;width:72%;justify-self:end}
}


.cs-tabs{justify-self:start}
@media (min-width:992px){
  .ch-under{grid-template-rows:auto 1fr}
  .ch-clip{aspect-ratio:16 / 10;align-self:start}
}

.ch-year{letter-spacing:-.04em}
.ch-tag{text-transform:none;letter-spacing:.02em;font-size:13px}
.cs-tag,.cs-legend{font-size:12px}


html.h-pre .ch-when,html.h-pre .ch-a,html.h-pre .ch-b{visibility:hidden}
