/* The approved desktop canvas is untouched above the tablet breakpoint. */
.mobile-layout,.mobile-header,.mobile-footer{display:none}
@media(max-width:1023px){
 .mobile-header{display:block;padding:22px 20px 16px;border-bottom:3px dotted #163bbb;background:#fff}
 /* One proportional lockup, using the desktop name's exact geometry. */
 .mobile-brand{display:block;position:relative;container-type:inline-size;width:min(100%,393px);aspect-ratio:393/84;margin:0 auto 22px}
 .mobile-brand span{position:absolute;display:block;white-space:pre;font-weight:400;font-style:normal;letter-spacing:0}
 .mobile-brand .brand-hindi{left:22.9008%;top:7.3452%;width:67.2952%;height:60.7143%;font-family:"Inknut Antiqua",serif;font-size:10.1781cqw;line-height:12.9771cqw;letter-spacing:-.02545cqw;color:rgb(216,6,6)}
 .mobile-brand .brand-english{left:1.5267%;top:28.1548%;width:96.9898%;height:66.6667%;font-family:"Monsieur La Doulaise",cursive;font-size:15.0127cqw;line-height:13.9949cqw;padding-top:.2545cqw;text-align:center;color:rgb(191,8,8)}
 .mobile-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:600px;margin:auto}
 .mobile-primary a{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;font:italic 17px "Times New Roman",serif}
 .mobile-primary a span[lang="hi"]{font:700 18px/1.5 Amita,serif;white-space:nowrap}
 .mobile-primary a span:last-child{border:3px solid #b83126;border-radius:30px;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center}
 .mobile-primary .mobile-nav-design span:last-child{border-color:#2049e9}.mobile-primary .mobile-nav-about span:last-child{border-color:#dec040}
 .mobile-nav-paintings[aria-current] span:last-child{background:#b83126;color:white}.mobile-nav-design[aria-current] span:last-child{background:#153acc;color:white}.mobile-nav-about[aria-current] span:last-child{background:#e4c35c;color:#191919}
 .mobile-primary a[aria-current] span[lang="hi"]{color:#b83126}
 .mobile-layout{display:block}.canvas-bounds{display:none}#portfolio:has(.mobile-content h1)>h1{display:none}
 .mobile-content{padding:26px 24px 40px;max-width:900px;margin:auto;font:18px/1.55 "Times New Roman",serif}
 .mobile-content h1{font:400 38px/1.15 "Times New Roman",serif;margin:4px 0 26px;overflow-wrap:anywhere}
 .mobile-content:not(.mobile-about):not(.mobile-gallery-page) h1{font:400 58px/1.1 "Monsieur La Doulaise",cursive;color:#b83126}
 .mobile-content h2{font:700 18px/1.4 "Neue Haas Grotesk Text",sans-serif;margin:18px 0 0}
 .mobile-content figure{margin:0;min-width:0}.mobile-content img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
 .mobile-content figure>a{display:block}.mobile-content figcaption{margin-top:12px;font-size:16px;line-height:1.45}
 .mobile-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px;align-items:start}
 .mobile-art-grid figcaption span{display:block}.mobile-art-grid figcaption a{display:inline-block;font-size:19px;margin-bottom:3px}
 .mobile-art-grid img{max-height:62svh}.mobile-gallery-page>.mobile-copy{margin-bottom:28px}
 .mobile-project-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;font-family:"Neue Haas Grotesk Text",sans-serif;font-size:17px}
 .mobile-project-content>.mobile-copy,.mobile-project-content>h2,.mobile-project-content>.mobile-carousel{grid-column:1/-1}
 .mobile-copy{line-height:1.65;overflow-wrap:anywhere}.mobile-copy p{margin:0 0 12px}.mobile-copy p:last-child{margin-bottom:0}
 .mobile-copy *{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:normal!important;text-align:inherit!important;white-space:normal!important;padding:0!important}
 .mobile-copy[lang="hi"]{font-family:Amita,serif;line-height:1.85}
 .mobile-about .mobile-project-content{display:block;font-family:"Times New Roman",serif;font-size:18px}.mobile-about .mobile-copy{margin:26px 0}.mobile-about .mobile-media{max-width:520px;margin:0 auto 30px}
 .mobile-carousel{min-width:0;width:100%;margin:8px 0}.mobile-carousel .slide-stage{height:clamp(220px,50vw,440px);width:100%}.mobile-carousel .slide-frame{background-size:contain}
 .mobile-carousel .slide-expand{background:rgba(0,0,0,.55);width:44px;height:44px;font-size:28px;right:6px;top:6px}
 .mobile-slide-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:8px;font:14px "Times New Roman",serif}.mobile-slide-controls button{border:0;background:none;min-width:44px;min-height:44px;font:24px "Times New Roman",serif;cursor:pointer}
 .mobile-project-link{display:flex;align-items:center;min-height:44px;font-size:16px;color:#b83126}.mobile-project-link:last-child{justify-content:flex-end}
 .mobile-footer{display:block;border-top:3px dotted #163bbb;padding:20px 24px 24px;font:16px/1.4 "Times New Roman",serif;margin-top:auto}.mobile-footer nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.mobile-footer a{display:flex;align-items:center;min-height:44px}.mobile-footer p{margin:16px 0 0;font-size:14px}.mobile-footer a:is(:hover,:focus-visible){color:#b83126}
 .work-view>.chrome-header,.work-view>.chrome-footer{display:none}
 .work-view .mobile-header,.work-view .mobile-footer{flex:none}
 .work-navigation{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 8px;max-width:760px;margin:0 auto;width:100%;padding:12px 20px;font-size:16px;line-height:1.2}
 .work-navigation a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px 0}
 .work-navigation a:nth-child(-n+2){grid-column:span 3;border-bottom:1px solid #ddd;margin-bottom:6px}
 .work-navigation a[href="/2026/"]{border-left:0;padding-left:0;margin-left:0}
 .work-view #work-content{min-width:0;width:100%;flex:1}.work-detail{width:100%;padding:12px 24px 32px}
 .work-detail h1{font-size:32px;line-height:1.18;margin:16px 0 24px;overflow-wrap:anywhere}.back-gallery{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
 .work-hero,.work-details-grid .work-back img{max-width:100%;max-height:68svh;height:auto}.work-information{font-size:17px;line-height:1.5;margin:24px auto}.inquiry{min-height:44px}
 .work-details-grid{margin-top:32px;gap:24px}.work-preview-close{width:48px;height:48px}
 .selected-showcase{padding:0 24px}.selected-stage{height:clamp(340px,calc(100svh - 330px),700px);min-height:340px}.selected-slide figcaption{font-size:17px;text-align:center}.selected-controls button{min-width:44px;min-height:44px}
 .selection-empty h1{font-size:38px}.selection-empty p{font-size:18px}.selection-empty a{min-height:44px;display:flex;align-items:center}
 .exhibitions{min-height:0}.exhibition-entry{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:26px;margin:18px auto 30px}.exhibition-information h2{font-size:28px}.exhibition-information p{font-size:17px}
 .exhibition-stage{height:auto;aspect-ratio:4/3;max-height:440px}.exhibition-slide figcaption{font-size:14px}
}
@media(max-width:600px){
 .mobile-art-grid,.mobile-project-content{grid-template-columns:minmax(0,1fr)}
 .mobile-project-content>.mobile-copy,.mobile-project-content>h2,.mobile-project-content>.mobile-carousel{grid-column:auto}
 .mobile-art-grid{gap:40px}.mobile-content{padding:24px 20px 36px}.mobile-art-grid img{max-height:72svh}
 .mobile-primary{gap:10px}.mobile-primary a span[lang="hi"]{font-size:16px}
 .mobile-project-link:last-child{justify-content:flex-start}.mobile-project-content{gap:22px}
 .work-detail{padding-left:20px;padding-right:20px}.work-details-grid{grid-template-columns:minmax(0,1fr)}
 .work-navigation{grid-template-columns:repeat(4,minmax(0,1fr));font-size:15px;gap:0 8px;padding:10px 14px}.work-navigation a:nth-child(-n+2),.work-navigation a:nth-last-child(-n+2){grid-column:span 2}.work-navigation a:nth-last-child(-n+2){font-size:14px}
 .exhibition-entry{grid-template-columns:minmax(0,1fr);gap:22px}.exhibition-information h2{margin-bottom:10px}.exhibition-stage{width:100%;height:clamp(230px,70vw,400px);aspect-ratio:auto;min-height:0}
 .exhibition-showcase .selected-controls{padding-top:8px}.exhibition-information p{margin-bottom:5px}
}

.work-information .work-sold{font:400 18px/1.5 "Times New Roman",Times,serif;color:#b83126;margin:22px 0 0;padding:6px 0}
button.back-to-top{display:none}button.back-to-top[hidden]{display:none!important}
@media(max-width:1023px){
 button.back-to-top{display:block;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:4500;width:44px;height:44px;padding:0;border:1px solid #ddd;border-radius:50%;background:rgba(255,255,255,.96);color:#b83126;font:26px/1 "Times New Roman",serif;box-shadow:0 2px 8px #00000012;cursor:pointer}
 body:has(dialog[open]) button.back-to-top{display:none}
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 html,body,body *{cursor:url("/assets/interface/om-cursor.svg") 16 16,auto!important}
}

.back-label-mobile{display:none}
@media(max-width:1023px){.back-label-mobile{display:inline}.back-label-desktop{display:none}.back-gallery{gap:5px}}

@media(max-width:1023px){
 .mobile-primary a[aria-current="page"] span[lang="hi"]{color:#b83126}
 .mobile-content:not(.mobile-about):not(.mobile-gallery-page) .mobile-project-content,
 .mobile-content:not(.mobile-about):not(.mobile-gallery-page) .mobile-project-content *{font-family:"Neue Haas Grotesk Text",sans-serif!important;font-weight:500!important}
 .mobile-biography{font-size:17px;line-height:1.55}
}

.mobile-art-grid img{box-shadow:2px 4px 9px rgba(0,0,0,.18)}
@media(max-width:1023px){.mobile-about .mobile-copy,.mobile-about .mobile-copy *{font-size:16px!important;line-height:1.5!important}}