:root{--paper:#faf9f7;--ink:#22211f;--sub:#77736d;--line:#e8e5e0;--max:1440px}
body{background:var(--paper)}
.wrap{width:calc(100% - 96px)}
.site-head{height:82px;background:#fff;border-bottom:1px solid var(--line)}
.hero{aspect-ratio:2.85}.hero-caption{font-size:clamp(24px,3vw,48px);max-width:600px}
.statement{padding:58px 0 66px}.statement p{font-size:clamp(26px,3vw,42px);line-height:1.4}
.work-track{gap:28px}.work-track>.work-card{flex-basis:calc((100% - 56px)/3)}
.work-cover{background:#f0eeea;aspect-ratio:4/4.7;border-radius:2px}
.work-cover>img{width:var(--work-scale,96%);height:var(--work-scale,96%);object-fit:contain}
.work-cover:focus-visible{outline:2px solid #222;outline-offset:4px}
.work-info{padding-top:20px}.work-name{font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.work-meta{font-size:12px;margin-top:6px;line-height:1.6}.work-purchase{margin-top:14px;align-items:center;gap:16px}
.work-price{font-size:14px}.work-purchase .btn{border-radius:0;background:transparent;color:#222;border-color:#d4d0c9;min-height:40px;min-width:105px;font-size:11px}
.work-purchase .btn:hover{background:#222;color:#fff}
.gallery-intro{padding-top:60px;padding-bottom:36px}.gallery-intro h1{font-size:44px}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}
.gallery-grid .work-name{min-height:0}.filter-bar{padding-top:22px;margin-bottom:28px}
.book-dialog{width:min(1280px,calc(100vw - 48px));background:#fcfbf9;border:1px solid #e4e0d8;border-radius:2px}
.book-stage{width:calc(100% - 52px);height:clamp(380px,60svh,680px);margin-top:10px}
.book-pages{grid-template-columns:.85fr 1.15fr;box-shadow:none;background:#fff}
.book-page{padding:18px 18px 32px}.book-page:first-child:after,.book-page:last-child:before{display:none}
.book-page .page-image{padding:0}.book-copy{max-width:340px}.book-copy h2{font-size:clamp(24px,2.2vw,34px)}
.book-summary{padding:22px 28px;gap:32px;border-top:1px solid var(--line)}
.book-summary p{max-width:670px;line-height:1.65}.book-nav{margin:10px auto}.book-thumb{border-radius:0}
.book-thumb.active{background:#e8e4dc}.book-thumbnails{gap:8px;padding:0 24px 14px}.book-thumb img{width:38px;height:38px}
.story-text p{font-size:13px;line-height:1.9}.collaboration .btn{min-height:44px}
.site-nav a,.site-nav button{min-height:40px;display:flex;align-items:center}
.admin-app .btn{min-height:42px}.cloud-toolbar{background:#f6f3ec!important;border-color:#e1dace!important}
.admin-sidebar{background:#faf9f6;color:#222}.admin-sidebar .small{color:#777}.admin-navigation button{color:#666}.admin-navigation button.active{background:#e8e4dc;color:#222}.sidebar-bottom{border-color:#ded9d0;color:#777}.editor-card{border-radius:7px;box-shadow:none}.row-actions button{min-height:36px}
.video-error{position:absolute;bottom:14px;left:14px;right:14px;background:#fffdf6ee;padding:12px;font-size:12px;line-height:1.5;z-index:3}
.private-note{padding:12px 16px;margin-bottom:22px;background:#f3efe6;border:1px solid #e7e0d2;font-size:12px;line-height:1.65}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.work-track{gap:20px}.work-track>.work-card{flex-basis:calc((100% - 20px)/2)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}}
@media(max-width:760px){
 .wrap{width:calc(100% - 32px)}.site-head{height:64px}.hero{aspect-ratio:1.16}
 .hero-caption,.hero-fade{display:none!important}.statement{display:none!important}
 .home-gallery{padding-top:32px}.section-head{align-items:end;margin-bottom:22px}.section-head h2{font-size:26px}.section-head .text-link{font-size:11px}
 .work-track{gap:16px}.work-track>.work-card{flex-basis:88%}.work-cover{aspect-ratio:4/4.6}
 .work-info{padding-top:16px}.work-name{font-size:17px}.work-meta{font-size:12px}.work-price{font-size:14px}
 .work-purchase .btn{font-size:12px;min-height:42px}.carousel-side{bottom:-52px}.pagination{min-height:28px}
 .gallery-intro{padding:30px 0 22px}.gallery-intro h1{font-size:34px}.gallery-intro p{font-size:12px}
 .gallery-grid{grid-template-columns:1fr;gap:34px;margin-bottom:42px}.gallery-grid .work-info{padding-top:15px}
 .gallery-grid .work-name{font-size:17px;min-height:0}.gallery-grid .work-meta{font-size:12px}
 .gallery-grid .work-purchase{display:flex;justify-content:space-between;margin-top:12px}.gallery-grid .work-price{font-size:14px}
 .gallery-grid .work-purchase .btn{width:auto;min-width:112px;margin:0;font-size:12px;min-height:42px;padding:10px 14px}
 .filter-categories button{font-size:12px;min-height:42px;padding:10px 13px}.filter-tools{gap:16px}.price-toggle,.sort-select{font-size:12px;min-height:42px}
 .book-dialog{width:calc(100vw - 12px);max-height:98svh;margin:auto}.book-dialog .dialog-top{height:48px;padding:6px 12px}
 .book-stage{width:calc(100% - 20px);height:clamp(300px,57svh,590px);margin-top:0}
 .book-pages{display:block}.book-page{padding:4px 4px 28px}.book-page .page-image{height:100%}.page-caption{left:10px;right:10px;bottom:6px;font-size:9px}
 .book-nav{margin:4px auto}.book-thumb{min-width:40px;min-height:42px;padding:3px}.book-thumb img{width:32px;height:32px}
 .book-thumbnails{padding:0 12px 10px;justify-content:center;gap:6px}.book-summary{padding:16px 18px}.book-summary h3{font-size:19px;margin-bottom:8px}
 .book-summary p{font-size:12px;line-height:1.7}.book-summary .book-bottom-price{font-size:15px;margin-top:9px}
 .book-summary .actions{margin-top:16px}.book-summary .actions .btn{min-height:44px;font-size:12px}
 .admin-main{padding:18px 14px}.admin-sidebar{overflow-x:auto}.cloud-toolbar{flex-wrap:wrap}.media-library{grid-template-columns:1fr 1fr}
 .editor-card{padding:20px 16px}.panel-intro h1{font-size:26px}.private-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html,body{overflow-x:clip}
.carousel-side.prev{left:-22px}.carousel-side.next{right:-22px}
@media(max-width:1024px){.site-nav{display:none}.menu-trigger{display:inline-flex}.cloud-toolbar{position:static;flex-direction:column;align-items:stretch}}
@media(max-width:760px){.carousel-side.prev{left:0}.carousel-side.next{right:0}}
@font-face{font-family:Manrope;src:url('./Manrope-VariableFont_wght.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}

@media(min-width:761px) and (max-width:1024px){.hero{aspect-ratio:2.4}}

/* One photograph at a time on all screens. */
.book-pages{grid-template-columns:1fr}

/* Consistent gallery frames while preserving each painting’s proportions. */
.work-cover>img{width:94%;height:94%;object-fit:contain}

#about,#exhibitions{scroll-margin-top:90px}
.book-thumb span{display:none}

@media(max-width:760px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.gallery-grid .work-name{font-size:14px}.gallery-grid .work-purchase{align-items:flex-start;flex-wrap:wrap;gap:8px}.gallery-grid .work-purchase .btn{min-width:0;padding:8px 10px;font-size:10px}.gallery-grid .work-meta{min-height:2.7em}.spot-section.compact .spot-inner{width:calc(100% - 28px)}}
@media(max-width:340px){.gallery-grid{grid-template-columns:1fr}}

@media(max-width:760px){.statement{display:block!important;padding:32px 0 38px}.statement p{font-size:23px;line-height:1.4}}
