/* Photo-led exploration, with an ordinary readable document as the fallback. */
.experience-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.experience-tabs button { min-height:44px; padding:10px 20px; border:1px solid var(--line); border-radius:30px; background:white; color:var(--muted); cursor:pointer; font-size:14px; transition:background 180ms ease,color 180ms ease,border-color 180ms ease; }
.experience-tabs [aria-selected="true"] { background:var(--ink); color:white; border-color:var(--ink); }
.experience-interactive { display:block; }
.experience-interactive figure { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(0,1fr); align-items:center; gap:56px; margin:0; }
.experience-interactive figure[hidden] { display:none !important; }
.experience-interactive figure:nth-child(2) { margin-top:0; }
.experience-interactive img { width:100%; height:460px; object-fit:cover; animation:experienceArrive 420ms ease both; }
.experience-interactive figcaption { padding:0; animation:experienceText 350ms ease both; }
.experience-interactive h3 { font-family:'MaruBuri','Pretendard',serif; font-size:32px; font-weight:400; margin:18px 0; }
.experience-interactive p { max-width:300px; }
.experience-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:20px; }
.experience-count { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.experience-controls > div { display:flex; gap:8px; }
.experience-controls button { border:1px solid var(--line); background:white; color:var(--ink); border-radius:50%; min-width:44px; height:44px; cursor:pointer; font-size:20px; transition:background 180ms ease; }
.experience-controls button:not(:disabled):hover { background:var(--sun); }
.experience-controls button:disabled { opacity:.35; cursor:default; }
.journey-progress { position:absolute; bottom:0; left:0; width:100%; height:2px; background:var(--sun); transform-origin:left; transform:scaleX(0); pointer-events:none; }
.site-nav a[aria-current="location"] { text-decoration:underline; text-decoration-color:var(--sun); text-decoration-thickness:3px; text-underline-offset:8px; }
.journey-nav { display:none; }
.journey-reveal { opacity:0; transform:translateY(18px); transition:opacity 540ms ease,transform 540ms ease; }
.journey-reveal.journey-revealed { opacity:1; transform:none; }
html { scroll-padding-top:calc(var(--journey-header-height,88px) + 16px); }
main > section:not(.hero-section) { scroll-margin-top:0; }
@keyframes experienceArrive { from {opacity:.5;transform:scale(.992)} to {opacity:1;transform:none} }
@keyframes experienceText { from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:none} }
@media(max-width:1000px) {
 .experience-interactive figure { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; }
 .experience-interactive img { height:380px; }
 .experience-interactive h3 { font-size:28px; }
}
@media(max-width:700px) {
 .experience-tabs { gap:6px; margin-bottom:20px; }
 .experience-tabs button { flex:1; min-width:0; padding:9px 8px; font-size:12px; white-space:nowrap; }
 .experience-interactive figure { grid-template-columns:minmax(0,1fr); gap:22px; }
 .experience-interactive img { height:280px; }
 .experience-interactive h3 { font-size:26px; margin:10px 0; }
 .experience-interactive p { max-width:none; margin-bottom:0; }
 .experience-controls { margin-top:24px; }
 .experience-count { font-size:12px; }
 .journey-nav { position:fixed; top:var(--journey-header-bottom,70px); left:0; right:0; z-index:19; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:#fff; border-bottom:1px solid var(--line); padding:0 14px; }
 .journey-nav[hidden] { display:none; }
 .journey-nav a { display:flex; justify-content:center; align-items:center; min-height:44px; font-size:12px; text-decoration:none; color:var(--muted); white-space:nowrap; border-bottom:2px solid transparent; }
 .journey-nav a[aria-current="location"] { color:var(--ink); border-bottom-color:var(--sun); font-weight:700; }
 html { scroll-padding-top:calc(var(--journey-header-height,70px) + 56px); }
}
@media(prefers-reduced-motion:reduce) {
 .experience-interactive img,.experience-interactive figcaption { animation:none; }
 .journey-reveal { opacity:1; transform:none; transition:none; }
 .experience-tabs button,.experience-controls button { transition:none; }
 html { scroll-behavior:auto; }
}