.drawer{z-index:300;transition:transform .6s var(--ease-drawer), translate .8s var(--ease-drawer);pointer-events:none;--accent:var(--color-teal);position:fixed;inset:0;transform:translateY(100%)}.drawer[data-open=true]{pointer-events:auto;transform:translateY(0)}body[data-menu-open] .drawer{translate:0 var(--menu-h)}.drawer[data-dismissing]{transition:none}.drawer__scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;overflow:hidden auto}.drawer__spacer{cursor:pointer;height:18vh}.drawer__spacer--bottom{height:100vh}.drawer__band{z-index:6;background:var(--color-cream);position:sticky;top:0}.drawer__progress{background:color-mix(in srgb, var(--color-graphite) 12%, transparent);height:2px}.drawer__progress-fill{background:var(--accent);width:0;height:100%;transition:width 80ms linear}.drawer__band:not(:has(.drawer__progress)){border-bottom:1px dashed color-mix(in srgb, var(--accent) 55%, transparent)}.drawer__content{background:#ece9e2}.pageov__compune{padding:clamp(56px, 9vh, 120px) var(--gutter) clamp(40px, 6vh, 80px)}.drawer__floatclose{top:clamp(20px,3vh,34px);right:var(--gutter);z-index:8;position:absolute}.page-wrap{transition:transform .8s var(--ease-drawer), filter .6s var(--ease-drawer)}.page-wrap.is-behind{filter:brightness(var(--behind-bright,.72));transition:filter .6s var(--ease-drawer)}.page-wrap.is-behind[data-dismissing]{transition:none}@media (prefers-reduced-motion:reduce){.drawer,.page-wrap.is-behind{transition:none}}