.gallery-page{--ease:cubic-bezier(.2, .7, .2, 1);--tile-gap:14px;padding-bottom:72px}.gallery-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:44px 0 34px;display:flex;position:relative;overflow:clip}.gallery-watermark{font:italic 400 clamp(110px, 17vw, 270px) / .9 var(--body);color:var(--ink);opacity:.05;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:6px;right:1%}.gallery-head-copy{max-width:46rem;position:relative}.gallery-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.gallery-label svg{color:var(--gold)}.gallery-head h1{font:600 clamp(46px, 5.6vw, 88px) / 1 var(--body);letter-spacing:-1.6px;margin:14px 0 0}.gallery-sub{max-width:34em;font:italic 22px/1.4 var(--body);color:var(--muted);margin:14px 0 0}.gallery-ig{color:var(--brown);white-space:nowrap;align-items:center;gap:10px;padding-bottom:6px;font-size:16px;font-style:italic;display:inline-flex;position:relative}.gallery-ig:hover{color:var(--red)}.albums-title{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;display:block}.albums-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:16px;margin:0 -8px;padding:8px 8px 14px;display:flex;overflow-x:auto}.albums-row::-webkit-scrollbar{display:none}.album{aspect-ratio:4/3;background:var(--paper-deep);color:#fff6e9;text-align:left;scroll-snap-align:start;max-width:300px;transition:box-shadow .3s, transform .4s var(--ease);border:0;flex:1 0 190px;padding:0;position:relative;overflow:hidden}.album img{object-fit:cover;filter:saturate(.72)brightness(.88);width:100%;height:100%;transition:filter .5s, transform .9s var(--ease);position:absolute;inset:0}.album:after{content:"";background:linear-gradient(#1d151000 38%,#1d1510e0);position:absolute;inset:0}.album-text{z-index:1;text-shadow:0 1px 12px #0008;gap:2px;display:grid;position:absolute;bottom:13px;left:16px;right:16px}.album-text strong{font:italic 500 24px/1.1 var(--body)}.album-text small{opacity:.88;font-size:13px}.album:hover img,.album.selected img{filter:none}.album:hover img{transform:scale(1.06)}.album.selected{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--gold)}.album:focus-visible{outline:2px solid var(--red);outline-offset:4px}.gallery-stage{margin-top:26px}.gallery-rail{z-index:6;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 0;display:flex;position:sticky;top:0}.rail-count{font-family:var(--body);align-items:baseline;gap:2px;font-style:italic;display:flex}.rail-now{animation:rail-flip .5s var(--ease);font-size:34px;font-weight:500;line-height:1;display:inline-block}.rail-total{color:var(--muted);font-size:18px}.rail-album{font:italic 15px/1.2 var(--body);color:var(--muted)}.rail-ticks{gap:5px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.rail-ticks li{background:var(--line);width:18px;height:2px;transition:background .4s}.rail-ticks li.on{background:var(--gold)}@keyframes rail-flip{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}.gallery-blocks{padding-top:18px}.bento{gap:var(--tile-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:clamp(36px,5vw,72px);display:grid}.tile{aspect-ratio:4/5;background:var(--paper-deep);position:relative;overflow:hidden}.tile.t1,.tile.t4,.tile:last-child:is(.t2,.t5),.bento.v1 .tile{aspect-ratio:16/10;grid-column:span 2}@media (width>=721px){.bento{aspect-ratio:var(--ratio,1.5);grid-template-columns:repeat(3,minmax(0,1fr))}.bento .tile,.bento .tile.t1,.bento .tile.t4,.bento .tile:last-child:is(.t2,.t5),.bento.v1 .tile{aspect-ratio:auto;grid-column:auto}.tile.t1{grid-area:a}.tile.t2{grid-area:b}.tile.t3{grid-area:c}.tile.t4{grid-area:d}.tile.t5{grid-area:e}.tile.t6{grid-area:f}.bento.v6{--ratio:1.5;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:"a b b""a c d""e f d"}.bento.v5{--ratio:1.5;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:"a b b""a c d""e e d"}.bento.v4{--ratio:2.1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"a b b""a c d"}.bento.v3{--ratio:2.1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"a b b""a c c"}.bento.v2{--ratio:2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:"a a b""a a b"}.bento.v1{--ratio:2.4;grid-template-areas:"a a a"}.bento.v5 .tile.t5{grid-area:e}}.tile-button{color:#fff6e9;text-align:left;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.tile-button:focus-visible{outline:3px solid var(--paper-light);outline-offset:-6px;box-shadow:inset 0 0 0 6px var(--red)}.tile-media{display:block;position:absolute;inset:0}.tile-img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);display:block}.tile-button:hover .tile-img{transform:scale(1.06)}.tile-shade{background:linear-gradient(#1d151000 40%,#1d151066 68%,#1d1510e6 100%);position:absolute;inset:0}.tile-text{text-shadow:0 1px 14px #0009;gap:2px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.tile-date{font:italic 500 clamp(26px, 2.6vw, 40px) / 1 var(--body);letter-spacing:-.5px}.tile-title{font:italic 17px/1.25 var(--body);opacity:.94}.tile-caption{opacity:0;max-height:0;transition:max-height .45s var(--ease), opacity .4s, transform .45s var(--ease);font-size:15px;line-height:1.35;overflow:hidden;transform:translateY(6px)}.tile-zoom{width:38px;height:38px;color:var(--ink);opacity:0;transition:opacity .3s, transform .4s var(--ease);background:#fdf6ecd9;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:scale(.8)}@media (hover:hover){.tile-button:hover .tile-caption,.tile-button:focus-visible .tile-caption{opacity:.88;max-height:4em;transform:none}.tile-button:hover .tile-zoom,.tile-button:focus-visible .tile-zoom{opacity:1;transform:none}}.gallery-end{text-align:center;justify-items:center;gap:10px;padding:18px 0 8px;display:grid;position:relative}.gallery-end-mark{font:italic 400 120px/.7 var(--body);color:var(--gold);opacity:.35}.gallery-end p{max-width:28em;font:italic 24px/1.4 var(--body)}@media (width>=1000px){.gallery-stage{grid-template-columns:120px minmax(0,1fr);gap:36px;display:grid}.gallery-rail{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;flex-direction:column;align-self:start;align-items:flex-start;gap:6px;padding:26px 0 0;top:96px}.rail-now{letter-spacing:-3px;font-size:92px}.rail-total{font-size:26px}.rail-album{font-size:16px}.rail-ticks{flex-direction:column;gap:6px;margin:18px 0 0}.rail-ticks li{width:2px;height:22px}}[data-motion=on] .tile{opacity:0;transition:opacity .9s var(--ease), transform 1.2s var(--ease);transition-delay:var(--d,0s);transform:translateY(64px)scale(.965)}[data-motion=on] .tile.is-in{opacity:1;transform:none}[data-motion=on] .tile .tile-img{transition:transform 1.8s var(--ease);transition-delay:var(--d,0s);transform:scale(1.24)}[data-motion=on] .tile.is-in .tile-img{transform:none}[data-motion=on] .tile .tile-text,[data-motion=on] .tile .tile-shade{opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--d,0s) + .38s)}[data-motion=on] .tile .tile-text{transform:translateY(20px)}[data-motion=on] .tile.is-in .tile-text,[data-motion=on] .tile.is-in .tile-shade{opacity:1;transform:none}[data-motion=on] .tile.is-done,[data-motion=on] .tile.is-done .tile-img,[data-motion=on] .tile.is-done .tile-text,[data-motion=on] .tile.is-done .tile-shade{transition-delay:0s}[data-motion=on] .tile.is-done .tile-img{transition-duration:.9s}@media (prefers-reduced-motion:no-preference){.gallery-head-copy>*{animation:gallery-rise 1s var(--ease) both}.gallery-head-copy>h1{animation-delay:80ms}.gallery-head-copy>.gallery-sub{animation-delay:.2s}.gallery-ig{animation:gallery-rise 1s var(--ease) .3s both}.album{animation:gallery-rise .9s var(--ease) both;animation-delay:calc(.35s + var(--i,0) * 70ms)}.gallery-end p,.gallery-end a{animation:gallery-rise 1s var(--ease) both}}@keyframes gallery-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tile-media{animation:linear both tile-drift;animation-timeline:view();transform:scale(1.16)}.gallery-watermark{animation:linear both watermark-drift;animation-timeline:scroll(root);animation-range:0 100vh}.gallery-end-mark{animation:linear both tile-drift;animation-timeline:view()}}}@keyframes tile-drift{0%{transform:translateY(7%)scale(1.16)}to{transform:translateY(-7%)scale(1.16)}}@keyframes watermark-drift{0%{transform:translate(0)}to{transform:translate(-9vw)}}@media (width<=720px){.gallery-head{flex-direction:column;align-items:flex-start;padding:30px 0 24px}.gallery-sub{font-size:19px}.album{flex:0 0 62vw;max-width:260px}.gallery-end p{font-size:20px}}.viewer{--ease:cubic-bezier(.2, .7, .2, 1);background:var(--paper-light);width:min(1220px,95vw);max-width:none;height:min(760px,92dvh);max-height:none;color:var(--ink);border:0;padding:0;overflow:hidden;box-shadow:0 40px 110px -20px #0009,0 0 0 1px #ffffff1f}.viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 30% 20%,#3a2c20f2,#120d09f7)}.viewer[open]::backdrop{animation:.45s both viewer-fade}.viewer.is-closing::backdrop{opacity:0;transition:opacity .38s}html:has(.viewer[open]){overflow:hidden}@keyframes viewer-fade{0%{opacity:0}}.viewer-grid{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);height:100%;display:grid}.viewer-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#1d1510;position:relative;overflow:hidden}.viewer-layer{position:absolute;inset:0}.viewer-ambient{object-fit:cover;filter:blur(34px)saturate(1.3)brightness(.55);width:124%;height:124%;position:absolute;inset:-12%}.viewer-image{object-fit:contain;filter:drop-shadow(0 14px 34px #0008);width:100%;height:100%;padding:clamp(14px,3vw,34px);position:absolute;inset:0}.viewer-arrow{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff6e9;width:50px;height:50px;transition:background .3s, transform .4s var(--ease), border-color .3s;background:#1d151099;border:1px solid #fff6e94d;border-radius:50%;place-items:center;margin-top:-25px;padding:0;display:grid;position:absolute;top:50%}.viewer-prev{left:16px}.viewer-prev svg{transform:rotate(180deg)}.viewer-next{right:16px}.viewer-arrow:hover{background:var(--red);border-color:var(--red)}.viewer-prev:hover{transform:translate(-3px)}.viewer-next:hover{transform:translate(3px)}.viewer-arrow:focus-visible,.viewer-close:focus-visible,.viewer-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.viewer-count{z-index:3;font:italic 500 22px/1 var(--body);color:#fff6e9;text-shadow:0 1px 12px #000a;position:absolute;bottom:16px;left:20px}.viewer-count i{opacity:.55;margin:0 3px;font-style:normal}.viewer-panel{background:radial-gradient(ellipse at 100% 0%, #f1dfc8, transparent 55%), linear-gradient(170deg, #fffaf2, var(--paper-light));border-left:1px solid var(--line);flex-direction:column;min-height:0;padding:34px 38px 24px;display:flex;position:relative}.viewer-close{z-index:4;border:1px solid var(--line);background:var(--paper-light);width:40px;height:40px;color:var(--ink);transition:background .25s, color .25s, transform .4s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:16px;right:16px}.viewer-close:hover{background:var(--ink);color:var(--paper-light);transform:rotate(90deg)}.viewer-body{flex:1;min-height:0;padding:6px 4px 14px 0;overflow-y:auto}.viewer-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.viewer-kicker svg{color:var(--gold)}.viewer-year{font:italic 500 clamp(64px, 7vw, 104px) / .9 var(--body);letter-spacing:-3px;color:var(--red);margin-top:22px;display:block}.viewer-body h2{font:600 clamp(28px, 2.6vw, 38px) / 1.12 var(--body);letter-spacing:-.5px;text-wrap:balance;margin:12px 0 0}.viewer-rule{max-width:220px;color:var(--gold);align-items:center;gap:12px;margin:20px 0;display:flex}.viewer-rule i{background:linear-gradient(to right, transparent, var(--line));flex:1;height:1px}.viewer-rule i:last-child{background:linear-gradient(to left, transparent, var(--line))}.viewer-text{color:var(--muted);margin:0;font-size:19px;line-height:1.5}.viewer-note{border-left:2px solid var(--gold);font:25px/1.2 var(--display);color:var(--brown);transform-origin:0;margin:22px 0 0;padding:4px 0 4px 20px;position:relative;transform:rotate(-1deg)}.viewer-source{margin-top:22px;font-size:15px}.viewer-strip{border-top:1px dashed var(--line);scrollbar-width:none;gap:8px;padding-top:16px;display:flex;overflow-x:auto}.viewer-strip::-webkit-scrollbar{display:none}.viewer-thumb{background:var(--paper-deep);opacity:.55;height:62px;transition:opacity .3s, transform .4s var(--ease);border:0;flex:0 0 62px;padding:0;position:relative;overflow:hidden}.viewer-thumb img{object-fit:cover;width:100%;height:100%}.viewer-thumb:hover{opacity:.9;transform:translateY(-3px)}.viewer-thumb.on{opacity:1;box-shadow:0 0 0 2px var(--paper-light), 0 0 0 4px var(--gold)}@media (prefers-reduced-motion:no-preference){.viewer-body>*{animation:viewer-rise .8s var(--ease) both;animation-delay:calc(.18s + var(--i,0) * 70ms)}.viewer-year{animation-name:viewer-year}.viewer-note{animation-name:viewer-note}.viewer-count,.viewer-arrow{animation:viewer-fade .7s var(--ease) .35s both}.viewer-thumb{animation:viewer-rise .7s var(--ease) both}.viewer-thumb:nth-child(2){animation-delay:50ms}.viewer-thumb:nth-child(3){animation-delay:.1s}.viewer-thumb:nth-child(4){animation-delay:.15s}.viewer-thumb:nth-child(5){animation-delay:.2s}.viewer-thumb:nth-child(6){animation-delay:.25s}.viewer-image{animation:viewer-settle 1.6s var(--ease) both}}@keyframes viewer-rise{0%{opacity:0;transform:translateY(calc(var(--dir,1) * 0px + 22px))}}@keyframes viewer-year{0%{opacity:0;transform:translateX(calc(var(--dir,1) * 26px))}}@keyframes viewer-note{0%{opacity:0;transform:translateY(18px)rotate(-3deg)}}@keyframes viewer-settle{0%{transform:scale(1.07)}}@media (width<=899px){.viewer{width:100vw;height:100dvh;max-height:100dvh}.viewer-grid{grid-template-rows:minmax(0,46dvh) minmax(0,1fr);grid-template-columns:1fr}.viewer-panel{border-left:0;border-top:1px solid var(--line);padding:22px 22px 14px}.viewer-close{color:#fff6e9;background:#1d1510b0;border-color:#fff6e94d;top:calc(14px - 46dvh);right:14px}.viewer-year{margin-top:12px;font-size:56px}.viewer-arrow{width:42px;height:42px;margin-top:-21px}.viewer-prev{left:10px}.viewer-next{right:10px}.viewer-thumb{flex-basis:52px;height:52px}}.viewer-image,.viewer-ambient{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}