.hero-pic{display:grid;gap:var(--space-s);padding-bottom:1rem}.hero-pic img{aspect-ratio:3/2;background:#eee;border-radius:var(--radius-media);box-shadow:0 2px 4px rgba(0,0,0,.1);height:auto;object-fit:cover;width:100%}.profile-header{align-items:center;display:grid;gap:var(--space-xs);justify-items:start}.title{font-size:var(--font-size-2xl);font-weight:500;line-height:1}.section{padding:0 0 3rem}.section-header{display:block;margin-bottom:clamp(.75rem,2vw,1.25rem)}.section-header h2,.section-header h3{margin:0}.section-header h2{font-size:var(--font-size-m)}.section-header h3{color:var(--teal-700);font-size:clamp(1.2rem,2vw,1.6rem)}.grid-2{display:grid;gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.grid-2{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{display:grid;gap:.5rem;padding:var(--space-s)}.meta{color:#6b7280;font-size:var(--font-size-xs);margin-bottom:1rem}.btn{background:#fff;border:1px solid #000;border-radius:5px;color:#000;display:inline-block;font-weight:600;padding:.5rem 1rem;text-decoration:none}.btn:hover{background:var(--primary-100)}.btn--primary{background:var(--primary-600);border-color:var(--primary-600);color:#fff;overflow:visible;position:relative}.btn--primary:hover{background:#fff;color:var(--primary-600)}.thumb{aspect-ratio:4/3;background:#eee;box-shadow:0 2px 4px rgba(0,0,0,.1);object-fit:cover;width:100%}.square,.thumb{border-radius:var(--radius-media)}.square{aspect-ratio:1/1}.video-card{display:flex;flex-direction:column;gap:.5rem}.video-title{color:var(--text-2,#6b7280);font-size:var(--font-size-xs);line-height:1.35}.yt-thumb{aspect-ratio:16/9;background:#000;border-radius:var(--radius-media);box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;position:relative}.yt-thumb,.yt-thumb img{display:block;width:100%}.yt-thumb img{height:100%;object-fit:cover}.yt-thumb .play{align-items:center;background:rgba(0,0,0,.6);border:2px solid #fff;border-radius:999px;display:inline-flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.yt-thumb .play svg{height:26px;width:26px;fill:#fff}.yt-thumb:hover .play{background:rgba(0,0,0,.75)}.btn-link{border:1px solid transparent;border-radius:8px;color:var(--primary-600);display:inline-block;padding:.2rem .4rem;text-decoration:none}.btn-link:hover{background:#fff4f3;border-color:#ffd4cf}#events .event-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){#events .event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#events .event{aspect-ratio:300/425;background:#bdeaf5 50%/cover no-repeat;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;position:relative;text-decoration:none}.past-events{border-top:1px solid var(--border-1);padding-top:var(--space-s)}.past-events>summary{align-items:center;background:var(--surface-1);border:1px solid var(--border-1);border-radius:999px;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--space-8);list-style:none;margin-bottom:var(--space-s);padding:var(--space-8) var(--space-16);transition:background-color .16s ease,border-color .16s ease}.past-events[open]>summary{background:var(--surface-2);border-color:var(--border-2)}.past-events>summary::-webkit-details-marker{display:none}.past-events>summary:after{border-left:.35em solid transparent;border-right:.35em solid transparent;border-top:.5em solid;content:"";display:inline-block;height:0;transition:transform .16s ease;width:0}.past-events[open]>summary:after{transform:rotate(180deg)}.past-events>summary:focus-visible{border-color:var(--link);outline:2px solid var(--link);outline-offset:2px}.past-events>summary .label-less,.past-events[open]>summary .label-more{display:none}.past-events[open]>summary .label-less{display:inline}.event-grid.past .event{filter:grayscale(.15);opacity:.92}.profile-hero{margin-bottom:32px}.profile-hero>.profile-header{margin-bottom:1.4rem}@media (min-width:1024px){.profile-hero{align-items:start;display:grid;gap:var(--space-s);grid-template-areas:"photo photo photo title title" "photo photo photo profile-nav profile-nav";grid-template-columns:repeat(5,minmax(0,1fr))}.profile-hero .hero-pic{grid-area:photo}.profile-hero>.profile-header{align-self:end;grid-area:title}.profile-hero>nav.profile-nav{grid-area:profile-nav}}