/* Equal side columns keep the wordmark centered without hiding mobile labels. */
.site-header.header-social-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px}
.header-social-bar .header-brand{position:static;left:auto;transform:none;display:inline-flex;align-items:center;min-height:44px;justify-self:center;white-space:nowrap}
.header-social{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:120px;min-height:44px;padding:11px 17px;background:var(--surface);color:var(--ink);font:400 11px/1.35 var(--sans);text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.header-social--naver{justify-self:start}
.header-social--instagram{justify-self:end}
.header-social-icon{display:block;flex:0 0 20px;width:20px;height:20px}
.header-social-label{display:inline;white-space:nowrap}
.header-social:hover{background:var(--ink);color:var(--paper)}
.header-social:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.site-header.on-dark .header-social:focus-visible{outline-color:var(--paper)}
@media(max-width:650px){
  .site-header.header-social-bar{column-gap:8px}
  .header-social{gap:6px;min-width:44px;min-height:44px;padding:10px 9px;font-size:11px}
  .header-social-icon{flex-basis:18px;width:18px;height:18px}
}
@media(max-width:360px){
  .site-header.header-social-bar{left:10px;right:10px;column-gap:7px}
  .header-social-bar .header-brand{font-size:21px}
  .header-social{gap:5px;padding:10px 8px;font-size:10.5px}
  .header-social-icon{flex-basis:16px;width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.header-social{transition:none}}

.home-page .header-social-bar[data-story-state] {
  opacity: var(--story-header-opacity, 1);
}
.home-page .header-social-bar:not([data-past-gallery]) .header-social {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .home-page .header-social { transition: opacity .24s ease-out, background .25s, color .25s; }
}
.home-page .header-social-bar[data-story-state="hidden"] { visibility: hidden; }
.home-page .header-social-bar[inert],
.home-page .header-social-bar[inert] > * { pointer-events: none; }
/* The completed photo is still leaving the viewport as the next chapter enters. */
.home-page .header-social-bar[data-story-state="after"] .header-brand { visibility: inherit !important; }