.gallery{--g-ink:#090a46;--g-muted:#5b5c7a;--g-bg:#fbf6ea;--g-brown:#472b18;--g-pink:#ef3662;--g-pink-text:#d81b4f;--g-yellow:#fce146;--toc-top:24px;--toc-h:48px;background:var(--g-bg);padding-bottom:56px}.gallery .is-main{--kind:#fce146}.gallery .is-sub{--kind:#f07370}.gallery .is-art{--kind:#7dc5ff}.gallery__head{padding:48px 0 8px}.gallery__head h1{text-indent:-9999px;white-space:nowrap;background-image:url(/assets/gallery/img/heading.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:516px;height:108px;margin:auto;display:block;overflow:hidden}.gallery__body{max-width:1200px;margin:auto;padding:8px 32px 0}.gallery__nav{background:var(--g-brown);border-radius:999px;gap:6px;width:fit-content;margin:8px auto 40px;padding:6px;display:flex}.gallery__navBtn{color:#fff;border-radius:999px;height:48px;padding:0 32px;font-size:1.063rem;font-weight:700;transition:background-color .2s,color .2s}@media (hover:hover){.gallery__navBtn:hover{background:#ffffff24}}.gallery__navBtn.active{background:var(--g-yellow);color:var(--g-ink);box-shadow:0 2px 6px #00000040}.gallery__layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:48px;display:grid}.galleryViewer{top:max(24px, 50svh - var(--viewer-h,0px) / 2);z-index:10;position:sticky}.galleryViewer__stage{aspect-ratio:4/3;background:var(--g-bg);touch-action:pan-y;user-select:none;width:100%;max-height:62svh;padding:6% 0;position:relative;overflow:hidden}.galleryViewer__stage:fullscreen{aspect-ratio:auto;background:#111;height:100%;max-height:none;padding:0}.galleryViewer__image{mix-blend-mode:multiply;object-fit:contain;width:100%;height:100%;transition:opacity .2s;display:block}:fullscreen>.galleryViewer__image{mix-blend-mode:normal}.is-loading .galleryViewer__image{opacity:.4;transition-delay:.1s}.galleryViewer__arrow,.galleryViewer__fullscreen{background:var(--g-yellow);color:var(--g-ink);border-radius:6px;place-items:center;transition:background-color .2s,box-shadow .2s,color .2s,transform .1s,translate .3s cubic-bezier(.25,.46,.45,.94);display:grid;position:absolute;box-shadow:0 3px #e8c42a}.galleryViewer__arrow svg,.galleryViewer__fullscreen svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.galleryViewer__arrow:hover,.galleryViewer__fullscreen:hover{background:var(--g-pink);color:#fff;box-shadow:0 3px #c41f48}}.galleryViewer__arrow:active,.galleryViewer__fullscreen:active{transform:translateY(2px);box-shadow:0 1px #e8c42a}.galleryViewer__arrow{width:40px;height:56px;top:50%;translate:0 -50%}.galleryViewer__arrow svg{stroke-width:2.4px;width:26px;height:26px}.galleryViewer__arrow.is-prev{left:8px}.galleryViewer__arrow.is-next{right:8px}.is-controlsHidden .galleryViewer__arrow.is-prev{translate:calc(-100% - 16px) -50%}.is-controlsHidden .galleryViewer__arrow.is-next{translate:calc(100% + 16px) -50%}:fullscreen>.galleryViewer__arrow.is-prev{left:16px}:fullscreen>.galleryViewer__arrow.is-next{right:16px}.galleryViewer__fullscreen{width:40px;height:40px;top:8px;right:8px}.galleryViewer__fullscreen svg{stroke-width:2.2px;width:22px;height:22px}.is-controlsHidden .galleryViewer__fullscreen{translate:0 calc(-100% - 24px)}.galleryViewer__fullscreen[hidden],.galleryViewer__fullscreen .is-exit,.is-fullscreen .galleryViewer__fullscreen .is-enter{display:none}.is-fullscreen .galleryViewer__fullscreen .is-exit{display:block}:fullscreen>.galleryViewer__fullscreen{top:16px;right:16px}.galleryViewer__toggle{color:var(--g-ink);place-items:center;transition:color .2s;display:none}.galleryViewer__toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.galleryViewer__toggle:hover{color:var(--g-pink)}}.galleryViewer__stageName{display:none}:fullscreen>.galleryViewer__stageName{color:#fff;text-align:center;text-shadow:0 1px 4px #000c;width:100%;font-size:1.25rem;font-weight:700;display:block;position:absolute;bottom:24px;left:0}.galleryViewer__info{min-height:240px;padding:16px 0 0}.galleryViewer__meta{color:var(--g-muted);gap:12px;margin-bottom:2px;font-size:.813rem;display:flex}.galleryViewer__group{color:var(--g-pink-text);font-weight:700}.galleryViewer__group[hidden]{display:none}.galleryViewer__counter{font-variant-numeric:tabular-nums}.caption__name{font-size:1.75rem;font-weight:900;line-height:1.3}.caption__alias{color:var(--g-muted);margin-top:2px;font-size:.875rem;font-weight:400;display:block}.caption__list{grid-template-columns:max-content minmax(0,1fr);gap:8px 14px;margin-top:16px;font-size:.875rem;display:grid}.caption__row{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;line-height:1.7;display:grid}.caption__row dt{background:var(--g-yellow);padding:1px 8px;font-size:.75rem;font-weight:700}.gallery__content{display:none}.gallery__content.active{display:block}.gallery__list{grid-template-columns:repeat(auto-fill,minmax(min(84px,33.3333% - 6.66667px),1fr));gap:10px;display:grid}.gallery__thumb{border:2px solid var(--kind);color:var(--g-ink);flex-direction:column;height:100%;scroll-margin:16px;text-decoration:none;display:flex;position:relative}.gallery__thumb[aria-current=true]:after{border:3px solid var(--g-pink);content:"";pointer-events:none;position:absolute;inset:-2px}@media (hover:hover){.gallery__thumb:hover .gallery__thumbImg img{transform:scale(1.08)}}.gallery__thumb:focus-visible .gallery__thumbImg img{transform:scale(1.08)}.gallery__thumbImg{aspect-ratio:1;background:#fff;display:block;overflow:hidden}.gallery__thumbImg img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:block}.gallery__name{background:var(--kind);-webkit-line-clamp:2;line-clamp:2;text-align:center;-webkit-box-orient:vertical;flex:1;padding:4px 4px 5px;font-size:.688rem;line-height:1.35;display:-webkit-box;overflow:hidden}.gallery__toc{top:var(--toc-top);z-index:5;margin-bottom:28px;position:sticky}.gallery__toc:before{background:var(--g-bg);content:"";height:calc(var(--toc-top) + var(--toc-h) / 2);left:-12px;right:-12px;top:calc(var(--toc-top) * -1);z-index:-1;position:absolute}.gallery__toc summary{cursor:pointer;height:var(--toc-h);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:0 20px 0 4px;font-size:.875rem;font-weight:700;list-style:none;display:flex;box-shadow:0 0 0 1px #472b181f,0 4px 12px #472b1814}.gallery__toc summary::-webkit-details-marker{display:none}.gallery__toc summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:7px;height:7px;margin:-4px 0 0 auto;transition:transform .2s;transform:rotate(45deg)}.gallery__toc[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.gallery__tocLabel{background:var(--g-brown);color:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;height:calc(100% - 8px);padding:0 16px 0 14px;display:flex}.gallery__tocLabel:before{background:linear-gradient(var(--g-yellow) 0 2px, transparent 2px 5px, var(--g-yellow) 5px 7px, transparent 7px 10px, var(--g-yellow) 10px 12px);content:"";border-radius:1px;width:14px;height:12px}.gallery__tocCurrent{color:var(--g-pink-text);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gallery__tocList{max-height:calc(100svh - var(--toc-top) - var(--toc-h) - 32px);overscroll-behavior:contain;background:#fff;border-radius:20px;flex-wrap:wrap;gap:8px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #472b1814,0 12px 32px #472b182e}.gallery__tocList a{color:var(--g-brown);background:#f6efdf;border-radius:999px;padding:6px 12px;font-size:.813rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:block}@media (hover:hover){.gallery__tocList a:hover{background:var(--g-yellow)}}.gallery__tocList a[aria-current]{background:var(--g-brown);color:#fff}.gallery__works{grid-template-columns:repeat(auto-fill,minmax(min(84px,33.3333% - 6.66667px),1fr));column-gap:10px;display:grid}.gallery__work{grid-area:span 2/1/auto/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;scroll-margin-top:calc(var(--toc-top) + var(--toc-h) + 16px);display:grid}.gallery__work.is-small{grid-column:span var(--span)}.gallery__work .gallery__list{grid-column:1/-1;grid-template-columns:subgrid;margin-bottom:40px}.gallery__work .gallery__thumb{scroll-margin-top:calc(var(--toc-top) + var(--toc-h) + 12px)}.gallery__workTitle{color:var(--g-pink-text);text-shadow:0 3px #fff;grid-column:1/-1;align-self:end;padding-bottom:12px;font-size:1.5rem;font-weight:900;line-height:1.3}.is-small .gallery__workTitle{font-size:1.125rem}@media only screen and (width<=767px){.gallery{--toc-top:calc(var(--viewer-h,0px) + 8px);--toc-h:44px;padding-bottom:min(6.25vw,31.25px)}.gallery__head{padding:min(10.42vw,52.08px) 0 min(3.13vw,15.63px)}.gallery__head h1{background-image:url(/assets/gallery/img/heading.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;width:min(92.24vw,461.2px);height:min(19.34vw,96.68px);display:block}.gallery__body{padding:0 12px}.gallery__nav{width:100%;margin:4px auto 16px}.gallery__navBtn{flex:1;height:44px;padding:0;font-size:.938rem}.gallery__layout{grid-template-columns:minmax(0,1fr);gap:16px}.galleryViewer{margin:0 -12px;top:0}.galleryViewer__panel{background:#fff;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:4px 12px 10px;display:grid;box-shadow:0 8px 12px -8px #472b184d}.galleryViewer__stage{aspect-ratio:auto;background:#fff;grid-column:1/-1;height:min(64vw,34svh);max-height:none;padding:12px 0}.galleryViewer__arrow{width:34px;height:48px}.galleryViewer__arrow svg{width:22px;height:22px}.galleryViewer__arrow.is-prev{left:0}.galleryViewer__arrow.is-next{right:0}.galleryViewer__fullscreen{width:34px;height:34px;top:8px;right:0}.galleryViewer__fullscreen svg{width:18px;height:18px}.galleryViewer__toggle{align-self:end;width:36px;height:36px;display:grid}.galleryViewer__toggle svg{stroke-width:2.4px;width:24px;height:24px;transition:rotate .2s}.galleryViewer.is-collapsed .galleryViewer__panel{align-items:center;padding-top:8px}.galleryViewer.is-collapsed .galleryViewer__stage{display:none}.galleryViewer.is-collapsed .galleryViewer__info{overflow:hidden}.galleryViewer.is-collapsed .caption__alias,.galleryViewer.is-collapsed .caption__list{display:none}.galleryViewer.is-collapsed .caption__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.galleryViewer.is-collapsed .galleryViewer__toggle{align-self:center}.galleryViewer.is-collapsed .galleryViewer__toggle svg{rotate:180deg}.galleryViewer__info{min-height:0;max-height:9em;padding:4px 2px 0;overflow-y:auto}.galleryViewer__meta{margin-bottom:0;font-size:.688rem}.caption__name{font-size:1.063rem}.caption__alias{margin:0 0 0 8px;font-size:.75rem;display:inline}.caption__list{gap:4px 10px;margin-top:6px;font-size:.75rem}.caption__row{line-height:1.6}.caption__row dt{padding:0 6px;font-size:.656rem}.gallery__list{grid-template-columns:repeat(auto-fill,minmax(min(72px,33.3333% - 5.33333px),1fr));gap:8px}.gallery__name{font-size:.625rem}.gallery__thumb{scroll-margin-top:calc(var(--viewer-h,0px) + 12px)}.gallery__toc{margin-bottom:20px}.gallery__toc summary{gap:10px;padding:0 16px 0 4px}.gallery__tocLabel{padding:0 12px 0 10px;font-size:.813rem}.gallery__tocList a{padding:5px 10px;font-size:.75rem}.gallery__works{grid-template-columns:repeat(auto-fill,minmax(min(72px,33.3333% - 5.33333px),1fr));column-gap:8px}.gallery__work .gallery__list{margin-bottom:28px}.gallery__workTitle{padding-bottom:8px;font-size:1.25rem}.is-small .gallery__workTitle{font-size:.938rem}}