/* =====================================================================
   Bliss by Brown · layout fixes on top of style.css (original colours kept)
   ===================================================================== */
/* the paisley ornament is not used with the original look */
.ornament{display:none}

/* ---------- Films page: a smaller, centred player with a film-strip below ---------- */
.film-sec .film-player,.fp-ctl,.fp-thumbs{max-width:980px;margin-inline:auto}
.film-player{box-shadow:0 40px 80px -50px rgba(42,36,33,.45)}
.fp-ctl{justify-content:center;margin-top:22px}
.fp-now{flex:0 1 auto;margin-inline:16px;text-align:center;justify-items:center;min-width:180px}
.fp-now.swap .fp-t,.fp-now.swap .label{animation:fpSwap .5s var(--ease)}
@keyframes fpSwap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.fp-ctl .reel-snd{margin-left:8px}
.fp-full{margin-left:0}
/* the film strip with sprocket holes */
.fp-thumbs{background:var(--ink);padding:18px 14px;margin-top:22px;gap:10px;
  background-image:radial-gradient(circle,var(--paper) 2.6px,transparent 3.1px),radial-gradient(circle,var(--paper) 2.6px,transparent 3.1px);
  background-size:20px 14px,20px 14px;background-position:0 1px,0 calc(100% - 1px);background-repeat:repeat-x;border-radius:2px}
.fp-thumbs > :first-child{margin-left:auto}
.fp-thumbs > :last-child{margin-right:auto}
.fp-thumbs button{opacity:.72;transition:opacity .3s,transform .35s var(--ease),outline-color .3s}
.fp-thumbs button.on{opacity:1;outline-color:#D9BF95;transform:translateY(-3px)}
.fp-thumbs button:hover{transform:translateY(-3px)}
/* one entrance: the strip's frames slide in when it comes into view */
.fp-thumbs.pre button{opacity:0;transform:translateX(24px)}
.fp-thumbs.in button{transition:opacity .6s var(--ease) calc(var(--i,0) * 70ms),transform .6s var(--ease) calc(var(--i,0) * 70ms)}
@media (max-width:600px){.fp-now{margin-inline:0}.fp-thumbs{padding:16px 10px}}
@media (prefers-reduced-motion:reduce){.fp-thumbs.pre button{opacity:1;transform:none}}
.foot-r .emailLink{color:inherit;text-transform:none;letter-spacing:.06em}.foot-r .emailLink:hover{color:var(--ink)}