/* YY's two approved campaign photographs, presented as a quiet sequence. */
.campaign{--yy-film-time:0;--yy-film-first:0;--yy-film-second:0}
.campaign__frame{isolation:isolate;position:relative;overflow:hidden}
.campaign__frame::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(115deg,transparent 15%,#efc86f16 43%,#fff4cf20 48%,transparent 62%);opacity:var(--yy-film-light,0);transform:translateX(var(--yy-film-sweep,-100%));mix-blend-mode:screen}
.campaign__frame--terrace{--yy-film-progress:var(--yy-film-first)}
.campaign__frame--dining{--yy-film-progress:var(--yy-film-second)}
.campaign__frame figcaption{position:relative;z-index:2}
.campaign__frame figcaption::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gl);transform:scaleX(var(--yy-film-progress));transform-origin:left;pointer-events:none}
.yy-film-control{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:20px;padding:9px 13px;background:transparent;color:var(--gl);border:1px solid var(--l);font:500 11px 'DM Mono',monospace;cursor:pointer}
.yy-film-control:focus-visible{outline:2px solid var(--gl);outline-offset:4px}
.yy-film-control[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.campaign__frame::after,.campaign__frame figcaption::after{display:none}}