#oxfold .oxfold-cuts{display:flex;justify-content:center;align-items:center;gap:2px;margin-top:8px;width:100%}
#oxfold .oxfold-cuts button{display:grid;place-items:center;background:none;color:inherit;border:0;padding:0;width:28px;height:28px;cursor:pointer}
#oxfold .oxfold-cuts button::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .15s,width .15s}
#oxfold .oxfold-cuts button[aria-pressed=true]::before{width:18px;border-radius:5px;opacity:1}
#oxfold .oxfold-cuts button:focus-visible{outline:1px solid currentColor;outline-offset:1px;border-radius:50%}
#oxfold .visual{touch-action:pan-y;cursor:grab;user-select:none}
#oxfold .visual:active{cursor:grabbing}
#oxfold .visual video{pointer-events:none}
/* OXFOLD gets a full-height editorial spread, without the shared 540px reel cap. */
@media(min-width:501px){
 body #oxfold.event-chapter .event-film{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0}
 body #oxfold.event-chapter .event-film>.visual{grid-column:1/-1}
 body #oxfold.event-chapter .event-film>.project-copy{padding-top:8px!important;justify-content:flex-start}
 body #oxfold .oxfold-cuts{margin:8px 0 0;width:auto;gap:0}
 body #oxfold .oxfold-cuts button{width:22px;height:30px}
 body #oxfold .event-columns{gap:clamp(16px,2vw,32px)}
}
@media(min-width:501px){
 body #oxfold .event-columns{width:min(92%,calc(var(--event-media-height) * 1.7625 + 52px));margin-inline:auto}
 body #oxfold .event-heading{width:92%;margin-inline:auto!important}
}
body #oxfold .event-gallery>.event-photo-wide{grid-column:span 2!important}
@media(max-width:500px){body #oxfold .event-gallery .event-photo-wide img{aspect-ratio:3/2!important}}

/* One continuous surface, matching the approved Kim Shui chapter. */
body #oxfold.event-chapter{--chapter-paper:#111210;--chapter-ink:#f0efe9;background:var(--chapter-paper)}
body #oxfold.event-chapter .event-heading{background:var(--chapter-paper);border-top:0}
body.theme-light #oxfold.event-chapter{--chapter-paper:#fff;--chapter-ink:#181818}

/* OXFOLD owns its tracks; image pan/zoom remains inside each fixed tile. */
body #oxfold .event-columns{width:min(92%,calc(var(--event-media-height) * 1.7625 + 52px));margin-inline:auto;grid-template-columns:minmax(0,calc(var(--event-media-height) * .5625)) minmax(0,1fr);gap:16px;min-width:0}
body #oxfold .event-gallery{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 grid-template-areas:"feature feature portrait" "street runway detail" "wide wide streettwo" "editorial editorial runwaytwo" "denim editorialone editorialtwo";
 grid-template-rows:repeat(5,var(--oxfold-row-height,240px));grid-auto-rows:var(--oxfold-row-height,240px);
 gap:10px;align-items:stretch;align-content:start;min-width:0;width:100%;max-width:100%;
 height:var(--paired-photo-height,auto)!important;max-height:var(--paired-photo-height,none)!important;
 overflow-x:hidden;overflow-y:auto;padding:0;box-sizing:border-box;
}
body #oxfold .event-gallery>.event-photo{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;margin:0!important;transform:none!important;translate:none!important;overflow:hidden;align-self:stretch}
body #oxfold .event-gallery>.event-photo-1{grid-area:feature!important}
body #oxfold .event-gallery>.event-photo-2{grid-area:portrait!important}
body #oxfold .event-gallery>.event-photo-3{grid-area:street!important}
body #oxfold .event-gallery>.event-photo-4{grid-area:runway!important}
body #oxfold .event-gallery>.event-photo-5{grid-area:detail!important}
body #oxfold .event-gallery>.event-photo-6{grid-area:wide!important}
body #oxfold .event-gallery>.event-photo-7{grid-area:streettwo!important}
body #oxfold .event-gallery>.event-photo-8{grid-area:editorial!important}
body #oxfold .event-gallery>.event-photo-9{grid-area:runwaytwo!important}
body #oxfold .event-gallery>.event-photo-10{grid-area:denim!important}
body #oxfold .event-gallery>.event-photo-11{grid-area:editorialone!important}
body #oxfold .event-gallery>.event-photo-12{grid-area:editorialtwo!important}
body #oxfold .event-gallery .event-photo>button{position:relative!important;inset:auto!important;display:block;width:100%;height:100%!important;min-width:0;min-height:0;overflow:hidden}
body #oxfold .event-gallery .event-photo img{display:block;width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
body #oxfold .event-gallery .event-photo figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
body #oxfold .event-film>.visual{width:100%!important}
body #oxfold .event-film>.project-copy{min-width:0}
@media(max-width:1100px){
 body #oxfold .event-columns{width:92%;grid-template-columns:1fr;gap:20px}
 body #oxfold .event-film>.visual{width:min(100%,340px)!important;justify-self:center}
 body #oxfold .event-gallery{height:auto!important;max-height:none!important;overflow:visible}
}
/* Phones keep document order with deliberate landscape/portrait frame ratios. */
@media(max-width:600px),(max-height:500px) and (max-width:950px){
 body #oxfold .event-gallery{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-template-rows:none;grid-auto-rows:auto;gap:10px}
 body #oxfold .event-gallery>.event-photo{grid-area:auto!important;height:auto!important;aspect-ratio:4/5}
 body #oxfold .event-gallery>.event-photo-wide{aspect-ratio:3/2}
}