/* Selected layered navigation and photographic mask study, in the BÂOLI identity. */
#menu-dialog{inset:0;margin:0 0 0 auto;width:min(680px,100%);height:100dvh;max-width:100%;max-height:100dvh;padding:0;border:0;background:transparent;overflow:hidden;color:#313130;animation:none!important}
#menu-dialog::backdrop{background:rgb(49 49 48 / .3);backdrop-filter:none}
.menu-layer{position:absolute;inset:0;pointer-events:none;background:#9FD3C7}.menu-layer:nth-child(2){background:#DAB4C9}
.menu-sheet{position:relative;background:#edebe9;height:100%;overflow-y:auto;padding:24px clamp(22px,5vw,62px);display:flex;flex-direction:column;gap:24px}
#menu-dialog .menu-top{margin:0;display:flex;align-items:center;justify-content:space-between}
#menu-dialog nav{display:flex;flex-direction:column;gap:0;margin:auto -16px;flex-shrink:0}
#menu-dialog nav a{position:relative;display:flex;align-items:baseline;gap:12px;padding:12px 16px;border:0;font-family:Prata,serif;font-size:clamp(27px,3.2vw,43px);line-height:1.25;letter-spacing:-.035em;isolation:isolate;overflow:hidden;color:#313130;text-decoration:none}
#menu-dialog nav a::before{content:"";position:absolute;inset:0;background:#313130;z-index:-1;transform:translateY(102%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
#menu-dialog nav a:hover::before,#menu-dialog nav a:focus-visible::before{transform:translateY(0)}
#menu-dialog nav a:hover,#menu-dialog nav a:focus-visible{color:#edebe9}
#menu-dialog nav a>span:first-child:not(:last-child){font:12px Manrope,sans-serif;order:2;opacity:.8}#menu-dialog nav a>span:last-child{font-size:inherit}
#menu-dialog .menu-motion{align-self:flex-start;margin:0;min-height:44px;font-size:14px}#menu-dialog .menu-sheet>p{font-size:14px;line-height:1.6;margin:0;max-width:27ch;padding-bottom:12px}html.menu-open{overflow:hidden}
.practice-guide{max-width:1160px;margin:24px auto 110px;padding:0 6%;scroll-margin-top:100px}.practice-guide h2{font:clamp(29px,4vw,48px)/1.25 Prata,serif;margin:0 0 30px;max-width:20ch}
.practice-guide details{border-top:1px solid #b8b5af}.practice-guide details:last-child{border-bottom:1px solid #b8b5af}
.practice-guide summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:74px;padding:18px 0;font:clamp(20px,2.4vw,29px)/1.3 Prata,serif}.practice-guide summary::-webkit-details-marker{display:none}
.practice-guide summary svg{flex:none;width:20px;height:20px;transition:rotate .25s}.practice-guide details[open] summary svg{rotate:45deg}
.practice-guide .guide-body{padding:0 0 30px;max-width:72ch;font:16px/1.8 Manrope,sans-serif}.guide-body p,.detail-copy p{margin:0 0 20px}.guide-body h3,.detail-copy h3{font:600 15px/1.5 Manrope,sans-serif;margin:25px 0 8px}
.guide-facts{display:flex;flex-wrap:wrap;gap:8px 25px;font-size:14px;margin-bottom:24px}.practice-note{padding:16px;background:#e5e2df;font-size:14px;line-height:1.75}.guide-body a{display:inline-block;margin:8px 0 0;text-underline-offset:5px;min-height:44px;color:#313130}
.masked-gallery{overflow:visible;padding:0 0 70px!important}.masked-gallery .gallery-reel{display:none}.album-scroll{height:350vh;height:350svh;position:relative}.album-sticky{position:sticky;top:90px;margin:0 5%;padding-top:16px}
.album-stage{position:relative;height:calc(100svh - 220px);max-height:770px;min-height:300px;overflow:hidden;background:#dedbd5;isolation:isolate}.album-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;translate:none}.album-stage .album-soft{object-fit:cover;filter:blur(24px);opacity:.24;transform:scale(1.06)}.album-stage .album-front{clip-path:url(#baoli-album-mask)}
.album-stage .album-enlarge{position:absolute;right:16px;bottom:16px;z-index:3;background:#edebe9;color:#313130;border:0;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;cursor:zoom-in}.album-enlarge svg{width:21px;height:21px}
.album-caption{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:62px;padding:12px 0;font-size:15px}.album-caption p{margin:0}.album-progress{display:flex;gap:8px}.album-progress button{width:40px;height:44px;padding:0;border:0;background:transparent;position:relative;cursor:pointer}.album-progress button::after{content:"";position:absolute;left:0;right:0;top:21px;height:2px;background:#b5b4ad}.album-progress button[aria-pressed="true"]::after{background:#313130;height:3px}.masked-gallery .gallery-controls{margin:0 0 10px;gap:20px}.album-mask-defs{position:absolute;width:0;height:0;overflow:hidden}
.motion-paused .album-scroll{height:auto}.motion-paused .album-sticky{position:relative;top:0}.motion-paused .album-front{clip-path:none;opacity:0}
@media(max-width:700px){.menu-sheet{padding:20px 24px;gap:20px}#menu-dialog nav a{font-size:clamp(25px,7.6vw,34px);padding-block:13px}.practice-guide{margin:0 auto 75px;padding:0 6%}.practice-guide .guide-body{font-size:16px}.practice-guide summary{min-height:70px;font-size:23px}.album-scroll{height:290svh}.album-sticky{top:80px;margin:0 5%;padding-top:8px}.album-stage{height:48svh;min-height:280px;max-height:430px}.album-caption{display:block;min-height:90px;padding-top:17px}.album-progress{justify-content:space-between;gap:12px;margin-top:4px}.album-progress button{flex:1}.masked-gallery{padding-bottom:55px!important}}


#menu-dialog{border-radius:0;box-shadow:none}#menu-dialog nav a>span:first-child:not(:last-child){display:inline;color:inherit}#menu-dialog nav a:hover,#menu-dialog nav a:focus-visible{color:#edebe9}
@media(min-width:901px){.header nav{display:none}.header-actions{margin-left:auto}.header .menu-toggle{display:flex;align-items:center;justify-content:center}}