@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#101514;--paper:#f4f3e8;--muted:#b5bdb5;--line:#ffffff26;--accent:#d8e0b2;--serif:Instrument,Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button[hidden],[hidden]{display:none!important}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--ink)}.skip{position:fixed;z-index:100;left:1rem;top:-5rem;padding:1rem;background:var(--paper);color:var(--ink)}.skip:focus{top:1rem}
.masthead{position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 3rem;font-size:.875rem}.brand{width:60px;display:flex;align-items:center}.brand img{width:60px;height:auto}.event-date{margin-left:2rem}.masthead nav{margin-left:auto}.masthead nav a{display:flex;gap:.75rem;align-items:center;border-bottom:1px solid #ffffff69;padding:.6rem 0}.total{font-size:.75rem;opacity:.6}
.arrival{position:relative;min-height:840px;height:100svh;overflow:hidden;background:#25382f}.scene-backdrop,.scene-shade{position:absolute;inset:0}.scene-backdrop>img{height:100%;width:100%;object-fit:cover;transition:opacity .6s ease,transform 1.6s ease;object-position:center 53%}.scene-shade{background:linear-gradient(180deg,#07110f88 0%,#0b1a1320 30%,#08130d09 42%,#0e17137d 67%,#101514ee 100%)}.arrival-title{position:absolute;top:22%;left:6.3%;pointer-events:none;text-shadow:0 2px 55px #05120c66}h1{font-family:var(--serif);font-size:clamp(6.5rem,13vw,13.7rem);line-height:.82;font-weight:400;letter-spacing:-.035em;margin:0}h1 span{display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:clamp(.85rem,1.2vw,1.1rem);text-transform:uppercase;letter-spacing:.34em;margin:.95rem 0 0 .3rem;line-height:1.5}.scene-picker{position:absolute;right:3rem;top:31%;display:flex;flex-direction:column;gap:.85rem}.scene-choice{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0;font-size:.8rem;color:#ffffffb8;min-height:48px}.scene-choice img{width:58px;height:44px;object-fit:cover;opacity:.65;border:1px solid #ffffff70;transition:opacity .3s,transform .4s}.scene-choice[aria-pressed=true] img{opacity:1;outline:1px solid var(--paper);outline-offset:4px;transform:scale(1.03)}.scene-choice[aria-pressed=true]{color:#fff}.scene-choice:hover img{opacity:1}.arrival-bottom{position:absolute;bottom:2.5rem;left:3rem;right:3rem}.ribbon-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.ribbon-heading>span{color:#ffffffb0}.wander{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;padding:.4rem 0;border-bottom:1px solid #ffffff50}.ribbon{display:flex;gap:1rem;overflow-x:auto;scrollbar-width:none;padding:5px 0 10px}.ribbon::-webkit-scrollbar{display:none}.ribbon button{flex:1;min-width:120px;height:142px;padding:0;overflow:hidden;background:#27382a}.ribbon img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.ribbon button:hover img{transform:scale(1.05);filter:brightness(1.1)}
.collection{padding:6rem 3rem 0}.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:0 0 2.25rem}.eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}h2{font-family:var(--serif);font-size:clamp(2.8rem,5vw,5rem);font-weight:400;letter-spacing:-.03em;line-height:1;margin:0}.count{display:inline-block;font: .875rem 'Helvetica Neue',Arial,sans-serif;vertical-align:top;margin:.4rem 0 0 1rem;color:var(--muted)}.filter-toggle{display:flex;align-items:center;gap:2rem;font-size:.875rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.filter-toggle span{font-size:1.5rem}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.5rem 0;margin:0 0 1.5rem}.filter-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-row:last-child{margin:0}.filter-label{width:85px;color:var(--muted);font-size:.8rem}.tag{border:1px solid var(--line);border-radius:99px;padding:.6rem 1rem;font-size:.875rem;transition:background .2s}.tag[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.match-control{margin-left:auto;display:flex;gap:.5rem;align-items:center;font-size:.875rem}.match-control button{padding:.5rem .65rem;border-bottom:1px solid transparent;color:var(--muted)}.match-control button[aria-pressed=true]{color:var(--paper);border-color:var(--paper)}.active-filters{color:var(--muted);font-size:.875rem}.active-filters:not(:empty){padding:0 0 1.5rem}.active-filters button{text-decoration:underline;margin-left:1rem}.photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;align-items:start}.photo-card{position:relative;padding:0;grid-column:span 4;overflow:hidden;background:var(--photo-color,#27332b);aspect-ratio:1.4}.photo-card:nth-child(7n+1){grid-column:span 7;aspect-ratio:1.65}.photo-card:nth-child(7n+2){grid-column:span 5;aspect-ratio:1.177}.photo-card:nth-child(7n+6){grid-column:span 5;aspect-ratio:1.177}.photo-card:nth-child(7n+7){grid-column:span 7;aspect-ratio:1.65}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease,opacity .4s}.photo-card:hover img{transform:scale(1.025)}.photo-card .photo-index{position:absolute;bottom:.8rem;right:.8rem;font-size:.75rem;opacity:0;transition:opacity .3s;background:#0007;padding:.35rem .5rem;pointer-events:none}.photo-card:hover .photo-index,.photo-card:focus-visible .photo-index{opacity:1}.collection-end{display:flex;gap:2rem;align-items:center;justify-content:space-between;margin-top:4rem;border-top:1px solid var(--line);padding:2.5rem 0;font-size:.8rem;color:var(--muted)}.collection-end img{height:auto}.empty{padding:5rem 1rem;text-align:center}.empty button{padding:.75rem;border-bottom:1px solid var(--line)}
dialog{margin:0;border:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#090d0c;color:var(--paper);overflow:auto}dialog::backdrop{background:#090d0c}dialog[open]{display:flex;flex-direction:column}.viewer-haze{position:fixed;inset:0;pointer-events:none;opacity:.16;background-position:center;background-size:cover;filter:blur(65px);transform:scale(1.15)}.viewer-top{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;min-height:72px;font-size:.875rem}.viewer-top #viewer-position{color:var(--muted);font-size:.8rem}.close{margin-left:auto;display:flex;align-items:center;gap:1.5rem;min-height:44px}.close span{font-size:1.8rem;line-height:1}.quiet{font-size:.875rem;min-height:44px;padding:.4rem 0}.image-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:0 6rem;min-height:0;flex:1;z-index:1}.image-stage>img{max-width:100%;height:100%;object-fit:contain;max-height:calc(100dvh - 280px);min-height:120px;transition:opacity .18s}.image-stage .step{position:absolute;top:45%;font-size:.75rem;color:#cad0c8;padding:1rem .75rem;z-index:2}.previous{left:.8rem}.next{right:.8rem}.image-loading{position:absolute;bottom:1rem;font-size:.8rem;background:#000a;padding:.5rem .8rem;border-radius:2px}.viewer-bottom{position:relative;z-index:1;width:min(900px,100%);align-self:center;padding:1rem 2rem 1.5rem}.thread-heading{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:.65rem}.thread-heading .quiet{min-height:30px;color:var(--paper);border-bottom:1px solid #ffffff50}.connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.connection{position:relative;padding:0;text-align:left;display:flex;align-items:center;gap:1rem;min-width:0;font-size:.8rem}.connection img{height:80px;width:110px;object-fit:cover;transition:filter .3s}.connection:hover img{filter:brightness(1.15)}.connection span{line-height:1.4}.connection small{display:block;color:var(--muted);font-size:.75rem;margin-top:.3rem}.load-error{position:fixed;z-index:90;inset:0;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.load-error button{border-bottom:1px solid var(--paper);padding:.8rem}.body-viewer{overflow:hidden}
@media(min-width:1800px){.collection{max-width:1920px;margin:auto}.ribbon button{height:180px}}
@media(max-width:900px){.masthead{padding:1.5rem}.arrival{min-height:780px}.arrival-title{left:7%;top:25%}h1{font-size:20vw}.scene-picker{right:1.5rem;top:43%}.scene-choice{font-size:.75rem}.arrival-bottom{left:1.5rem;right:1.5rem;bottom:1.5rem}.ribbon button{flex:0 0 170px;height:125px}.collection{padding:4rem 1.5rem 0}.image-stage{padding:0 1rem}.step{display:none}.connections{gap:.75rem}.connection{display:block}.connection img{width:100%;height:86px}.connection span{display:block;margin-top:.45rem}.connection small{display:none}.viewer-bottom{padding:1rem 1.5rem 1.5rem}.image-stage>img{max-height:calc(100dvh - 285px)}.viewer-top{padding:1rem 1.5rem}.match-control{margin-left:0}.photo-grid{gap:.6rem}}
@media(max-width:600px){.masthead{padding:1.2rem 1rem;gap:.6rem;align-items:center}.brand,.brand img{width:45px}.event-date{position:absolute;top:4.7rem;left:1rem;margin:0;font-size:.75rem;letter-spacing:.025em}.masthead nav a{font-size:.8rem;gap:.5rem}.arrival{height:94svh;min-height:690px;max-height:950px}.arrival-title{left:1.1rem;top:23%}h1{font-size:27vw}h1 span{font-size:.78rem;letter-spacing:.29em;margin-top:1rem}.scene-shade{background:linear-gradient(180deg,#07110f9c 0%,#07110f30 42%,#10151440 58%,#101514 100%)}.scene-picker{top:50%;left:1rem;right:1rem;flex-direction:row;justify-content:flex-start;gap:1.3rem}.scene-choice{display:block;text-align:left;font-size:.75rem;min-height:44px}.scene-choice img{width:47px;height:35px;margin-top:.65rem}.scene-choice span{display:block}.arrival-bottom{left:1rem;right:0;bottom:1rem}.ribbon-heading{padding-right:1rem;margin-bottom:.75rem;font-size:.8rem}.ribbon{gap:.6rem;padding-right:1rem}.ribbon button{flex:0 0 135px;height:104px}.wander{font-size:.875rem}.collection{padding:3rem 1rem 0}.collection-heading{align-items:flex-end;gap:1rem;margin-bottom:1.5rem}h2{font-size:2.65rem}.count{font-size:.75rem;margin:.2rem 0 0 .5rem}.eyebrow{font-size:.7rem;margin-bottom:.75rem}.filter-toggle{gap:.65rem;font-size:.8rem;white-space:nowrap}.filter-toggle span{font-size:1.2rem}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.photo-card,.photo-card:nth-child(7n+1),.photo-card:nth-child(7n+2),.photo-card:nth-child(7n+6),.photo-card:nth-child(7n+7){grid-column:span 1;aspect-ratio:.95}.photo-card:nth-child(5n+1){grid-column:span 2;aspect-ratio:1.5}.photo-card .photo-index{display:none}.collection-end{margin-top:2rem;flex-wrap:wrap;gap:1.2rem;padding:2rem 0;font-size:.75rem}.collection-end img{width:35px;margin-left:auto}.filter-row{gap:.5rem}.filter-label{width:100%;margin:.35rem 0}.tag{font-size:.8rem;padding:.6rem .8rem}.viewer-top{padding:.7rem 1rem;min-height:62px}.viewer-bottom{padding:.6rem 1rem max(1rem,env(safe-area-inset-bottom))}.image-stage{padding:0}.image-stage>img{max-height:calc(100dvh - 265px);min-height:80px}.connections{gap:.5rem}.connection img{height:76px}.connection span{font-size:.75rem}.thread-heading{font-size:.75rem}.close{font-size:.8rem;gap:1rem}.viewer-top #viewer-position{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}