/* Qi Gong Barcelona: natural photography and a readable website journey. */
.deb-qg{margin:clamp(4rem,8vw,8rem) 0;color:var(--text,#d9d9d9);font-family:var(--font-display,'Labil Grotesk',sans-serif)}
.deb-qg,.deb-qg *{box-sizing:border-box}
.deb-qg h2,.deb-qg h3,.deb-qg h4,.deb-qg h5{margin:0;color:var(--text-strong,#fff);font-family:var(--font-display,'Labil Grotesk',sans-serif);font-weight:500;letter-spacing:-.035em}
.deb-qg p,.deb-qg figure{margin:0}
.deb-qg a{color:inherit}
.deb-qg__head{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2rem,4vw,4rem)}
.deb-qg .deb-qg__kicker,.deb-qg .deb-qg__num{font-family:var(--font-mono,'JetBrains Mono',monospace);font-weight:400;font-size:13px;line-height:1.5;letter-spacing:.015em}
.deb-qg__head h2{font-size:clamp(2.6rem,5.4vw,5.5rem);line-height:.98;max-width:16ch;margin-top:1.2rem}
.deb-qg .deb-qg__intro{font-size:clamp(1.15rem,1.75vw,1.55rem);line-height:1.45;max-width:31ch;padding-bottom:.12em}
.deb-qg figure>a{display:block;outline-offset:5px}
.deb-qg figure img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;filter:none;transform:none;border-radius:0}
.deb-qg figure>a:hover img{filter:none;transform:none}
.deb-qg figcaption{font-size:14px;line-height:1.55;color:var(--text,#d9d9d9)}
.deb-qg__lead figcaption{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.2rem}
.deb-qg__lead figcaption>span:last-child{max-width:49ch}
.deb-qg__bridge{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:end;margin:clamp(3rem,6vw,6rem) 0 2.5rem}
.deb-qg__bridge h3{font-size:clamp(1.8rem,3.1vw,3.1rem);line-height:1.04;max-width:23ch}
.deb-qg__bridge p{font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.55;max-width:44ch}
.deb-qg__photos{display:grid;grid-template-columns:7fr 5fr;gap:clamp(1.5rem,4vw,4rem);align-items:start}
.deb-qg__photos figure:last-child{margin-top:clamp(3rem,7vw,7rem)}
.deb-qg__photos figcaption{display:grid;grid-template-columns:1.75rem 1fr;gap:.8rem;margin-top:1rem;max-width:55ch}
.deb-qg__num{opacity:.7}
.deb-qg__route{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:clamp(2rem,5vw,5rem);margin-top:clamp(4rem,8vw,8rem);padding-top:2rem;border-top:1px solid rgba(255,255,255,.24)}
.deb-qg__route-head h3{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.04;margin:1.3rem 0 1.5rem}
.deb-qg__route-head>p:last-child{font-size:1rem;line-height:1.55;max-width:31ch}
.deb-qg__step{padding:0 0 2rem;margin:0 0 2rem;border-bottom:1px solid rgba(255,255,255,.24)}
.deb-qg__step:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.deb-qg__question{display:flex;gap:1rem;align-items:baseline;margin-bottom:1.1rem}
.deb-qg__question h4{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.12}
.deb-qg__answer{margin-left:2.05rem}
.deb-qg__answer h5{font-size:1.15rem;letter-spacing:-.012em;line-height:1.4;margin-bottom:.6rem}
.deb-qg__answer>p{font-size:1rem;line-height:1.6;max-width:57ch}
.deb-qg__source{margin-top:1.4rem}
.deb-qg__source summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;padding:.75rem 0;cursor:pointer;list-style:none;font-family:var(--font-mono,'JetBrains Mono',monospace);font-size:13px;line-height:1.4;border-top:1px solid rgba(255,255,255,.16)}
.deb-qg__source summary::-webkit-details-marker{display:none}
.deb-qg__source summary>span{font-size:1.4rem;line-height:1;flex:0 0 auto}
.deb-qg__source[open] summary>span{transform:rotate(45deg)}
.deb-qg__source figure{margin-top:.5rem}
.deb-qg__source figcaption{margin-top:.75rem;font-size:13px}
.deb-qg__credit{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;margin-top:clamp(3rem,5vw,5rem);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.24);font-size:13px;line-height:1.6}
.deb-qg__credit p{max-width:64ch}
.deb-qg__credit a{display:inline-flex;gap:.75rem;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}
.deb-qg a:focus-visible,.deb-qg summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){
 .deb-qg__head,.deb-qg__bridge,.deb-qg__lead figcaption,.deb-qg__route{grid-template-columns:minmax(0,1fr);gap:1.5rem}
 .deb-qg__head h2{font-size:clamp(2.5rem,9.7vw,4.6rem)}
 .deb-qg .deb-qg__intro{max-width:38ch}
 .deb-qg__lead figcaption{gap:.7rem}
 .deb-qg__bridge{margin-bottom:1.8rem}
 .deb-qg__photos{grid-template-columns:minmax(0,1fr);gap:2rem}
 .deb-qg__photos figure:last-child{margin-top:0}
 .deb-qg__route{gap:2rem}
 .deb-qg__route-head>p:last-child{max-width:42ch}
 .deb-qg__question h4{font-size:1.8rem}
 .deb-qg__answer{margin-left:0}
 .deb-qg__credit{display:block}
 .deb-qg__credit a{margin-top:.75rem;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.deb-qg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
