/* Teaser (EP) */
.teaser{min-height:calc(100vh - 180px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 0}
.teaser h1{font-size:clamp(56px,11vw,168px);margin-top:28px}
.teaser p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,26px);color:var(--stone);margin-top:28px}
.teaser .rule{width:1px;height:64px;background:var(--line);margin:40px auto 0}

/* Page head */
.page-head{padding-top:clamp(48px,8vw,120px)}
.page-head h1{margin-top:24px;max-width:14ch}
.page-head p.lead{margin-top:32px}

/* Press */
.bio{margin-top:28px}
.bio p+p{margin-top:16px}
.copy{margin-top:24px;font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 6px;color:var(--ink);cursor:pointer}
.copy[data-done]{color:var(--stone);border-color:var(--stone)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.photos figure img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.photos figcaption{margin-top:12px;font-size:12px;color:var(--stone);display:flex;justify-content:space-between;gap:12px}
.photos figcaption a{border-bottom:1px solid var(--ink);color:var(--ink)}
.photos .ph{aspect-ratio:4/5;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--stone)}

/* Events */
.empty{margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0}
.empty p{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.35}

/* Footer links */
footer.site nav a{margin-left:0;margin-right:24px}

@media (max-width:820px){
  .photos{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  header.site{gap:12px}
  nav a{margin-left:12px;letter-spacing:.14em}
  header.site nav a.k{display:none}
  .photos{grid-template-columns:1fr}
}

/* FAQ */
.faq .qa{border-top:1px solid var(--line);padding:28px 0}
.faq .qa:last-child{border-bottom:1px solid var(--line)}
.faq h3{font-size:clamp(24px,2.6vw,32px);margin-bottom:10px}
.faq p{color:var(--ink)}

/* Dropdown nav */
nav.main{display:flex;align-items:center}
.dd{position:relative}
.dd .menu{position:absolute;top:100%;right:0;padding-top:14px;display:none;z-index:10}
.dd .menu::before{content:"";position:absolute;inset:14px 0 0;background:var(--bone);border:1px solid var(--line)}
.dd .menu a{position:relative;display:block;margin:0;padding:12px 20px;white-space:nowrap;color:var(--stone)}
.dd .menu a:first-child{padding-top:18px}.dd .menu a:last-child{padding-bottom:18px}
.dd .menu a:hover{color:var(--ink)}
.dd:hover .menu,.dd:focus-within .menu{display:block}

/* Chooser */
.choose{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.choose a{display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:32px;border:1px solid var(--line);transition:border-color .3s}
.choose a:hover{border-color:var(--ink)}
.choose .n{font-family:var(--serif);font-size:clamp(36px,5vw,64px);line-height:1;margin:auto 0 24px}
.choose .link-line{align-self:flex-start;margin-top:0}
@media (max-width:820px){.choose{grid-template-columns:1fr}.choose a{min-height:220px}}
@media (hover:none){.dd .menu{display:none!important}}
footer.site nav{display:flex;flex-wrap:wrap;gap:8px 0}