@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-extralight.ttf') format('truetype');font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Mukta Vaani';src:url('./assets/fonts/mukta-vaani-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:'Mukta Vaani',sans-serif;color:#000;background:#f8f7f6;font-synthesis:none;--phone-scale:1;--page-bg:#f8f7f6;--page-fade:500ms}
:root{--pad-home-safe-bottom:env(safe-area-inset-bottom,0px)}
/* Standard mobile text normalization, also used by Tencent WeUI. Preserve pinch
   zoom: do not set user-scalable=no, maximum-scale, or a native font-size lock. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Some embedded views adjust body/control text separately from the document.
   Scope the stronger rule to WeChat; keep all approved font sizes and weights. */
html.wechat-webview,html.wechat-webview body,html.wechat-webview body *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
.wechat-webview body,.wechat-webview button,.wechat-webview a,.wechat-webview .overlay{font-family:'Mukta Vaani',sans-serif!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page-bg);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px}[hidden]{display:none!important}img{display:block;max-width:100%}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:#fff;padding:8px 16px}.skip-link:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;height:100px;z-index:20;overflow:visible;background:#fff}.site-header.scrolled{background:rgb(255 255 255 / .85)}.header-inner{height:100%;position:relative;min-width:558px}.brand{position:absolute;left:72px;top:32px;width:160px;height:50px}.brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{position:absolute;right:72px;top:44.5px;display:flex;align-items:center;gap:26px;font-size:16px;line-height:25px;font-weight:500}.desktop-nav>a:hover,.desktop-nav #desktop-gallery:hover,.desktop-nav [aria-expanded=true]{color:#aeaeb2}
.desktop-gallery-group{position:relative;display:flex;align-items:center}
.desktop-projects{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:100px;background:#fff;box-shadow:2px 3px 4px 1px rgb(0 0 0 / .25)}
.desktop-projects a{display:flex;width:100px;height:30px;align-items:center;justify-content:center;font-size:16px;line-height:25px}.desktop-projects a:hover{background:#e0e0e0}.menu-toggle,.mobile-menu{display:none}
.work-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}.page-canvas{position:relative;margin:0 auto;opacity:1;transition:opacity var(--page-fade) ease}.page-canvas.page-leaving{opacity:0}.canvas-content{position:absolute;inset:0}.home-tile,.artwork-tile{position:absolute;display:block;isolation:isolate;line-height:0}.home-tile img,.artwork-tile>img{width:100%;height:100%;object-fit:contain}.home-tile img{object-fit:cover}.home-tile .chapter-mask{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:none;pointer-events:none}.device-desktop .home-tile:hover .chapter-mask,.device-desktop .home-tile:focus-visible .chapter-mask{opacity:1}.chapter-label{position:absolute;font-weight:700;line-height:1;color:rgb(255 255 255 / .6);display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;pointer-events:none}.chapter-label.left{text-align:left;justify-content:flex-start}.home-heading,.home-subtitle,.home-paragraph,.excerpt,.chapter-heading,.chapter-copy{position:absolute;margin:0}.home-heading{font-size:32px;line-height:25px;font-weight:600;letter-spacing:.1em;display:flex;align-items:center;white-space:nowrap}.home-subtitle{font-size:22px;line-height:25px;font-weight:500;display:flex;align-items:center;white-space:nowrap}.home-paragraph{font-size:17px;line-height:22px;font-weight:400}.excerpt{font-size:17px;line-height:25px;text-align:left;font-weight:400;display:flex;align-items:center;cursor:pointer}.excerpt-copy{display:block;white-space:normal;width:100%}.read-cue{position:absolute;right:12px;bottom:0;white-space:nowrap;font:inherit;line-height:inherit;display:flex}.read-cue span{display:inline-block;animation:reading-cue 2.25s ease-in-out infinite}.read-cue span+span{animation-delay:.15s}@keyframes reading-cue{0%,26.667%,100%{transform:translateX(0);opacity:1}13.333%{transform:translateX(var(--cue-shift,3px));opacity:.65}}
/* Desktop P01: positions retain the 20 px review offset; only lower gaps adapt. */
.device-desktop .home-content{overflow:clip}
.device-desktop .home-paragraph{pointer-events:none}
.device-desktop .home-paragraph-copy{pointer-events:auto}
.device-desktop .home-heading{font-size:50px;font-weight:500}
.device-desktop .home-heading-times{font-weight:200}
.device-desktop .home-subtitle{font-size:30px}
/* Phone P01: retain the reference's 32/22/17/20 px sizes without text autosizing
   or the heavier subpixel rendering seen in the desktop phone preview. */
body[data-mode=phone][data-page=P01] .page-canvas{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased}
/* Phone collage fits its width; a desktop preview's classic horizontal scrollbar
   must not consume height and create a vertical scroll loop at the exact fit. */
body[data-mode=phone][data-page=P01] .work-scroll{overflow-x:hidden}
/* P01: immediate entry; the selected gentle fade-out lasts 500 ms with no hold. */
.device-desktop .home-tile .chapter-mask{transition:opacity .5s ease-in-out}
.device-desktop .home-tile:hover .chapter-mask,.device-desktop .home-tile:focus-visible .chapter-mask{transition:none}
.chapter-heading{font-weight:600;font-size:28px;line-height:30px;text-align:left}.chapter-copy{font-weight:400;font-size:17px;line-height:25px}.artwork-info{position:absolute;inset:0;padding:15px;background:rgb(255 255 255 / .6);opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;font-size:17px;line-height:23px;font-weight:400}.artwork-info p,.viewer-info p{margin:0}.artwork-info .work-title,.viewer-info .work-title{font-size:22px;font-weight:500;line-height:23px}.device-desktop .artwork-tile:hover .artwork-info,.device-desktop .artwork-tile:focus-visible .artwork-info{opacity:1}
body:not(.device-desktop) .site-header{height:70px}body:not(.device-desktop) .header-inner{min-width:0}body:not(.device-desktop) .desktop-nav{display:none}body:not(.device-desktop) .brand{left:48px;top:24px;width:120px;height:37px}body:not(.device-desktop) .menu-toggle{display:block;position:absolute;right:38px;top:15px;width:50px;height:50px}.menu-lines{position:absolute;inset:0}.menu-lines i{position:absolute;left:10px;top:13px;width:30px;height:0;border-top:3px solid #000;transform:translateY(-1.5px)}.menu-lines i:nth-child(2){top:26px}.menu-lines i:nth-child(3){top:39px}.menu-cross{display:none;position:absolute;left:10px;top:10px;width:30px;height:30px;font-size:70px;line-height:40px;font-weight:200;align-items:center;justify-content:center}.menu-toggle[aria-expanded=true] .menu-lines{display:none}.menu-toggle[aria-expanded=true] .menu-cross{display:flex}body:not(.device-desktop) .mobile-menu:not([hidden]){display:block}.mobile-menu{position:absolute;right:48px;top:70px;width:170px;height:154px;font-weight:500;font-size:25px;line-height:25px}.menu-main{display:flex;flex-direction:column;gap:2px;box-shadow:2px 3px 4px 1px rgb(0 0 0 / .25)}.menu-main>a,.menu-main>button,.menu-projects>a{display:flex;align-items:center;justify-content:center;flex:none;width:170px;height:50px;background:#fff}.menu-main>button[aria-expanded=true]{background:#e0e0e0;color:#fff}.menu-projects{position:absolute;left:-172px;top:25px;width:170px;height:50px;box-shadow:2px 3px 4px 1px rgb(0 0 0 / .25)}body:not(.device-desktop) .home-tile,body:not(.device-desktop) .artwork-tile{box-shadow:2px 3px 6px rgb(0 0 0 / .18)}body:not(.device-desktop) .artwork-info{display:none}
body[data-mode=phone] .site-header{height:calc(70px * var(--phone-scale))}body[data-mode=phone] .header-inner{width:390px;height:70px;transform-origin:top left;transform:scale(var(--phone-scale))}body[data-mode=phone] .brand{left:24px}body[data-mode=phone] .menu-toggle{right:14px}body[data-mode=phone] .mobile-menu{right:calc(24px * var(--phone-scale));top:calc(70px * var(--phone-scale));transform:scale(var(--phone-scale));transform-origin:top right}body[data-mode=phone] .home-heading{font-size:calc(32px * var(--phone-scale));line-height:calc(25px * var(--phone-scale))}body[data-mode=phone] .home-subtitle{font-size:calc(22px * var(--phone-scale));line-height:calc(25px * var(--phone-scale))}body[data-mode=phone] .excerpt{font-size:calc(17px * var(--phone-scale));line-height:calc(25px * var(--phone-scale))}body[data-mode=phone] .read-cue{right:calc(12px * var(--phone-scale))}body[data-mode=phone] .read-cue span{--cue-shift:calc(3px * var(--phone-scale))}body[data-mode=phone] .chapter-heading{font-size:calc(25px * var(--phone-scale));line-height:calc(25px * var(--phone-scale));text-align:center}body[data-mode=phone] .chapter-copy{font-size:calc(17px * var(--phone-scale));line-height:calc(22px * var(--phone-scale))}body[data-mode=pad-portrait] .chapter-heading{font-size:25px;line-height:25px;text-align:center}body[data-mode=pad-portrait] .chapter-copy{font-size:17px;line-height:22px}
.overlay{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#fff;overflow:hidden;font-family:'Mukta Vaani',sans-serif}.overlay::backdrop{background:rgb(0 0 0 / .7)}.overlay[open]{animation:overlay-in .25s ease both}.overlay[open]::backdrop{animation:overlay-in .25s ease both}.overlay.closing,.overlay.closing::backdrop{animation:overlay-out .25s ease both}@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes overlay-out{from{opacity:1}to{opacity:0}}.overlay-close{position:absolute;right:24px;top:24px;width:40px;height:40px;font-size:70px;line-height:40px;font-weight:200;display:flex;align-items:center;justify-content:center;z-index:5;color:#fff}.reader-scroll{position:absolute;left:30px;right:30px;top:100px;bottom:30px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.reader-copy{font-size:17px;font-weight:500;line-height:24px;letter-spacing:0;max-width:100%}.reader-copy p{margin:0 0 20px}.reader-copy p:last-child{margin-bottom:0}body:not(.device-desktop):not([data-mode=phone]) .reader-scroll{left:max(48px,calc((100% - 578px)/2));right:max(48px,calc((100% - 578px)/2));top:119px;bottom:auto;height:min(700px,calc(100dvh - 167px))}body:not(.device-desktop):not([data-mode=phone]) .reader-copy{font-size:20px;line-height:25px;min-height:100%;display:flex;flex-direction:column;justify-content:center}body:not(.device-desktop):not([data-mode=phone]) .overlay-close{right:48px}.modal-open .read-cue span{animation-play-state:paused}.viewer-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.viewer-stage{position:relative;width:100%;min-height:100%;touch-action:pan-y pinch-zoom}.viewer-image-frame{position:absolute;padding:0;margin:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.viewer-image-frame img{width:100%;height:100%;object-fit:contain}.image-error{position:absolute;font-size:17px;line-height:23px;margin:0;text-align:center}.viewer-info{position:absolute;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;font-size:17px;line-height:23px;font-weight:400;color:#fff;transition:opacity .15s ease}.viewer-info .work-description{width:100%}.viewer-arrow{position:absolute;display:flex;justify-content:center;align-items:flex-start;font-size:70px;line-height:35px;font-weight:200;color:#fff;width:40px;height:40px}.viewer-arrow[disabled]{visibility:hidden}.viewer-stage.switching .viewer-image-frame,.viewer-stage.switching .viewer-info{opacity:0}.device-desktop .viewer-info{display:none}.device-desktop .viewer-arrow{width:35px;height:70px;line-height:70px;align-items:center}.device-desktop .viewer-overlay .overlay-close{top:32px;right:72px}.pending-copy{position:absolute;top:50%;left:50%;width:min(520px,calc(100% - 60px));transform:translate(-50%,-50%);font-size:18px;line-height:25px}.pending-copy h1{font-size:28px;line-height:32px;font-weight:600;margin:0 0 22px}.pending-copy p{margin:0 0 14px}.pending-back{margin-top:8px;text-decoration:underline;text-underline-offset:4px}.modal-open{overflow:hidden!important}.modal-open .work-scroll{overflow:hidden}
/* Device shadow rules are independent: phone changes do not alter desktop/Pad. */
.device-desktop .home-tile{box-shadow:4px 5px 10px 0 rgb(0 0 0 / .35)}
body[data-mode=phone] .home-tile{box-shadow:2px 3px 6px 0 rgb(0 0 0 / .35)}
body[data-mode=pad-portrait] .home-tile,body[data-mode=pad-landscape] .home-tile{box-shadow:4px 5px 10px 0 rgb(0 0 0 / .35)}
/* Phone header: 50 px target centered in 70 px; line centres are Y22/35/48. */
body[data-mode=phone] .menu-toggle{top:10px}
body[data-mode=phone] .menu-lines i{top:12px}
body[data-mode=phone] .menu-lines i:nth-child(2){top:25px}
body[data-mode=phone] .menu-lines i:nth-child(3){top:38px}
/* Shared hamburger menu: 136 × 40 buttons with 4 px gaps. */
.mobile-menu{width:136px;height:128px;font-size:20px}
.menu-main{gap:4px}
.menu-main>a,.menu-main>button,.menu-projects>a{width:136px;height:40px}
.menu-projects{left:-140px;top:20px;width:136px;height:40px}
/* Phone body type and chapter navigation: retain frame geometry and line spacing. */
body[data-mode=phone] .excerpt{font-size:calc(16px * var(--phone-scale));line-height:calc(22px * var(--phone-scale))}
body[data-mode=phone] .reader-copy{font-size:16px}
body[data-mode=phone].chapter-page .chapter-copy{font-size:calc(16px * var(--phone-scale))}
body[data-mode=phone] .artwork-tile,body[data-mode=phone] .viewer-image-frame img{box-shadow:2px 3px 6px 0 rgb(0 0 0 / .35)}
/* Remove automatic touch focus chrome from the phone reader/viewer's close ×.
   Keep programmatic focus and a visible indicator for real keyboard navigation. */
body[data-mode=phone] :is(.reader-overlay,.viewer-overlay) .overlay-close{appearance:none;-webkit-appearance:none}
body[data-mode=phone] :is(.reader-overlay,.viewer-overlay) .overlay-close:focus{outline:none}
html.keyboard-navigation body[data-mode=phone] :is(.reader-overlay,.viewer-overlay) .overlay-close:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Shared desktop P02–P06 review rules; touch typography and P01 stay unchanged. */
.device-desktop.chapter-page .chapter-heading{font-weight:500}
.device-desktop.chapter-page .chapter-copy{font-size:16px}
.device-desktop.chapter-page .artwork-tile{box-shadow:3px 4px 6px 0 rgb(0 0 0 / .35)}
.device-desktop.chapter-page .artwork-info{font-size:16px;font-weight:300;transition:opacity .2s ease-out}
.device-desktop.chapter-page .artwork-info .work-title{font-size:18px;font-weight:500}
.device-desktop.chapter-page .artwork-tile:hover .artwork-info,.device-desktop.chapter-page .artwork-tile:focus-visible .artwork-info{transition:none}
/* Wait for decode before revealing image/caption. Opening and switching keep separate timings. */
.viewer-stage.viewer-opening .viewer-image-frame,.viewer-stage.viewer-opening .viewer-info{transition-duration:.25s}
.viewer-stage.image-loading .viewer-image-frame,.viewer-stage.image-loading .viewer-info{opacity:0;transition:none}
/* Artwork buttons are image surfaces, not native controls with a platform bezel. */
.artwork-tile{appearance:none}
/* Phone artwork viewer: fixed outer image anchors, brief swipe cue and counter. */
.viewer-counter{display:none}
.swipe-viewer .viewer-counter{position:absolute;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:20px;font-weight:200;color:#fff}
body[data-mode=phone] .viewer-info{font-size:16px;line-height:20px;justify-content:flex-start}
body[data-mode=phone] .viewer-info .work-title{font-size:20px;line-height:20px;font-weight:500}
body[data-mode=phone] .viewer-info p{flex-shrink:0}
.swipe-viewer .viewer-arrow{font-size:0;line-height:0;align-items:center;opacity:0;z-index:2;transition:opacity .2s ease}
.swipe-viewer .viewer-arrow::before,.swipe-viewer .viewer-arrow::after{content:'';position:absolute;top:50%;left:calc(50% - 4px);width:15.5px;height:15.5px;border-top:2px solid white;border-right:2px solid white;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .5));transform:translate(-50%,-50%) rotate(45deg)}
.swipe-viewer .viewer-arrow::after{left:calc(50% + 4px)}
.swipe-viewer .viewer-arrow.previous::before,.swipe-viewer .viewer-arrow.previous::after{transform:translate(-50%,-50%) rotate(-135deg)}
.swipe-viewer .swipe-hint .viewer-arrow{animation:phone-swipe-hint 1.8s ease-in-out both}
.swipe-viewer .swipe-hint .viewer-arrow.previous{--hint-shift:-3px}
.swipe-viewer .swipe-hint .viewer-arrow.next{--hint-shift:3px}
.swipe-viewer .viewer-arrow:focus-visible{opacity:1;animation:none;outline:1px solid white;outline-offset:2px}
/* Pad portrait review: independent of the phone and Pad landscape settings. */
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .work-scroll{overflow-x:hidden}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .site-header{height:85px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .brand{top:26px;width:148px;height:46px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .menu-toggle{top:17.5px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .menu-lines i{top:12px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .menu-lines i:nth-child(2){top:25px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .menu-lines i:nth-child(3){top:38px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .mobile-menu{top:85px;font-size:18px}
body:not(.device-desktop):not([data-mode=phone]) .reader-scroll{top:134px;height:min(700px,calc(100dvh - 182px))}
body[data-mode=pad-portrait] .reader-copy{font-weight:400}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) :is(.reader-overlay,.viewer-overlay) .overlay-close{appearance:none;-webkit-appearance:none}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) :is(.reader-overlay,.viewer-overlay) .overlay-close:focus{outline:none}
html.keyboard-navigation body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) :is(.reader-overlay,.viewer-overlay) .overlay-close:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) :is(.home-tile,.artwork-tile,.viewer-image-frame img){box-shadow:4px 5px 10px 0 rgb(0 0 0 / .35)}
body[data-mode=pad-landscape] .viewer-info{overflow-y:auto}
body[data-mode=pad-portrait] .viewer-info{justify-content:flex-start}
body[data-mode=pad-portrait] .viewer-info p{flex-shrink:0}
@keyframes phone-swipe-hint{0%{opacity:0;transform:translateX(0)}15%,45%,75%{opacity:1;transform:translateX(0)}30%,60%{opacity:1;transform:translateX(var(--hint-shift))}100%{opacity:0;transform:translateX(0)}}
/* P07/P08 reuse the shared header/menu; their own layouts do not become chapters. */
.about-heading,.about-copy,.about-photo,.contact-image,.contact-copy{position:absolute;margin:0}
.about-heading{font-size:28px;line-height:30px;font-weight:600;text-align:left}
.about-copy{font-size:17px;line-height:22px;font-weight:400;letter-spacing:0}
.about-copy p{margin:0}
.about-photo{object-fit:contain}
.contact-image{object-fit:cover}
.contact-copy{font-size:17px;line-height:22px;font-weight:400;letter-spacing:0;text-align:right}
.contact-copy p{margin:0;white-space:nowrap}
.contact-email{display:block;width:100%;text-align:right;font:inherit;white-space:nowrap}
body[data-mode=phone] .about-heading{font-size:calc(25px * var(--phone-scale));line-height:calc(25px * var(--phone-scale));text-align:center}
body[data-mode=phone] .about-copy,body[data-mode=phone] .contact-copy{font-size:calc(17px * var(--phone-scale));line-height:calc(22px * var(--phone-scale))}
body:is([data-mode=pad-portrait],[data-mode=pad-landscape]) .about-heading{font-size:25px;line-height:25px;text-align:center}
.device-desktop .about-copy{font-size:16px}
body[data-mode=pad-landscape] .about-heading{text-align:left}
/* P02–P06: viewport-fixed chapter strip, outside the fading/scrolled canvas.
   Its white layer matches the header's 85% white over content; type is opaque. */
.chapter-nav{position:fixed;z-index:15;left:50%;transform:translateX(-50%);bottom:calc(var(--chapter-nav-bottom,20px) + env(safe-area-inset-bottom,0px) + var(--chapter-nav-viewport-inset,0px));width:746px;height:45px;background:rgb(255 255 255 / .85)}
.chapter-nav[data-scrolling=true]{left:0;transform:none;width:100%}
.chapter-nav-scroll{width:100%;height:45px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}
.chapter-nav-scroll::-webkit-scrollbar{display:none}
.chapter-nav-track{position:relative;display:flex;width:max-content;height:45px;gap:20px;padding-left:var(--chapter-nav-padding-start,20px);padding-right:var(--chapter-nav-padding-end,20px)}
.chapter-nav a{display:block;flex:none;height:45px;margin:0;padding:0;font-family:'Mukta Vaani',sans-serif;font-size:18px;line-height:45px;letter-spacing:0;text-align:center;white-space:nowrap;color:#aeaeb2}
.chapter-nav a[aria-current=page],.chapter-nav a:active,.chapter-nav a:focus-visible,.device-desktop .chapter-nav a:hover{color:#000}
.chapter-nav a:focus-visible{outline:2px solid #000;outline-offset:-2px}
.modal-open .chapter-nav{visibility:hidden;pointer-events:none}
.chapter-page .work-scroll{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--chapter-nav-viewport-inset,0px))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}