.activity-choice{--ac-gap:var(--space-6);--ac-radius:var(--paper-radius);padding-block:var(--space-8);background:var(--color-paper);color:var(--color-ink)}
.activity-choice .ac-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}
.activity-choice .unified-title{margin-bottom:0}
.activity-choice .section-intro{margin-top:var(--space-4);color:var(--color-ink)}
.activity-choice .ac-filter{display:grid;gap:var(--space-2);flex:0 0 13rem;font-size:var(--type-body)}
.activity-choice .ac-filter select{min-height:3rem;width:100%;padding:.6rem 2.5rem .6rem 1rem;border-radius:var(--frame-radius);border:1px solid var(--color-ink);background:var(--color-paper);font-size:var(--type-action);font-weight:700}
.activity-choice .ac-filter label{font-size:var(--type-body);font-weight:600}
.activity-choice button{font:inherit;color:inherit;cursor:pointer}
.activity-choice .ac-controls{display:flex;align-items:center;gap:var(--space-3)}
.activity-choice .ac-controls button{border:1px solid var(--color-ink);background:transparent;width:3rem;height:3rem;min-width:3rem;min-height:3rem;padding:0;border-radius:var(--frame-radius);font-size:1.4rem;line-height:1}
.activity-choice .ac-count{margin-left:var(--space-2);font-size:var(--type-body)}
.activity-choice .ac-controls button:disabled{opacity:.4;cursor:default}
.activity-choice .ac-category{font-size:var(--type-body);font-weight:600;margin-bottom:var(--space-3)}
.activity-choice .ac-title{font-size:var(--type-feature-title);font-weight:720;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty}
.activity-choice .ac-description{font-size:var(--type-body);line-height:1.65;margin-top:var(--space-4);color:var(--color-ink)}
.activity-choice .ac-history{font-size:var(--type-metadata);color:var(--color-muted);margin-top:var(--space-5);line-height:1.55}
.activity-choice img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.activity-choice img.ac-poster{object-fit:contain;background:var(--color-raised)}
.activity-choice .ac-body{min-width:0}
.activity-choice .ac-stage{position:relative;min-width:0}


/* The album, yellow mat, frame and stroke are approved GCWL brand components. */
.ac-album .ac-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:var(--space-7)}
.ac-album .ac-stage{height:27rem;padding:0 var(--space-7) var(--space-4) 0;isolation:isolate}
.ac-album .ac-stage:after{content:"";position:absolute;inset:var(--space-5) var(--space-3) 0 var(--space-4);background:var(--color-signal);border-radius:var(--paper-radius);z-index:-1}
.ac-album .ac-layer{position:absolute;inset:0 var(--space-7) var(--space-4) 0;margin:0;overflow:hidden;background:var(--color-raised);border-radius:var(--paper-radius);padding:var(--space-2)}
.ac-album .ac-layer img{border-radius:var(--photo-inset-radius)}
.ac-album .ac-layer:not(:first-child) img{object-fit:cover}
.ac-album .ac-layer:nth-child(1){z-index:3}
.ac-album .ac-layer:nth-child(2){z-index:2;transform:translate(1.2rem,.2rem) rotate(3deg)}
.ac-album .ac-layer:nth-child(3){z-index:1;transform:translate(2.4rem,.4rem) rotate(6deg)}
.ac-album .ac-copy{padding:var(--space-4) 0}
.ac-album .ac-controls{margin-top:var(--space-6)}
.ac-album .ac-thumbnails{display:flex;gap:var(--space-2);margin-top:var(--space-6)}
.ac-album .ac-thumbnail{padding:3px;border:0;background:transparent;width:4.5rem;height:4.5rem;border-radius:var(--frame-radius);opacity:.65}
.ac-album .ac-thumbnail img{border-radius:var(--frame-radius)}
.ac-album .ac-thumbnail[aria-pressed="true"]{background:var(--color-signal);opacity:1}

.ac-journal .ac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.ac-journal .ac-grid:has(.ac-entry:only-child){grid-template-columns:minmax(0,1fr)}
.ac-journal .ac-grid .ac-entry:only-child{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.ac-journal .ac-entry{min-width:0;background:var(--color-raised);border-radius:var(--paper-radius);overflow:hidden}
.ac-journal .ac-entry figure{height:23rem;margin:0;background:var(--color-raised)}
.ac-journal .ac-entry:first-child figure{position:relative}
.ac-journal .ac-entry-copy{padding:var(--space-5)}
.ac-journal .ac-entry .ac-title{font-size:var(--type-subheading-strong)}
.ac-journal .ac-entry .ac-category{font-weight:400;color:var(--color-muted);margin-bottom:var(--space-2)}
.ac-journal .ac-entry .ac-description{margin-top:var(--space-3)}
.ac-journal .ac-entry figure{padding:var(--space-2)}
.ac-journal .ac-entry figure img{border-radius:var(--photo-inset-radius)}
.ac-journal .ac-bottom{display:flex;justify-content:space-between;gap:var(--space-5);align-items:center;margin-top:var(--space-5)}
.ac-journal .ac-bottom .ac-history{margin-top:0;max-width:44rem}

.ac-index .ac-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);gap:var(--space-7);align-items:start}
.ac-index .ac-list{display:grid;gap:var(--space-3)}
.ac-index .ac-row{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:var(--space-4);text-align:left;border:0;border-radius:var(--frame-radius);padding:var(--space-3);background:transparent;min-height:6.5rem;width:100%}
.ac-index .ac-row[data-preview-selected="true"]{background:var(--color-quiet);border-left:var(--space-1) solid var(--color-signal)}
.ac-index .ac-row img{height:5rem;border-radius:var(--frame-radius)}
.ac-index .ac-row-title{font-size:var(--type-subheading);font-weight:700;line-height:1.4;display:block;text-wrap:balance}
.ac-index .ac-row-category{font-size:var(--type-body);margin-top:var(--space-2);display:block;color:var(--color-muted)}
.ac-index .ac-row-description{display:none}
.ac-index .ac-row-hint,.ac-index .ac-row-photo{display:none}
.ac-index .ac-preview{margin:0 var(--mat-offset) 0 0}
.ac-index .ac-preview-image{height:25rem;overflow:hidden;border-radius:var(--paper-radius);box-shadow:var(--mat)}
.ac-index .ac-preview .ac-description{margin-top:var(--space-5)}
.ac-index .ac-controls{margin-top:var(--space-5);justify-content:end}

@media(max-width:63.99rem){
  .ac-album .ac-body,.ac-index .ac-body{gap:var(--space-6)}
  .ac-album .ac-stage{height:24rem}
  .ac-index .ac-row{grid-template-columns:4.5rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-2)}
  .ac-index .ac-row img{height:4.5rem}
  .ac-index .ac-preview-image{height:24rem}
}
@media(max-width:47.99rem){
  .activity-choice{padding-block:var(--space-6)}
  .activity-choice .ac-heading{display:grid;gap:var(--space-5);margin-bottom:var(--space-5)}
  .activity-choice .ac-filter{display:flex;align-items:center;gap:var(--space-3);min-width:0}
  .activity-choice .ac-filter label{white-space:nowrap}
  .activity-choice .ac-filter select{min-width:0;flex:1}
  .activity-choice .ac-title{font-size:var(--type-feature-title);line-height:1.4}
  .activity-choice .ac-description{font-size:var(--type-body)}
  .activity-choice .ac-history{font-size:var(--type-metadata)}
  .ac-album .ac-body{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
  .ac-album .ac-stage{height:16rem;padding-right:var(--space-6)}
  .ac-album .ac-layer{inset:0 var(--space-6) var(--space-3) 0}
  .ac-album .ac-layer:nth-child(2){transform:translate(.8rem,.1rem) rotate(3deg)}
  .ac-album .ac-layer:nth-child(3){transform:translate(1.5rem,.2rem) rotate(6deg)}
  .ac-album .ac-stage:after{inset:var(--space-4) var(--space-2) 0 var(--space-3)}
  .ac-album .ac-copy{padding:0}
  .ac-album .ac-category{margin-bottom:var(--space-2)}
  .ac-album .ac-controls{margin-top:var(--space-4)}
  .ac-album .ac-thumbnails{display:none}
  .ac-album .ac-description{margin-top:var(--space-3)}
  .ac-album .ac-history{margin-top:var(--space-3)}
  .ac-journal .ac-grid{gap:var(--space-3)}
  .ac-journal .ac-entry{border-radius:var(--frame-radius)}
  .ac-journal .ac-entry figure{height:auto;aspect-ratio:4/5}
  .ac-journal .ac-entry-copy{padding:var(--space-3) var(--space-2)}
  .ac-journal .ac-entry .ac-title{font-size:var(--type-subheading);line-height:1.5}
  .ac-journal .ac-entry .ac-category{font-size:var(--type-metadata)}
  .ac-journal .ac-entry .ac-description{font-size:var(--type-body);line-height:1.6}
  .ac-journal .ac-bottom{flex-wrap:wrap;gap:var(--space-4)}
  .ac-journal .ac-bottom .ac-controls{width:100%;justify-content:space-between}
  .ac-journal .ac-bottom .ac-history{order:2}
  .ac-index .ac-body{grid-template-columns:minmax(0,1fr);gap:0}
  .ac-index .ac-list{gap:var(--space-3)}
  .ac-journal .ac-grid .ac-entry:only-child{display:block}
  .ac-index .ac-row{grid-template-columns:4.5rem minmax(0,1fr);min-height:5.5rem;padding:var(--space-2);gap:var(--space-3)}
  .ac-index .ac-row img{height:4.5rem;align-self:start}
  .ac-index .ac-row-title{font-size:var(--type-subheading);line-height:1.5}
  .ac-index .ac-row-category{font-size:var(--type-metadata);margin-top:var(--space-1)}
  .ac-index .ac-row[data-preview-selected="true"] .ac-row-description{display:block;font-size:var(--type-body);line-height:1.65;margin-top:var(--space-2);font-weight:400}
  .ac-index .ac-row[data-preview-selected="true"] .ac-row-hint{display:block;font-size:var(--type-action);font-weight:600;margin-top:var(--space-3);text-decoration:underline;text-underline-offset:.2em}
  .ac-index .ac-row[data-preview-expanded="true"] .ac-row-photo{display:block;grid-column:1/-1;margin-top:var(--space-3);height:auto;aspect-ratio:4/3}
  .ac-index .ac-row-photo img{height:100%;width:100%;border-radius:var(--photo-inset-radius)}
  .ac-index .ac-preview{display:none}
  .ac-index .ac-controls{justify-content:space-between}
}
@media(max-width:21.99rem){.ac-journal .ac-grid{grid-template-columns:minmax(0,1fr)}.ac-journal .ac-entry figure{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.activity-choice *{animation:none!important;transition:none!important}}