/* Owner revision 2026-10-23: document-flow galleries, bounded sticky reels. */
body #f1 .event-gallery,body #oxfold .event-gallery{height:auto!important;max-height:none!important;overflow:visible!important;scroll-snap-type:none!important}
body #f1 .event-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto!important;gap:10px}
body #f1 .event-gallery>.event-photo{aspect-ratio:4/5;height:auto!important}
body #f1 .event-gallery .event-photo button,body #f1 .event-gallery .event-photo img{height:100%!important}
body #f1 .event-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;align-items:start}
body #f1 .event-film{grid-column:2!important;grid-row:1!important}
body #f1 .event-gallery{grid-column:1!important;grid-row:1!important}
body #oxfold .event-columns{width:92%;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;align-items:start;overflow:visible!important}
body #oxfold .event-heading{position:relative!important;top:auto!important}
body #oxfold .event-film{grid-column:1!important;grid-row:1!important;align-self:start}
body #oxfold .event-gallery{grid-column:2!important;grid-row:1!important}
body #oxfold .event-film>.visual{width:100%!important;max-height:calc(100svh - var(--site-header-height,80px) - 90px)!important;aspect-ratio:9/16!important}
@media(min-width:761px){
 body #oxfold.event-chapter .event-film,body #f1.event-chapter .event-film{position:sticky!important;top:calc(var(--site-header-height,80px) + 16px)!important;align-self:start}
}
@media(max-width:760px){
 body #oxfold .event-columns,body #f1 .event-columns{grid-template-columns:1fr!important}
 body #oxfold .event-film,body #f1 .event-film,body #oxfold .event-gallery,body #f1 .event-gallery{grid-column:1!important;grid-row:auto!important;position:relative!important;top:auto!important}
 body #oxfold .event-film>.visual{width:min(100%,340px)!important}
 body #f1 .event-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Compact closing: blog first, Instagram second; private drafts stay in authoring. */
body #about.release-outro{display:block!important;padding:36px 5vw!important;min-height:0!important;background:var(--paper,#fff);color:var(--ink,#181818)}
.release-outro .outro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.release-outro article{padding:0!important;min-height:0!important}
.release-outro h2{font-size:clamp(24px,3vw,40px);line-height:1.15;margin:8px 0 16px}
.release-outro .outro-story{display:block;padding:16px 0;border-top:1px solid #8885;line-height:1.5;text-decoration:none;color:inherit}
.release-outro .instagram-link{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit;padding:16px 0}
.release-outro .instagram-link svg{width:30px;height:30px;flex:none}
.release-outro .coming-note{font-size:13px;margin:18px 0 0;color:inherit;opacity:.65}
@media(max-width:600px){.release-outro .outro-grid{grid-template-columns:1fr;gap:24px}}

#f1-livery-studio iframe[hidden],#f1-livery-studio .livery-launch[hidden]{display:none!important}.livery-launch{position:relative;max-width:960px;margin:24px auto;background:#101010;display:grid;place-items:center;gap:16px;padding:24px}.livery-launch img{width:100%;max-height:300px;object-fit:contain}.livery-launch button{background:#f4f3ed;color:#111;border:0;border-radius:6px;padding:14px 24px;cursor:pointer}

/* Keep the original dark Coming Soon identity with a smaller footprint. */
body .release-coming-soon{background:#111;color:#f2f1eb;text-align:center;padding:36px 5vw;min-height:0}
body .release-coming-soon .eyebrow{color:#aaa99e;margin:0 0 14px}
body .release-coming-soon h2{font-family:inherit;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.055em;margin:0 0 10px}
body .release-coming-soon>p:last-child{font-size:15px;line-height:1.5;margin:0}
.release-outro h2 em{font-family:Georgia,serif;font-weight:400}

/* Continuous dark closing, Instagram at the bottom right. */
body #about.release-outro{background:#111!important;color:#f2f1eb!important;padding:20px 5vw 28px!important}
.release-outro .eyebrow{color:#aaa99e}
.release-outro .outro-grid{grid-template-columns:1fr}
body>footer{background:#111!important;color:#f2f1eb!important;border-top:1px solid #ffffff20;padding:18px 5vw 90px!important;margin:0!important;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body>footer a{color:inherit}
body>footer #socials{margin-left:auto}
body>footer .instagram-link{display:inline-flex;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
body>footer .instagram-link svg{width:28px;height:28px}
body>footer .instagram-handle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* 2026-10-27: borderless tiles; films lead compact Experiences galleries. */
body .event-gallery,body #oxfold .event-gallery,body #f1 .event-gallery,
body .vici-gallery,body .vici-spread { gap:0!important; }
body .event-gallery .event-photo,body .event-gallery .event-photo>button,
body .event-gallery img,body .vici-spread>button { border:0!important; padding:0!important; border-radius:0!important; box-shadow:none!important; }
body #oxfold .event-columns { column-gap:0!important; }
body #oxfold .event-gallery { background:transparent!important; }
/* Each pair of small photos shares roughly the reel width, with natural page scrolling. */
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-columns { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:16px!important; align-items:start!important; min-height:0!important; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-film { grid-column:1!important; grid-row:1!important; width:100%!important; min-width:0; align-self:start!important; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-film>.visual { width:100%!important; height:auto!important; aspect-ratio:9/16!important; max-height:none!important; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-film>.visual :is(img,video) { width:100%!important; height:100%!important; object-fit:cover; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery { grid-column:2!important; grid-row:1!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:none!important; grid-auto-rows:auto!important; height:auto!important; max-height:none!important; overflow:visible!important; gap:0!important; align-content:start; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery>.event-photo { aspect-ratio:9/16!important; height:auto!important; margin:0!important; grid-column:auto!important; }
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery .event-photo :is(button,img) { height:100%!important; aspect-ratio:auto!important; }
@media(min-width:761px){body :is(#brands-events,#live-experiences,#moxy,#f1) .event-film { position:sticky!important; top:calc(var(--site-header-height,80px) + 16px)!important; }}
@media(max-width:600px){
 body :is(#brands-events,#live-experiences,#moxy,#f1) .event-columns { gap:8px!important; }
 body :is(#brands-events,#live-experiences,#moxy,#f1) .event-film { position:relative!important; top:auto!important; }
 body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery { grid-column:2!important; grid-row:1!important; }
}

/* Unwrap the former scroll-pinned photo rows into one compact tile grid. */
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery :is(.brand-row-track,.brand-media-row){display:contents!important;}
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery .event-photo{width:100%!important;height:auto!important;aspect-ratio:9/16!important;margin:0!important;grid-column:auto!important;transform:none!important;}
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery figcaption{display:none!important;}

/* Each project owns a photo scroll region; the reel remains alongside it. */
body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery.experience-photo-scroll{
 height:var(--paired-photo-height,480px)!important;max-height:var(--paired-photo-height,480px)!important;
 overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:none!important;
 scrollbar-width:thin;scrollbar-color:#8885 transparent;overscroll-behavior-y:auto;
}
body :is(#brands-events,#live-experiences,#moxy,#f1) .experience-photo-scroll .event-photo{
 opacity:0!important;transition:opacity 650ms ease!important;
}
body :is(#brands-events,#live-experiences,#moxy,#f1) .experience-photo-scroll .photo-ready{
 opacity:var(--experience-photo-opacity,1)!important;
}
body :is(#brands-events,#live-experiences,#moxy,#f1) .experience-photo-scroll .event-photo:focus-within{opacity:1!important}
body .experience-photo-scroll:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(prefers-reduced-motion:reduce){body .experience-photo-scroll .event-photo{transition:none!important}}
.search-scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.search-scope-options button{color:inherit;text-align:left;border:1px solid #ffffff40;background:transparent;padding:18px;font:inherit;cursor:pointer}
.search-scope-options button:hover,.search-scope-options button[aria-pressed=true]{background:#ffffff15;border-color:currentColor}
.search-scope-options button small{display:block;opacity:.7;font-size:13px;line-height:1.5;margin-top:8px}
.search-scopes{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.search-scopes span{border:1px solid #ffffff30;padding:6px 10px;font-size:13px}
.guided-projects .guided-project{display:block;margin-bottom:20px}
.guided-projects .guided-project img{max-height:160px;object-fit:cover;width:100%}
.search-scope-result{padding-top:20px;border-top:1px solid #ffffff30}
.search-scope-result li{margin:8px 0;line-height:1.5}
@media(max-width:600px){.search-scope-options{grid-template-columns:1fr}}

body :is(#brands-events,#live-experiences,#moxy,#f1) .event-gallery.experience-photo-scroll{grid-auto-rows:var(--experience-row-height,250px)!important;}
.guided-context .guided-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guided-context .guided-projects h4{grid-column:1/-1}
.guided-context .guided-projects .guided-project{min-width:0;margin:0}
.guided-context .guided-projects .guided-project img{height:110px;max-height:110px;object-fit:cover}
/* Standalone Experiences use the same compact film-to-photo scale. */
body :is(#moxy,#f1).event-chapter .event-columns{max-width:720px;margin-inline:auto;}
body :is(#moxy,#f1).event-chapter .event-film>.visual{width:100%!important;aspect-ratio:9/16!important;height:auto!important;max-height:none!important;}

/* A film shares the page scroll with its photographs. The section ends the hold. */
@media(max-width:760px){
 body#top.commission section.event-chapter:is(#oxfold,#chloe,#fashionphile,#public,#parlor,#moxy,#f1) .event-columns{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;gap:6px!important;overflow:visible!important;min-height:100svh!important
 }
 body#top.commission section.event-chapter:is(#oxfold,#chloe,#fashionphile,#public,#parlor,#moxy,#f1) .event-columns>.event-film{
  position:sticky!important;top:var(--site-header-height)!important;grid-column:1!important;
  grid-row:1!important;align-self:start;width:100%!important;min-width:0;
 }
 body#top.commission section.event-chapter:is(#oxfold,#chloe,#fashionphile,#public,#parlor,#moxy,#f1) .event-columns>.event-gallery{
  grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;grid-template-rows:none!important;height:auto!important;max-height:none!important;
  align-content:start;overflow:visible!important;scroll-snap-type:none!important
 }
 body#top.commission section:is(#oxfold,#fashionphile,#parlor,#f1).event-chapter .event-columns>.event-film{grid-column:2!important}
 body#top.commission section:is(#oxfold,#fashionphile,#parlor,#f1).event-chapter .event-columns>.event-gallery{grid-column:1!important}
 body.commission .event-gallery .event-photo{grid-column:1!important;grid-row:auto!important;min-width:0}
 body#top.commission section.event-chapter[id] .event-gallery .event-photo,
 body.commission #vici .vici-spread button{opacity:0!important;transition:opacity .42s ease!important}
 body#top.commission section.event-chapter[id] .event-gallery .event-photo:is(.in-sequence,:focus-within),
 body.commission #vici .vici-spread button:is(.in-sequence,:focus-visible){opacity:1!important}
 body.commission #experiences-intro{height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}
 body.commission #experiences-intro .scroll-callout{height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}
 body.commission #experiences-intro .callout-pin{position:sticky!important;top:var(--site-header-height)!important;transform:none!important;height:auto!important;min-height:0!important;background:var(--paper,#fff)}
 .closing-pin-track{background:#111}
 .closing-pin-track:after,body #experiences-intro .scroll-callout:after{content:"";display:block;height:75svh;flex:none}
 body#top #experiences-intro .scroll-callout{display:block!important}
 body.commission .closing-pin-track>.release-coming-soon{position:sticky;top:var(--site-header-height)}
}
@media(prefers-reduced-motion:reduce){body.commission .event-gallery .event-photo,body.commission #vici .vici-spread button{transition:none!important}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 body#top #agency .agency-film>.visual,body#top #kim-shui .kim-pair-grid,body#top #dji>.project-slot-grid{
  position:sticky!important;top:var(--site-header-height)!important;align-self:start
 }
 body#top #agency .agency-scroll-runway{display:block!important;height:75svh}
 body#top #kim-shui:after,body#top #dji:after{content:"";display:block;height:75svh;grid-column:1/-1}
}