body.gallery{padding-top:5rem}
body[data-accent="amber"]{--acc:var(--amber)} body[data-accent="teal"]{--acc:var(--teal)} body[data-accent="violet"]{--acc:var(--violet)}
.ghead{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 1rem}
.ghead .eyebrow{color:var(--acc)}
.ghead h1{font-family:var(--disp);font-weight:850;font-stretch:120%;font-size:clamp(2.6rem,6vw,4.6rem);text-transform:uppercase;letter-spacing:.03em;line-height:.95;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.ghead .hexp{color:var(--acc);border-color:var(--acc);font-size:.8rem;transform:translateY(.3rem)}
.ghead p{color:var(--dim);max-width:62ch;margin-top:1.1rem}
.gsec{max-width:1200px;margin:0 auto;padding:2.6rem 2rem 0}
.gsec-title{font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line);padding-top:1.4rem;margin-bottom:1.4rem}
.jrow{display:flex;gap:14px;margin-bottom:14px;align-items:stretch}
.jrow .card{flex:var(--ar) 1 0;min-width:0;display:flex;flex-direction:column}
.jrow.loose{justify-content:center}
.jrow.loose .card{flex:0 0 calc(var(--ar)*560px);max-width:100%}
.card{border-radius:3px;overflow:hidden;background:var(--panel)}
.card picture{display:block;overflow:hidden}
.card img{width:100%;height:auto;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
@media(max-width:700px){.jrow{flex-direction:column;gap:12px;margin-bottom:12px}.jrow .card,.jrow.loose .card{flex:1 1 auto}}
.card:hover img{transform:scale(1.03)}
.card figcaption{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.55rem .7rem .6rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--dim)}
.card figcaption b{font-weight:500;color:var(--ink)}
.navlinks a.on{color:var(--ink);border-bottom:1px solid var(--acc);padding-bottom:.2rem}
.gnext{max-width:1200px;margin:0 auto;padding:3.5rem 2rem;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.gnext a{color:var(--dim);transition:color .25s}
.gnext a:hover{color:var(--ink)}