/* v285 (owner, 1 Nov 2026): the page holds still from the opening until the hero lands (js/occasi-opening-lock.js). The
   same Skip as the Riviera dove opening (css/riviera-opening.css .rvo-skip): a small pill in a top corner, away from the
   music button, always visible and reachable by keyboard while the page is held. */
html.occasi-opening-locked,html.occasi-opening-locked body{overflow:hidden;touch-action:none;overscroll-behavior:none}
.occasi-skip{position:fixed;top:max(14px,env(safe-area-inset-top));z-index:2147482600;min-height:44px;min-width:64px;padding:0 18px;
 border-radius:999px;border:1px solid rgba(255,255,255,.75);background:rgba(255,250,240,.72);color:#2f2a23;
 font:500 11px/1 'Playfair Display',Georgia,serif;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;
 transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1)}
.occasi-skip.is-top-right{right:max(14px,env(safe-area-inset-right))}
.occasi-skip.is-top-left{left:max(14px,env(safe-area-inset-left))}
.occasi-skip:active{transform:scale(.97)}
.occasi-skip:focus-visible{outline:2px solid #2f2a23;outline-offset:2px}
@starting-style{.occasi-skip{opacity:0}}
@media (prefers-reduced-motion:reduce){.occasi-skip{transition:none}}
/* the shop's sample view (css/occasi-sample-view.css .osv-top) puts its back, Sample, device and Personalise bar over both
   top corners: Skip sits just under it there */
html.osv-on .occasi-skip{top:calc(max(12px,env(safe-area-inset-top)) + 56px)}
/* "Scroll to explore" waits until the page is free: while it is held, the cue would only invite a scroll that does nothing */
html.occasi-opening-locked .signature-scroll-cue{opacity:0;visibility:hidden;pointer-events:none}
.signature-scroll-cue{transition:opacity .4s cubic-bezier(.23,1,.32,1)}
@media (prefers-reduced-motion:reduce){.signature-scroll-cue{transition:none}}