/* A4 — full photo galleries + seamless next/previous project. All rules scoped. */
#a2-root .a4-space-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px;flex-wrap:wrap}
#a2-root .a4-space-heading .a2-panel-title{margin-bottom:0}
#a2-root .a4-gallery-cue{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right;border-left:2px solid var(--gold);padding:4px 0 4px 15px}
#a2-root .a4-gallery-cue>span{font-size:11px;font-weight:600;letter-spacing:.025em;color:#907344}
#a2-root .a4-gallery-cue small{font-size:10px;line-height:1.5;color:#7c8077}
#a2-root .a2-photo-grid{grid-template-columns:minmax(0,1.37fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));min-height:470px;gap:11px}
#a2-root .a2-photo-tile{border:0;isolation:isolate}
#a2-root .a2-photo-tile img{object-fit:cover;object-position:center}
#a2-root .a2-photo-tile:first-child img{object-position:50% 50%}
#a2-root .a4-more-photos{position:absolute;z-index:2;bottom:13px;left:13px;padding:7px 11px;background:#1f2925d9;backdrop-filter:blur(4px);border:1px solid #d0b27f85;color:#e8d5ad;font-size:11px;font-weight:600}
#a2-root .a4-lightbox-footer{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:0 10px 6px}
#a2-root .a4-gallery-track{height:2px;width:min(260px,75%);background:#ffffff35;overflow:hidden;border-radius:3px}
#a2-root .a4-gallery-track span{display:block;width:0;height:100%;background:var(--gold);transition:width .17s ease}
#a2-root .a4-lightbox-tip{display:block;font-size:10px;letter-spacing:.04em;color:#a6afa8;line-height:1.5;text-align:center}
#a2-root .a4-gallery-track[hidden]{display:none!important}
/* Project controls sit in the sticky modal toolbar, not on the gallery itself. */
#a2-root .a2-spacebar{gap:12px}
#a2-root .a2-spacebar-left{min-width:0;flex:1 1 auto}
#a2-root .a2-spacebar-left span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#a2-root .a4-project-nav{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}
#a2-root .a2-spacebar .a4-project-nav button{min-width:37px;width:auto;min-height:40px;height:40px;background:#ffffff0b;color:#dce1dd;padding:0 12px;border:1px solid #ffffff3b;display:flex;align-items:center;justify-content:center;gap:7px;line-height:1}
#a2-root .a4-project-nav button:hover{background:#d4ac5a26;border-color:var(--gold);color:#fff}
#a2-root .a4-project-nav button svg{width:16px;height:16px}
#a2-root .a4-project-nav button span{font-size:10px;white-space:nowrap}
#a2-root .a4-project-position{min-width:67px;font-size:12px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}
#a2-root .a4-project-position i{font-size:11px;font-style:normal;color:#747d77;padding-inline:2px}
#a2-root .a2-spacebar>[data-close-space]{flex:0 0 44px}
#a2-root .a4-project-bottom{margin:0 clamp(24px,5vw,72px) 34px;padding:20px 0 0;border-top:1px solid #dddcd1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:15px;align-items:center}
#a2-root .a4-project-bottom button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:66px;padding:12px 14px;background:#ebe8e0;border:1px solid #dfdace;text-align:left;color:#343a35;transition:border-color .2s,background .2s}
#a2-root .a4-project-bottom button:last-child{align-items:flex-end;text-align:right}
#a2-root .a4-project-bottom button:hover{background:#e6decf;border-color:#c4a268}
#a2-root .a4-project-bottom button small{font-size:9px;font-weight:600;letter-spacing:.15em;color:#ab8549}
#a2-root .a4-project-bottom button strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#a2-root .a4-project-bottom-center{font-size:9px;letter-spacing:.1em;color:#a3a196;display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap}
#a2-root .a4-project-bottom-center span{font-size:12px;color:#b49156}
/* The overlay itself remains mounted — only the scene/content changes. */
#a2-root .a2-space[data-project-transition="next"] .a2-space-cover>img{animation:a4-scene-next .32s cubic-bezier(.2,.7,.2,1) both}
#a2-root .a2-space[data-project-transition="prev"] .a2-space-cover>img{animation:a4-scene-prev .32s cubic-bezier(.2,.7,.2,1) both}
#a2-root .a2-space:is([data-project-transition="next"],[data-project-transition="prev"]) .a2-space-title{animation:a4-content-in .27s .05s both}
#a2-root .a2-space:is([data-project-transition="next"],[data-project-transition="prev"]) .a2-space-main{animation:a4-content-in .26s .07s both}
@keyframes a4-scene-next{from{opacity:.78;transform:translateX(12px) scale(1.007)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes a4-scene-prev{from{opacity:.78;transform:translateX(-12px) scale(1.007)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes a4-content-in{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1199px){
#a2-root .a4-project-nav button span{display:none}
#a2-root .a2-spacebar .a4-project-nav button{width:38px;padding:0}
#a2-root .a4-space-heading{align-items:flex-start}
#a2-root .a2-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;min-height:0;height:auto;gap:10px}
#a2-root .a2-photo-grid .a2-photo-tile:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:1.82}
#a2-root .a2-photo-grid .a2-photo-tile:not(:first-child){aspect-ratio:1.55}
#a2-root .a2-photo-grid .a2-photo-tile img{height:100%;width:100%;margin:0;object-fit:cover}
}
@media(max-width:767px){
#a2-root .a2-spacebar{padding:7px 12px;gap:7px}
#a2-root .a2-spacebar-left{flex:1 1 auto}
#a2-root .a2-spacebar-left span{display:none}
#a2-root .a2-spacebar-left small{font-size:9px;letter-spacing:.02em;white-space:nowrap}
#a2-root .a4-project-nav{gap:3px}
#a2-root .a4-project-position{min-width:49px;font-size:11px}
#a2-root .a2-spacebar .a4-project-nav button{width:32px;height:38px;min-height:38px;min-width:32px;padding:0}
#a2-root .a2-spacebar>[data-close-space]{width:38px;height:38px;flex-basis:38px}
#a2-root .a4-space-heading{display:block}
#a2-root .a4-gallery-cue{align-items:flex-start;margin:13px 0 7px;border-left:2px solid var(--gold);padding:2px 0 2px 12px;text-align:left}
#a2-root .a4-gallery-cue small{font-size:9px}
#a2-root .a2-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;min-height:0;height:auto;gap:9px}
#a2-root .a2-photo-grid .a2-photo-tile:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:1.72}
#a2-root .a2-photo-grid .a2-photo-tile:not(:first-child){aspect-ratio:1.33}
#a2-root .a2-photo-grid .a2-photo-tile img{height:100%;width:100%;margin:0;object-fit:cover}
#a2-root .a2-photo-grid .a2-photo-tile{min-height:0}
#a2-root .a4-more-photos{bottom:8px;left:8px;font-size:10px;padding:5px 7px}
#a2-root .a4-project-bottom{margin:0 22px 30px;gap:8px;grid-template-columns:1fr 1fr}
#a2-root .a4-project-bottom-center{display:none}
#a2-root .a4-project-bottom button{padding:10px;min-height:63px}
#a2-root .a4-project-bottom button strong{font-size:11px}
}
@media(max-width:360px){
#a2-root .a2-spacebar-left small{font-size:8px}
#a2-root .a4-project-position{min-width:45px;font-size:10px}
#a2-root .a2-spacebar .a4-project-nav button{width:29px;min-width:29px}
}
@media(prefers-reduced-motion:reduce){
#a2-root .a2-space[data-project-transition] .a2-space-cover>img,#a2-root .a2-space[data-project-transition] .a2-space-title,#a2-root .a2-space[data-project-transition] .a2-space-main{animation:none!important}
#a2-root .a4-gallery-track span{transition:none!important}
}