.hkg-aux .elementor-location-header,.hkg-aux .elementor-location-footer,.hkg-aux #site-header,.hkg-aux #site-footer,.hkg-aux .page-header{display:none!important}.hkg-aux{scroll-behavior:smooth}.hkg-aux{margin:0!important;background:#fff;color:#39342e}.hkg-aux .fr-shell{--p:#2e1f5e;font-family:Arial,sans-serif;line-height:1.7}.hkg-aux .fr-shell *{box-sizing:border-box}.hkg-aux .fr-shell a{color:inherit}.hkg-aux .fr-shell .fr-head,.hkg-aux .fr-shell .fr-foot{padding:28px clamp(20px,6vw,110px);background:#fff}.hkg-aux .fr-head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #e6e0d4}.hkg-aux .fr-brand{text-decoration:none;font-family:Georgia,serif;font-size:25px;font-weight:400}.hkg-aux .fr-brand small{display:block;font-size:10px;letter-spacing:.42em;text-transform:uppercase}.hkg-aux .fr-nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:14px}.hkg-aux .fr-nav a{text-decoration:none}.hkg-aux .fr-languages{display:inline-flex!important;gap:12px;align-items:center;font:14px/1.4 Arial,sans-serif!important;letter-spacing:.06em!important;white-space:nowrap}.hkg-aux .fr-languages a{text-decoration:none}.hkg-aux .fr-languages [aria-current]{color:#9c958a}.hkg-aux .fr-foot{border-top:1px solid #e6e0d4;margin-top:48px}.hkg-aux .fr-ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.hkg-aux .fr-foot nav{display:flex;flex-direction:column;gap:8px}.hkg-aux .fr-foot a{font-size:14px;text-decoration:none;overflow-wrap:anywhere}.hkg-aux .fr-foot small{display:block;margin-top:32px;color:#777}.hkg-aux .fr-shell h1,.hkg-aux .fr-shell h2,.hkg-aux .fr-shell h3{word-break:normal;overflow-wrap:break-word;hyphens:auto}.hkg-aux .fr-shell [class*=hk-ft-col]{min-width:0}.hkg-aux .fr-shell [class*=hk-ft-col] a{white-space:normal;overflow-wrap:break-word}.hkg-aux .fr-shell .hk-gnav{gap:20px!important}.hkg-aux .fr-shell .hk-gnav a{letter-spacing:0!important;font-size:13px!important}.hkg-aux .fr-shell .hk-hero-h{font-size:clamp(32px,4.6vw,66px)!important;line-height:1.18!important;letter-spacing:0!important}.hkg-aux .fr-shell p{word-break:normal}.hkg-aux .fr-shell .hk-ft-pages{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important}.hkg-aux .fr-shell .hk-ft-in{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,2fr)!important}.hkg-aux .fr-article{max-width:820px;margin:0 auto;padding:70px 24px 90px;font-family:Georgia,serif;font-size:18px;line-height:1.9}.hkg-aux .fr-article h1{font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.3;color:#2e1f5e;margin:24px 0 40px}.hkg-aux .fr-article h2{font-size:28px;font-weight:400;margin-top:48px}.hkg-aux .fr-article img{max-width:100%;height:auto}.hkg-aux .fr-article .fr-date{font:13px Arial,sans-serif;color:#777}.hkg-aux .fr-article a{color:#2e1f5e}.hkg-aux .fr-card-grid{max-width:1240px;margin:30px auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.hkg-aux .fr-card{display:block;text-decoration:none;border-bottom:1px solid #e6e0d4;padding-bottom:24px}.hkg-aux .fr-card img{width:100%;height:220px;object-fit:cover}.hkg-aux .fr-card h2{font:24px/1.4 Georgia,serif;font-weight:400}.hkg-aux .fr-card time{font:12px Arial,sans-serif;color:#888}.hkg-aux .fr-filter{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px}.hkg-aux .fr-filter button{border:1px solid #ddd;background:white;color:#2e1f5e;padding:12px 20px;cursor:pointer}.hkg-aux .fr-filter button[aria-pressed=true]{background:#2e1f5e;color:white}@media(max-width:800px){.hkg-aux .fr-head{align-items:flex-start}.hkg-aux .fr-nav{gap:12px 18px}.hkg-aux .fr-ft-grid{grid-template-columns:1fr 1fr}.hkg-aux .fr-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hkg-aux .fr-shell .hk-gnav{display:none!important}}@media(max-width:600px){.hkg-aux .fr-ft-grid,.hkg-aux .fr-card-grid{grid-template-columns:1fr}.hkg-aux .fr-shell .hk-ft-in,.hkg-aux .fr-shell .hk-ft-pages{grid-template-columns:1fr!important}.hkg-aux .fr-head{padding:20px}.hkg-aux .fr-nav{font-size:13px}.hkg-aux .fr-brand{font-size:23px}.hkg-aux .fr-article{font-size:17px}}@media(prefers-reduced-motion:reduce){.hkg-aux{scroll-behavior:auto}}

/* ═══════════════════════════════════════════════════
   Design Tokens — Works/Privacy/Thanks と統一
   ═══════════════════════════════════════════════════ */
.hkg-aux {
  --bg:         #FAFAF8;
  --bg-soft:    #fafafa;
  --gold:       #B8860B;
  --gold-light: #d4af37;
  --purple:     #4A2C6A;
  --ink:        #1A1A1A;
  --ink-light:  #4A4A4A;
  --ink-muted:  #888;
  --line:       #E8E5DE;
}

.hkg-aux * { margin: 0; padding: 0; box-sizing: border-box; }
.hkg-aux { scroll-behavior: smooth; }

.hkg-aux {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  line-height: 1.9;
  letter-spacing: 0.04em;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ═══════════════════════════════════════════════════
   INTRO (Works ページの intro と完全統一)
   ═══════════════════════════════════════════════════ */
.hkg-aux .gallery-intro {
  background: var(--bg);
  padding: 144px 24px 96px;
  text-align: center;
}
.hkg-aux .gallery-intro__inner { max-width: 880px; margin: 0 auto; }

.hkg-aux .gallery-intro__eyebrow {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold);
  margin: 0 0 16px;
}
.hkg-aux .gallery-intro__title {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: var(--ink);
  margin: 0 0 12px;
}
.hkg-aux .gallery-intro__title em {
  font-style: italic;
  font-weight: 400;
  color: var(--purple);
}
.hkg-aux .gallery-intro__subtitle {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.18em;
  color: var(--ink-muted);
  margin: 0 0 28px;
}
.hkg-aux .gallery-intro__divider {
  width: 60px;
  height: 1px;
  background: var(--gold);
  border: none;
  margin: 0 auto 32px;
  display: block;
}
.hkg-aux .gallery-intro__lead {
  font-family: 'Noto Serif JP', serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
  color: var(--ink-light);
  letter-spacing: 0.04em;
  margin: 0;
}

/* ═══════════════════════════════════════════════════
   GALLERY STREAM
   ═══════════════════════════════════════════════════ */
.hkg-aux .gallery-stream {
  padding: 32px 60px 80px;
  background: var(--bg);
  display: flex;
  flex-direction: column;
}

/* --- Full bleed --- */
.hkg-aux .g-full {
  width: 100%;
  aspect-ratio: 16/7;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.hkg-aux .g-full img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hkg-aux .g-full:hover img { transform: scale(1.03); }

/* --- Diptych --- */
.hkg-aux .g-diptych {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  width: 100%;
}
.hkg-aux .g-diptych .g-panel {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3/4;
  cursor: pointer;
}
.hkg-aux .g-diptych .g-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hkg-aux .g-diptych .g-panel:hover img { transform: scale(1.03); }

/* --- Triptych --- */
.hkg-aux .g-triptych {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  width: 100%;
}
.hkg-aux .g-triptych .g-panel {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/5;
  cursor: pointer;
}
.hkg-aux .g-triptych .g-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hkg-aux .g-triptych .g-panel:hover img { transform: scale(1.03); }

/* --- Asymmetric --- */
.hkg-aux .g-asymmetric {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 6px;
  width: 100%;
}
.hkg-aux .g-asymmetric.reverse { grid-template-columns: 5fr 7fr; }
.hkg-aux .g-asymmetric .g-panel {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.hkg-aux .g-asymmetric .g-panel-wide { aspect-ratio: 7/5; }
.hkg-aux .g-asymmetric .g-panel-tall { aspect-ratio: 5/7; }
.hkg-aux .g-asymmetric .g-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.hkg-aux .g-asymmetric .g-panel:hover img { transform: scale(1.03); }

/* --- Breath divider --- */
.hkg-aux .g-breath {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: var(--bg);
}
.hkg-aux .g-breath::after {
  content: '';
  width: 1px;
  height: 40px;
  background: linear-gradient(to bottom, transparent, var(--gold), transparent);
  opacity: 0.6;
}

/* ═══════════════════════════════════════════════════
   CATEGORY HEADINGS (Works のスタイルと統一)
   ═══════════════════════════════════════════════════ */
.hkg-aux .category-section { margin-bottom: 24px; }

.hkg-aux .category-heading {
  text-align: center;
  padding: 72px 40px 40px;
  position: relative;
}

.hkg-aux .category-heading__label {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold);
  display: block;
  margin: 0 0 14px;
}

.hkg-aux .category-heading h2 {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: clamp(28px, 3.5vw, 38px);
  font-weight: 400;
  font-style: italic;
  color: var(--ink);
  letter-spacing: 0.06em;
  line-height: 1.3;
  margin: 0 0 12px;
}

.hkg-aux .category-heading__sub {
  font-family: 'Noto Serif JP', serif;
  font-size: 13.5px;
  font-weight: 400;
  color: var(--ink-muted);
  letter-spacing: 0.12em;
  margin: 0 0 24px;
}

.hkg-aux .category-heading__divider {
  width: 60px;
  height: 1px;
  background: var(--gold);
  border: none;
  margin: 0 auto;
  display: block;
}

/* ═══════════════════════════════════════════════════
   CTA — 白基調へ変更
   ═══════════════════════════════════════════════════ */
.hkg-aux .cta-section {
  margin: 0 60px;
  padding: 88px 80px;
  background: var(--bg-soft);
  border-top: 1px solid var(--gold);
  border-bottom: 1px solid var(--gold);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
}

.hkg-aux .cta-text__eyebrow {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  color: var(--gold);
  margin: 0 0 16px;
}

.hkg-aux .cta-text h3 {
  font-family: 'Cormorant Garamond', 'Noto Serif JP', serif;
  font-size: 26px;
  font-weight: 400;
  color: var(--ink);
  margin: 0 0 16px;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.hkg-aux .cta-text p {
  font-family: 'Noto Serif JP', serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--ink-light);
  line-height: 2.2;
  letter-spacing: 0.04em;
  margin: 0;
}

.hkg-aux .cta-button {
  display: inline-block;
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.12em;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--gold);
  padding-bottom: 6px;
  transition: color 0.5s, border-bottom-color 0.5s;
  white-space: nowrap;
}

.hkg-aux .cta-button:hover {
  color: var(--purple);
  border-bottom-color: var(--purple);
}

/* ═══════════════════════════════════════════════════
   SCROLL REVEAL
   ═══════════════════════════════════════════════════ */
.hkg-aux .reveal {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hkg-aux .reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ═══════════════════════════════════════════════════
   LIGHTBOX (機能維持・暗色背景でコントラスト確保)
   ═══════════════════════════════════════════════════ */
.hkg-aux .lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(26, 14, 48, 0.96);
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s;
}
.hkg-aux .lightbox.active {
  display: flex;
  opacity: 1;
}
.hkg-aux .lightbox-inner {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hkg-aux .lightbox-inner img {
  max-width: 90vw;
  max-height: 88vh;
  object-fit: contain;
  display: block;
}
.hkg-aux .lightbox-close {
  position: fixed;
  top: 32px;
  right: 40px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.15);
  background: none;
  transition: border-color 0.3s;
  z-index: 10;
}
.hkg-aux .lightbox-close:hover { border-color: var(--gold-light); }
.hkg-aux .lightbox-close svg {
  width: 14px;
  height: 14px;
  stroke: rgba(255,255,255,0.5);
  fill: none;
  stroke-width: 1.5;
}
.hkg-aux .lightbox-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.1);
  background: none;
  transition: border-color 0.3s;
  z-index: 10;
}
.hkg-aux .lightbox-nav:hover { border-color: rgba(212, 175, 55, 0.5); }
.hkg-aux .lightbox-nav svg {
  width: 18px;
  height: 18px;
  stroke: rgba(255,255,255,0.45);
  fill: none;
  stroke-width: 1.5;
}
.hkg-aux .lightbox-prev { left: 32px; }
.hkg-aux .lightbox-next { right: 32px; }
.hkg-aux .lightbox-counter {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.4);
}

/* ═══════════════════════════════════════════════════
   FOOTER SPACE
   ═══════════════════════════════════════════════════ */
.hkg-aux .footer-space {
  height: 96px;
  background: var(--bg);
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  .hkg-aux .gallery-intro { padding: 96px 24px 64px; }
  .hkg-aux .gallery-intro__title { font-size: 28px; }
  .hkg-aux .gallery-stream { padding: 24px 40px 60px; }
  .hkg-aux .g-full { aspect-ratio: 16/8; }
  .hkg-aux .cta-section {
    margin: 0 40px;
    padding: 64px 48px;
  }
}

@media (max-width: 768px) {
  .hkg-aux .gallery-intro { padding: 64px 24px 48px; }
  .hkg-aux .gallery-intro__title { font-size: 24px; }
  .hkg-aux .gallery-intro__subtitle { font-size: 13px; }
  .hkg-aux .gallery-intro__lead { font-size: 14px; }

  .hkg-aux .gallery-stream { padding: 16px 20px 48px; }
  .hkg-aux .g-full { aspect-ratio: 16/10; }
  .hkg-aux .g-diptych, .hkg-aux .g-triptych, .hkg-aux .g-asymmetric, .hkg-aux .g-asymmetric.reverse {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .hkg-aux .g-diptych .g-panel,
  .hkg-aux .g-triptych .g-panel,
  .hkg-aux .g-asymmetric .g-panel-wide,
  .hkg-aux .g-asymmetric .g-panel-tall {
    aspect-ratio: 16/10;
  }
  .hkg-aux .g-breath { height: 48px; }
  .hkg-aux .g-breath::after { height: 28px; }

  .hkg-aux .category-heading { padding: 56px 24px 28px; }
  .hkg-aux .category-heading h2 { font-size: 26px; }

  .hkg-aux .cta-section {
    margin: 0 20px;
    padding: 48px 24px;
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .hkg-aux .cta-text h3 { font-size: 22px; }

  .hkg-aux .lightbox-prev { left: 12px; }
  .hkg-aux .lightbox-next { right: 12px; }
  .hkg-aux .lightbox-nav {
    width: 40px;
    height: 40px;
  }
  .hkg-aux .lightbox-close {
    top: 20px;
    right: 20px;
  }

  .hkg-aux .footer-space { height: 56px; }
}

.hkg-aux blockquote,.hkg-aux #hkg-pd blockquote,.hkg-aux #hkg-pd blockquote *{font-family:var(--f-go);font-size:15px;font-weight:400;color:var(--ink);line-height:1.9}