/* Collection, directory, and reading surfaces share the same content-first glass system. */
.collection-head,.more-head{position:relative;max-width:none;margin-top:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,5vw,4.4rem);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:1.35rem;background:linear-gradient(118deg,var(--glass-strong),var(--glass));box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(125%)}.collection-head:after,.more-head:after{content:"";position:absolute;width:26rem;height:26rem;right:-13rem;top:-16rem;border-radius:50%;background:rgba(214,255,63,.28);filter:blur(18px);pointer-events:none}.collection-head>*,.more-head>*{position:relative;z-index:1}.collection-head h1,.more-head h1{margin:.55rem 0 .8rem;font-size:clamp(3.7rem,7vw,6.8rem)}.collection-head .lede,.more-head .lede{margin:0;max-width:44rem}.collection-search{max-width:44rem;margin:2rem 0 0}.collection-search label{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.collection-search div{gap:.55rem;padding:.35rem;border:1px solid var(--glass-line);border-radius:.8rem;background:rgba(255,255,255,.52)}.collection-search input{min-width:0;border:0;background:transparent;outline:none}.collection-search input:focus{box-shadow:none}.collection-search .button{border-radius:.55rem;padding:.78rem 1rem}.topic-filter{position:relative;z-index:1;gap:.4rem;margin:1rem 0 0;padding:.65rem;border:1px solid rgba(255,255,255,.68);border-radius:1rem;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px)}.topic-filter a{padding:.5rem .8rem;border:1px solid transparent;background:transparent;transition:background .16s ease,border-color .16s ease,transform .16s ease}.topic-filter a:hover{transform:translateY(-1px);background:rgba(255,255,255,.6)}.topic-filter a.selected{border-color:transparent;background:var(--ink);color:var(--paper)}
.collection-grid{gap:clamp(.7rem,1.2vw,1rem);margin:1.25rem 0 clamp(5rem,9vw,8rem);padding:clamp(.65rem,1.1vw,.9rem);border:1px solid rgba(255,255,255,.7);border-radius:1.35rem;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.collection-card{overflow:hidden;border:1px solid var(--glass-line);border-radius:.95rem;background:var(--glass-strong);box-shadow:inset 0 1px rgba(255,255,255,.7);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.collection-card:hover{transform:translateY(-4px);box-shadow:0 18px 28px rgba(25,27,30,.13),inset 0 1px rgba(255,255,255,.75)}.collection-image{height:clamp(190px,23vw,270px);background:linear-gradient(145deg,rgba(214,255,63,.28),rgba(126,177,255,.16));}.collection-image img{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.collection-card:hover img{transform:scale(1.035)}.collection-image span{font-size:clamp(3.5rem,7vw,6rem);color:var(--ink);opacity:.6}.collection-card>div{min-height:210px;padding:1.35rem 1.45rem 1.55rem}.collection-card h2{font-size:clamp(2rem,3.1vw,3.25rem);line-height:.93;margin:.55rem 0 .8rem}.collection-card h2 a{text-decoration-thickness:1px;text-underline-offset:.13em}.collection-card p:not(:first-child){max-width:37ch;margin-bottom:0;line-height:1.55}.collection-card:only-child{grid-template-columns:minmax(270px,43%) 1fr}.collection-card:only-child .collection-image{height:100%}.empty{padding:clamp(2rem,5vw,4rem);border:0;border-radius:.9rem;background:var(--glass-strong)}
.more-grid{gap:clamp(.7rem,1.2vw,1rem);margin:1.25rem 0 clamp(5rem,9vw,8rem);padding:clamp(.65rem,1.1vw,.9rem);border:1px solid rgba(255,255,255,.7);border-radius:1.35rem;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px)}.more-grid a{min-height:270px;padding:1.5rem;border:1px solid var(--glass-line);border-radius:.95rem;background:var(--glass-strong);box-shadow:inset 0 1px rgba(255,255,255,.7);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease}.more-grid a:hover{transform:translateY(-4px);background:rgba(255,255,255,.9);color:var(--ink)}.more-grid span{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);font-weight:700}.more-grid h2{font-size:clamp(2.3rem,4vw,4.2rem);margin:auto 0 .55rem}.more-grid p{max-width:23ch;margin:0;line-height:1.5}.more-grid b{display:flex;align-items:center;justify-content:space-between;margin-top:1.4rem;padding-top:.85rem;border-top:1px solid var(--glass-line)}
.detail{max-width:900px;margin:clamp(2rem,5vw,4rem) auto clamp(5.5rem,10vw,8rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid rgba(255,255,255,.7);border-radius:1.4rem;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.detail h1{max-width:12ch;margin:.55rem 0 1rem;font-size:clamp(3.5rem,7vw,6.6rem)}.detail>.lede{max-width:38rem;margin-bottom:2.2rem}.detail .cover{display:block;margin:0 0 2.4rem;border-radius:1rem;box-shadow:var(--shadow);max-height:640px}.article-body{max-width:43rem;font-size:1.08rem}.article-body p{margin:1.15rem 0}.article-body ul,.article-body ol{padding-left:1.25rem}.article-body a{color:var(--blue)}.content-media{max-width:100%;padding-top:.5rem}.content-media figure{padding:.55rem;border:1px solid rgba(255,255,255,.7);border-radius:1rem;background:var(--glass-strong)}.content-media figcaption{padding:.2rem .25rem}.content-media video{overflow:hidden;border:1px solid rgba(255,255,255,.5)}
html[data-theme=dark] .collection-head,html[data-theme=dark] .more-head,html[data-theme=dark] .collection-card,html[data-theme=dark] .more-grid a,html[data-theme=dark] .detail{border-color:rgba(255,255,255,.12)}html[data-theme=dark] .collection-search div{background:rgba(0,0,0,.16)}html[data-theme=dark] .topic-filter a.selected{background:var(--acid);color:#191a1a}
@media(max-width:820px){.collection-card:only-child{grid-template-columns:1fr}.collection-card:only-child .collection-image{height:240px}.collection-grid,.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{margin-inline:0}.collection-card>div{min-height:190px}}
@media(max-width:600px){.collection-head,.more-head{margin-top:1rem;padding:1.6rem 1.25rem;border-radius:1rem}.collection-head h1,.more-head h1{font-size:clamp(3.25rem,15vw,4.5rem)}.collection-search div{flex-direction:column}.collection-search .button{width:100%}.topic-filter{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.topic-filter::-webkit-scrollbar{display:none}.topic-filter a{white-space:nowrap}.collection-grid,.more-grid{grid-template-columns:1fr;margin-bottom:5rem;border-radius:1rem}.collection-card>div{min-height:0;padding:1.2rem}.collection-image{height:215px}.more-grid a{min-height:220px}.detail{margin:1rem 0 5rem;padding:1.5rem 1.2rem;border-radius:1rem}.detail h1{font-size:clamp(3rem,14vw,4.4rem)}.detail .cover{margin-bottom:1.8rem}.article-body{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.collection-card,.more-grid a,.collection-image img{transition:none}.collection-card:hover,.more-grid a:hover{transform:none}}

/* Search shares the collection hero, form, and result surfaces. */
.search-head .collection-search{max-width:48rem}.search-head .search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 16%,transparent)}.search-head input{font-size:1rem;min-height:3rem}.search-hint{margin:.7rem 0 0;color:var(--muted);font-size:.78rem}.search-summary{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.search-summary h2{font:500 1rem/1.5 var(--sans);letter-spacing:-.025em;overflow-wrap:anywhere}.search-summary>a{flex-shrink:0;font-size:.8rem}.search-grid{margin-bottom:2rem}.search-grid .collection-card:only-child{display:block}.search-grid h2{overflow-wrap:anywhere}.search-empty{margin-bottom:2rem}.search-empty h3{margin-top:0}.search-empty p{color:var(--muted);max-width:45ch}.search-browse{margin:2rem 0 5rem}.search-browse .topic-filter{flex-wrap:wrap}.search-browse .section-number{flex-wrap:wrap}@media(max-width:600px){.search-summary{align-items:flex-start}.search-head .search-field{flex-direction:row}.search-head .collection-search .button{width:auto;flex-shrink:0}.search-head input{width:100%;padding-inline:.5rem}.search-head .button{gap:.5rem}}

/* About: personal photographs, a short introduction, and paths into the archive. */
.about-page .about-hero{gap:clamp(2rem,5vw,5rem);padding:2.5rem 0 3.5rem;grid-template-columns:1.1fr .9fr}.about-page .about-hero h1{font-size:clamp(3.7rem,7vw,6.6rem);margin:.65rem 0 1.2rem}.about-name{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}.about-page figure{margin:0;padding:.65rem;border:1px solid var(--glass-line);border-radius:1.2rem;background:var(--glass);box-shadow:var(--shadow)}.about-page figure img{display:block;width:100%;height:470px;object-fit:cover;border-radius:.7rem}.about-page figcaption{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .25rem .1rem;font-size:.7rem;color:var(--muted)}.about-story{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--glass-line);border-radius:1.2rem;background:var(--glass);box-shadow:var(--shadow-soft)}.about-story h2{margin:1.2rem 0 0}.about-story-copy p:first-child{margin-top:0}.about-story-copy p:last-child{margin-bottom:0}.about-story-copy>p:not(.lede){color:var(--muted)}.about-rooms{margin:3.5rem 0}.about-rooms>h2{margin:1.2rem 0 1.5rem}.about-rooms .more-grid{margin-bottom:0}.about-rooms .more-grid h3{margin:1.5rem 0 .7rem;font-size:clamp(2.5rem,4vw,4rem)}.about-postscript{display:grid;grid-template-columns:.75fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center;margin:4rem 0}.about-postscript h2{margin:1rem 0}.about-postscript figure img{height:400px}.about-directory{border-top:1px solid var(--glass-line);margin-top:1.5rem}.about-directory a{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--glass-line);text-decoration:none;font-size:.86rem}.about-directory a span{width:4rem;color:var(--muted)}.about-directory b{margin-left:auto}.about-connect{padding:clamp(1.5rem,4vw,3.5rem);margin-bottom:5rem;border:1px solid var(--glass-line);border-radius:1.2rem;background:linear-gradient(120deg,var(--glass-strong),var(--glass));box-shadow:var(--shadow-soft)}.about-connect h2{margin:1.2rem 0;font-size:clamp(2.8rem,5vw,5rem)}.about-email{display:block;width:fit-content;font-size:clamp(1.05rem,2.3vw,1.8rem);overflow-wrap:anywhere;color:var(--blue)}.about-form-link{display:block;width:fit-content;margin-top:1rem;font-size:.85rem}.contact-email{overflow-wrap:anywhere;color:var(--blue)}@media(max-width:820px){.about-page .about-hero,.about-story,.about-postscript{grid-template-columns:1fr}.about-page .about-hero figure{max-width:none}.about-page figure img{height:440px}.about-story{gap:1.5rem}.about-postscript{gap:2rem}.about-page .about-hero{padding-top:1.5rem}}@media(max-width:480px){.about-page figure img{height:360px}.about-page figcaption{flex-wrap:wrap;gap:.2rem}.about-page .actions{flex-wrap:wrap}.about-rooms .search-summary{flex-wrap:wrap}.about-postscript figure img{height:340px}.about-directory a{gap:.5rem}}
