.preview-top{position:sticky;top:0;z-index:50;background:#111110f5;border-bottom:1px solid var(--line);padding:19px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.preview-top>a{color:var(--gold)}.preview-tabs{display:flex;gap:10px}.preview-tabs a{padding:9px 13px;border:1px solid var(--line);color:var(--muted)}body[data-layout=a] .preview-tabs a:nth-child(1),body[data-layout=b] .preview-tabs a:nth-child(2),body[data-layout=c] .preview-tabs a:nth-child(3),body[data-layout=d] .preview-tabs a:nth-child(4){border-color:var(--gold);color:var(--gold);background:#c2a36512}.preview-top button{background:none;border:1px solid #8c7545;padding:8px 12px;font-size:12px}.preview-main{max-width:1600px;margin:auto;padding:65px 5% 110px}.preview-heading{margin-bottom:45px}.preview-heading>span{font-size:11px;color:var(--gold)}.preview-heading h1{font:400 43px/1.5 var(--serif);margin:12px 0}.preview-heading p{font-size:14px;color:var(--muted)}.p-cats{display:flex;gap:10px 25px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px}.p-cats button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--muted);font-size:14px;text-align:left}.p-cats button.on{color:var(--gold);border-bottom-color:var(--gold)}.p-cats small{font:10px Arial;margin-left:10px}.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:start}.p-card{background:none;border:1px solid transparent;padding:0 0 14px;text-align:left;min-width:0}.p-card>div{position:relative;background:#20201c;overflow:hidden}.p-card img{height:210px;object-fit:contain;transition:transform .4s}.p-card:hover img{transform:scale(1.025)}.p-card>div>span{position:absolute;bottom:12px;right:15px;color:var(--gold)}.p-card h3{font:400 17px/1.7 var(--serif);margin:14px 12px 5px}.p-card>small{font-size:11px;color:var(--muted);margin:0 12px}.p-card.on{border-color:var(--gold);background:#c2a36509}.p-card.on>div:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid var(--gold)}.p-detail{margin-top:35px;border-top:1px solid #8c7545;padding:30px 0;min-width:0}.p-detail>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.p-detail header small{font-size:11px;color:var(--gold)}.p-detail h2{font:400 28px/1.6 var(--serif);margin:12px 0}.p-detail header>button,.p-pagination button{background:none;border:1px solid var(--line);padding:8px 13px;font-size:12px;white-space:nowrap}.p-detail>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:850px}.p-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0 25px}.p-pagination>span{font:11px Arial;color:var(--gold)}.p-pagination button:disabled{opacity:.3;cursor:default}.p-media{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.p-media button{padding:0;border:0;background:#1d1d19}.p-media img{width:100%;height:100%;max-height:650px;object-fit:contain}.p-media .size-xl{grid-column:span 6}.p-media .size-lg{grid-column:span 3}.p-media .size-sm{grid-column:span 2}.p-media video{width:100%;max-height:650px}.p-case-link{display:inline-block;margin-top:25px;font-size:13px;color:var(--gold);border-bottom:1px solid #8c7545;padding-bottom:5px}.p-directory{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px}.p-directory>aside{align-self:start;position:sticky;top:110px}.p-directory .p-cats{display:flex;flex-direction:column;border:0;gap:5px}.p-directory .p-cats button{border:0;padding:14px 16px;border-left:2px solid transparent}.p-directory .p-cats button.on{border-left-color:var(--gold);background:#c2a36512}.p-current{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:25px;font:400 25px var(--serif)}.p-current>span{font:12px var(--sans);color:var(--muted);padding-top:6px}.p-directory .p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-inline-grid .p-detail{grid-column:1/-1;background:#1a1a16;padding:30px;margin-top:0}.p-exhibition{display:grid;grid-template-columns:280px minmax(0,1fr);gap:45px}.p-exhibition>aside{position:sticky;top:110px;align-self:start}.p-index-label{font-size:11px;color:var(--muted);margin-bottom:18px}.p-index{display:flex;align-items:baseline;gap:14px;padding:18px 10px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:14px;color:var(--muted)}.p-index small{font:10px Arial;color:#8b8065}.p-index i{font-style:normal;margin-left:auto}.p-index.on{color:var(--gold);background:#c2a3650c}.p-exhibition .p-detail{margin:0;padding-top:0;border:0}.p-empty{padding:70px 20px;text-align:center;border:1px solid var(--line);color:var(--muted);font-size:14px}.p-category{border-bottom:1px solid var(--line)}.p-accordion-head{display:flex;align-items:center;gap:25px;width:100%;padding:26px 22px;background:none;border:0;text-align:left}.p-accordion-head>span{font:400 28px var(--serif)}.p-accordion-head small{font-size:12px;color:var(--muted)}.p-accordion-head b{margin-left:auto;font:24px Arial;color:var(--gold)}.p-accordion-head.on{background:#c2a3650a;color:var(--gold)}.p-project-accordion{padding:15px 30px 35px;border-top:1px solid var(--line)}.p-project-row{display:flex;align-items:center;gap:20px;background:none;border:0;border-bottom:1px solid var(--line);width:100%;padding:14px 10px;text-align:left;font-size:16px}.p-project-row img{width:85px;height:60px;object-fit:contain;background:#20201b}.p-project-row small{font:10px Arial;color:var(--muted)}.p-project-row b{margin-left:auto;font-size:20px;font-weight:400}.p-project-row.on{color:var(--gold)}.p-project-accordion .p-detail{margin:0;padding:25px 15px 45px;border:0}#previewLightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#080808f5;border:0;margin:0;padding:55px;color:white}#previewLightbox::backdrop{background:#000}#previewLightbox img{width:100%;height:100%;object-fit:contain}#previewClose{position:absolute;right:20px;top:10px;background:none;border:0;color:white;font:32px Arial}
@media(max-width:1000px){.preview-top{flex-wrap:wrap}.preview-tabs{order:3;width:100%}.preview-main{padding-top:40px}.p-directory{grid-template-columns:165px minmax(0,1fr);gap:25px}.p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-exhibition{grid-template-columns:215px minmax(0,1fr);gap:25px}.p-card img{height:180px}.p-exhibition>aside,.p-directory>aside{top:150px}}
@media(max-width:640px){.preview-top{padding:13px 5%;gap:12px}.preview-top>a{font-size:11px}.preview-top button{font-size:10px}.preview-tabs{gap:7px;overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.preview-tabs a{white-space:nowrap;font-size:10px;padding:8px}.preview-main{padding:30px 5% 70px}.preview-heading{margin-bottom:28px}.preview-heading h1{font-size:30px}.preview-heading p{font-size:13px}.p-cats{gap:5px 18px}.p-cats button{font-size:12px}.p-grid{gap:20px 12px}.p-card img{height:145px}.p-card h3{font:400 13px/1.8 var(--sans);margin:12px 8px 5px}.p-card>small{font-size:9px;margin-left:8px}.p-directory{display:block}.p-directory>aside{position:static}.p-directory .p-cats{flex-direction:row;gap:5px 12px}.p-directory .p-cats button{font-size:12px;padding:10px 6px}.p-current{font-size:22px}.p-current>span{font-size:11px}.p-inline-grid .p-detail{padding:22px 15px}.p-detail h2{font-size:23px}.p-detail>p{font-size:13px}.p-detail header>button,.p-pagination button{font-size:11px;padding:7px 9px}.p-media{gap:10px}.p-media .size-sm{grid-column:span 3}.p-exhibition{display:block}.p-exhibition>aside{position:static;margin-bottom:30px;max-height:250px;overflow:auto;border:1px solid var(--line);padding:15px}.p-index{font-size:13px;padding:13px 6px}.p-accordion-head{padding:23px 10px;gap:15px}.p-accordion-head>span{font-size:23px}.p-accordion-head small{font-size:10px}.p-project-accordion{padding:8px 5px 22px}.p-project-row{gap:12px;font-size:13px}.p-project-row img{width:60px;height:50px}.p-project-accordion .p-detail{padding:20px 8px 30px}.p-detail{margin-top:25px}#previewLightbox{padding:55px 15px}}
@media(prefers-reduced-motion:reduce){.p-card img{transition:none}}
/* A2: image-led category directory and a horizontal project reel */
.p-category-thumb{width:34px;height:34px;object-fit:cover;flex:none;filter:grayscale(.5);opacity:.7}.p-cats button.on .p-category-thumb{filter:none;opacity:1}body[data-layout=a] .p-cats button{display:flex;align-items:center;gap:10px;padding:12px 10px}body[data-layout=a] .p-cats button small{margin-left:auto}.p-reel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;font-size:12px;color:var(--muted)}.p-reel-head>div{display:flex;gap:8px}.p-reel-head button{width:35px;height:35px;border:1px solid #8c7545;color:var(--gold);background:none}.p-reel-head button:disabled{opacity:.25;cursor:default}.p-reel{display:flex;gap:16px;overflow-x:auto;padding-bottom:18px;scrollbar-color:var(--gold) #29291f;scrollbar-width:auto;overscroll-behavior-x:contain}.p-reel .p-card{flex:0 0 210px}.p-reel .p-card img{height:160px}.p-reel .p-card h3{font-size:15px}.p-reel::-webkit-scrollbar{height:8px}.p-reel::-webkit-scrollbar-thumb{background:#9c8451;border-radius:6px}.p-reel::-webkit-scrollbar-track{background:#29291f}body[data-layout=a] .p-directory>aside{padding:20px 10px;background:#1a1a16;border:1px solid var(--line)}body[data-layout=a] .p-directory-body>.p-detail{margin-top:30px;background:#191917;padding:28px;border:1px solid #4c4432}
/* C2: thumbnail index on a distinct panel, gallery on its own stage */
body[data-layout=c]>.preview-main>.preview-heading{margin-bottom:30px}body[data-layout=c] #previewRoot>.p-cats button{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#191917;border:1px solid var(--line)}body[data-layout=c] #previewRoot>.p-cats button.on{border-color:var(--gold)}body[data-layout=c] .p-cats small{margin-left:0}.p-exhibition{grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:start}.p-exhibition>aside{background:#20201a;border:1px solid #5b5138;border-top:3px solid var(--gold);padding:22px 15px 15px}.p-index-label{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;margin:0 5px 20px}.p-index-label b,.p-stage-label b{font:11px Arial;color:var(--gold)}.p-index-label>small{margin-left:auto;font-size:10px;color:var(--muted)}.p-index-scroll{max-height:calc(100svh - 230px);overflow-y:auto;scrollbar-color:#9c8451 #29291f;scrollbar-width:thin}.p-index{gap:12px;align-items:center;padding:13px 8px;font-size:13px}.p-index img{width:70px;height:62px;object-fit:contain;background:#12120f;flex:none}.p-index>span{min-width:0;line-height:1.7}.p-index>span small{display:block;margin-bottom:5px;font:9px Arial;color:#9c927e}.p-index.on{background:#c2a36516;box-shadow:inset 2px 0 var(--gold)}.p-index i{font-size:12px}.p-stage{min-width:0;border:1px solid #39382e;background:#161613;padding:28px 30px}.p-stage-label{display:flex;gap:12px;align-items:center;font-size:12px;color:#aaa79f;padding-bottom:21px;margin-bottom:25px;border-bottom:1px solid var(--line)}.p-stage .p-detail h2{font-size:29px}.p-stage .p-detail header small{font-size:11px}.p-stage .p-media{gap:16px}
@media(max-width:1000px){.p-exhibition{grid-template-columns:260px minmax(0,1fr);gap:20px}.p-stage{padding:22px 20px}.p-index img{width:52px;height:52px}.p-directory{grid-template-columns:190px minmax(0,1fr)}.p-index-label{font-size:12px}.p-index-scroll{max-height:calc(100svh - 270px)}}
@media(max-width:640px){body[data-layout=a] .p-directory>aside{padding:12px;margin-bottom:25px}body[data-layout=a] .p-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}body[data-layout=a] .p-cats button{font-size:11px;padding:8px;gap:7px}.p-category-thumb{width:28px;height:28px}body[data-layout=a] .p-cats small{font-size:9px}.p-reel-head{font-size:11px;align-items:flex-start}.p-reel-head>span{max-width:210px}.p-reel .p-card{flex-basis:175px}.p-reel .p-card img{height:140px}body[data-layout=a] .p-directory-body>.p-detail{padding:22px 16px}.p-exhibition{display:block}.p-exhibition>aside{position:static;max-height:none;overflow:visible;margin-bottom:24px;padding:18px 12px 12px}.p-index-scroll{max-height:250px}.p-index img{width:65px;height:55px}.p-stage{padding:22px 16px}.p-stage .p-detail h2{font-size:23px}body[data-layout=c] #previewRoot>.p-cats{gap:8px}body[data-layout=c] #previewRoot>.p-cats button{font-size:11px;gap:7px;padding:7px}.p-reel-head button{width:32px;height:32px}}
/* B3: illustrated category tiles with a horizontal cover-card reel */
body[data-layout=b] #previewRoot>.p-cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding-bottom:28px;margin-bottom:28px}body[data-layout=b] .p-cats button{display:flex;flex-direction:column;align-items:flex-start;padding:0 0 14px;gap:0;background:#1b1b17;border:1px solid var(--line);overflow:hidden;position:relative}body[data-layout=b] .p-cats .p-category-thumb{width:100%;height:108px;object-fit:cover;filter:grayscale(.5) brightness(.7);opacity:1;margin-bottom:13px;transition:filter .3s}body[data-layout=b] .p-cats button>span{font-size:12px;line-height:1.7;padding:0 12px}body[data-layout=b] .p-cats button>small{position:absolute;right:8px;top:8px;color:var(--gold);background:#111b;padding:4px 6px;font:10px Arial;margin:0}body[data-layout=b] .p-cats button.on{border-color:var(--gold);background:#c2a3650c}body[data-layout=b] .p-cats button:hover .p-category-thumb,body[data-layout=b] .p-cats button.on .p-category-thumb{filter:none}.p-b-projects{padding:24px;border:1px solid #494331;background:#191915}.p-b-reel .p-card{flex:0 0 255px;background:#22221c}.p-b-reel .p-card img{height:205px}.p-b-reel .p-card h3{font:400 17px/1.7 var(--serif);margin:16px 14px 8px}.p-b-reel .p-card>small{margin-left:14px}.p-b-reel{gap:20px;padding-bottom:22px}.p-b-detail>.p-detail{background:#171714;border:1px solid #494331;padding:32px;margin-top:30px}.p-b-detail>.p-detail>header{padding-bottom:12px}.p-b-detail .p-media{gap:22px}
@media(max-width:1000px){body[data-layout=b] #previewRoot>.p-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.p-b-reel .p-card{flex-basis:230px}.p-b-reel .p-card img{height:185px}}
@media(max-width:640px){body[data-layout=b] #previewRoot>.p-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-layout=b] .p-cats .p-category-thumb{height:95px;margin-bottom:10px}body[data-layout=b] .p-cats button>span{font-size:12px}.p-b-projects{padding:18px 14px}.p-b-reel .p-card{flex-basis:205px}.p-b-reel .p-card img{height:170px}.p-b-reel .p-card h3{font-size:15px;margin:13px 12px 7px}.p-b-detail>.p-detail{padding:23px 16px;margin-top:25px}.p-b-detail .p-media{gap:12px}}
/* A: two distinct directory panels on the left, full gallery on the right */
body[data-layout=a] .preview-main{max-width:1920px;padding-left:3%;padding-right:3%}.p-a-three{display:grid;grid-template-columns:200px 280px minmax(0,1fr);gap:22px;align-items:start}.p-a-categories,.p-a-projects{position:sticky;top:100px;border:1px solid #4d4634;background:#1b1b17;padding:20px 12px;min-height:590px}.p-a-categories{border-top:2px solid #8c7545}.p-a-projects{border-top:2px solid var(--gold);background:#202019}.p-a-panel-title{display:flex;align-items:center;gap:10px;padding:0 8px 18px;margin-bottom:16px;border-bottom:1px solid #484233}.p-a-panel-title b{font:10px Arial;color:var(--gold)}.p-a-panel-title strong{font-size:16px;font-weight:400}.p-a-panel-title>small{font:10px Arial;color:var(--muted);margin-left:auto}.p-a-categories .p-cats{display:flex;flex-direction:column;border:0;gap:4px;padding:0;margin:0}.p-a-categories .p-cats button{display:flex;align-items:center;gap:9px;border:0;border-left:2px solid transparent;background:none;padding:12px 7px;font-size:12px}.p-a-categories .p-cats button.on{border-left-color:var(--gold);background:#c2a36510}.p-a-categories .p-cats button>small{margin-left:auto;font-size:10px}.p-a-categories .p-category-thumb{width:32px;height:36px;object-fit:cover}.p-a-category-name{font-size:11px;color:var(--gold);padding:0 8px 14px}.p-a-project-scroll{max-height:calc(100svh - 265px);min-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a58a51 #29291f;overscroll-behavior-y:auto}.p-a-project{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #39372b;background:none;padding:13px 8px;text-align:left;color:var(--muted)}.p-a-project img{width:60px;height:58px;object-fit:contain;flex:none;background:#12120f}.p-a-project>span{font-size:12px;line-height:1.8;min-width:0}.p-a-project small{display:block;font:9px Arial;color:#9a8f76;margin-bottom:5px}.p-a-project i{font-style:normal;margin-left:auto;color:var(--gold);font-size:11px}.p-a-project.on{background:#c2a36514;color:var(--gold);box-shadow:inset 2px 0 var(--gold)}.p-a-scroll-note{font-size:10px;color:var(--muted);padding:14px 8px 0;margin:0}.p-a-gallery{min-width:0;padding:22px 26px;background:#171714;border:1px solid #39372b}.p-a-gallery>.p-detail{border:0;margin-top:0;padding-top:0}.p-a-gallery .p-detail h2{font-size:28px}.p-a-gallery>.p-a-panel-title{padding-left:0}.p-a-gallery .p-media img{max-height:720px}
@media(max-width:1200px){.p-a-three{grid-template-columns:170px 230px minmax(0,1fr);gap:16px}.p-a-project img{width:48px;height:50px}.p-a-gallery{padding:22px 18px}.p-a-project>span{font-size:11px}.p-a-categories .p-cats button{gap:7px;font-size:11px}}
@media(max-width:1000px){.p-a-three{grid-template-columns:1fr 1.4fr}.p-a-categories,.p-a-projects{position:static;min-height:0}.p-a-gallery{grid-column:1/-1}.p-a-project-scroll{height:385px;min-height:0;max-height:none}.p-a-categories .p-cats button{font-size:13px}.p-a-project>span{font-size:13px}.p-a-project img{width:65px;height:55px}}
@media(max-width:640px){body[data-layout=a] .preview-main{padding-left:5%;padding-right:5%}.p-a-three{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}.p-a-categories,.p-a-projects{padding:16px 8px}.p-a-panel-title{gap:7px;padding:0 3px 13px;margin-bottom:13px}.p-a-panel-title strong{font-size:14px}.p-a-categories .p-cats{display:flex!important;flex-direction:column}.p-a-categories .p-cats button{font-size:10px;padding:10px 4px;gap:6px;flex-wrap:wrap}.p-a-categories .p-category-thumb{width:26px;height:29px}.p-a-categories .p-cats button>small{font-size:8px}.p-a-project-scroll{height:405px}.p-a-project{padding:11px 4px;gap:7px;align-items:flex-start}.p-a-project img{width:38px;height:44px}.p-a-project>span{font-size:11px;line-height:1.7}.p-a-project small{font-size:8px}.p-a-project i{display:none}.p-a-category-name{font-size:10px;padding:0 3px 10px}.p-a-scroll-note{font-size:9px;padding-left:3px}.p-a-gallery{padding:22px 16px}.p-a-gallery .p-detail h2{font-size:23px}}
/* B: compact two-level selector stays above the project gallery */
.p-b-sticky{position:sticky;top:var(--preview-top-height,80px);z-index:30;background:rgba(17,17,16,.97);backdrop-filter:blur(12px);padding:12px 0 10px;border-bottom:1px solid #665637;box-shadow:0 12px 22px #0004}.p-b-sticky>.p-cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;border:0;padding:0;margin:0 0 12px}body[data-layout=b] .p-b-sticky .p-cats button{padding-bottom:8px}body[data-layout=b] .p-b-sticky .p-category-thumb{height:55px;margin-bottom:7px}body[data-layout=b] .p-b-sticky .p-cats button>span{font-size:11px;line-height:1.5;padding:0 8px}body[data-layout=b] .p-b-sticky .p-cats button>small{font-size:9px;top:5px;right:5px;padding:2px 4px}.p-b-sticky .p-b-projects{padding:12px 14px 8px}.p-b-sticky .p-reel-head{margin-bottom:8px;font-size:11px}.p-b-sticky .p-reel-head button{width:27px;height:27px}.p-b-sticky .p-b-reel{gap:12px;padding-bottom:10px}.p-b-sticky .p-b-reel .p-card{flex-basis:170px;padding-bottom:8px}.p-b-sticky .p-b-reel .p-card img{height:80px}.p-b-sticky .p-b-reel .p-card h3{font:400 12px/1.6 var(--sans);margin:8px 9px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-b-sticky .p-b-reel .p-card>small{font-size:9px;margin-left:9px}.p-b-sticky .p-card>div>span{bottom:7px;right:8px;font-size:11px}.p-b-detail{scroll-margin-top:390px}.p-b-detail>.p-detail{margin-top:25px}
@media(max-width:1000px){.p-b-sticky>.p-cats{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}body[data-layout=b] .p-b-sticky .p-category-thumb{height:45px}body[data-layout=b] .p-b-sticky .p-cats button>span{font-size:10px}.p-b-sticky .p-b-reel .p-card{flex-basis:150px}.p-b-sticky .p-b-reel .p-card img{height:65px}}
@media(max-width:640px){.p-b-sticky{padding-top:8px;padding-bottom:8px}.p-b-sticky>.p-cats{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;margin-bottom:8px;scrollbar-width:thin}.p-b-sticky>.p-cats button{flex:0 0 92px}body[data-layout=b] .p-b-sticky .p-category-thumb{height:35px;margin-bottom:5px}body[data-layout=b] .p-b-sticky .p-cats button>span{font-size:10px;white-space:nowrap;padding:0 6px}.p-b-sticky .p-b-projects{padding:8px 9px 5px}.p-b-sticky .p-reel-head{font-size:10px;align-items:center;margin-bottom:6px}.p-b-sticky .p-reel-head>span{max-width:230px}.p-b-sticky .p-reel-head button{width:25px;height:25px}.p-b-sticky .p-b-reel .p-card{flex-basis:125px}.p-b-sticky .p-b-reel .p-card img{height:48px}.p-b-sticky .p-b-reel .p-card h3{font-size:11px;margin-top:6px}.p-b-sticky .p-b-reel .p-card>small{font-size:8px}.p-b-sticky .p-b-reel{gap:8px;padding-bottom:7px}.p-b-sticky .p-card.on>div:after{border-left-width:6px;border-right-width:6px;border-bottom-width:6px}}
@media(max-height:600px) and (min-width:641px){body[data-layout=b] .p-b-sticky .p-category-thumb{height:30px}.p-b-sticky .p-b-reel .p-card img{height:40px}.p-b-sticky{padding-top:7px}.p-b-sticky>.p-cats{margin-bottom:7px}}
/* A: move directory panels toward the left edge and prioritize artwork space. */
@media(min-width:1001px){body[data-layout=a] .preview-main{max-width:none;padding-left:24px;padding-right:40px}.p-a-three{grid-template-columns:170px 230px minmax(0,1fr);gap:16px}.p-a-categories,.p-a-projects{padding-left:10px;padding-right:10px}.p-a-gallery{padding:26px 32px}.p-a-gallery .p-media img{max-height:850px}body[data-layout=a] .preview-heading{margin-left:432px}.p-a-project img{width:50px;height:54px}.p-a-project>span{font-size:12px}.p-a-categories .p-cats button{font-size:11px;gap:8px}.p-a-categories .p-category-thumb{width:28px;height:33px}}
@media(min-width:1600px){body[data-layout=a] .preview-main{padding-left:28px;padding-right:50px}.p-a-three{grid-template-columns:180px 245px minmax(0,1fr);gap:18px}body[data-layout=a] .preview-heading{margin-left:461px}}
@media(min-width:1001px) and (max-width:1200px){body[data-layout=a] .preview-main{padding-left:18px;padding-right:22px}.p-a-three{grid-template-columns:150px 205px minmax(0,1fr);gap:12px}.p-a-gallery{padding:22px 20px}body[data-layout=a] .preview-heading{margin-left:379px}.p-a-project>span{font-size:11px}.p-a-project img{width:42px;height:48px}}
/* C: persistent category selector, compact left index, generous gallery. */
body[data-layout=c] #previewRoot>.p-cats{position:sticky;top:var(--preview-top-height,80px);z-index:35;background:rgba(17,17,16,.97);backdrop-filter:blur(12px);padding:12px 0;margin-bottom:25px;border-bottom:1px solid #665637;box-shadow:0 10px 18px #0003;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}body[data-layout=c] #previewRoot>.p-cats button{flex:none;padding:7px 10px;white-space:nowrap}body[data-layout=c] #previewRoot>.p-cats .p-category-thumb{width:30px;height:30px}body[data-layout=c] .p-exhibition>aside{top:calc(var(--preview-top-height,80px) + 88px)}body[data-layout=c] .p-index-scroll{max-height:calc(100svh - var(--preview-top-height,80px) - 185px)}
@media(min-width:1001px){body[data-layout=c] .preview-main{max-width:none;padding-left:24px;padding-right:40px}body[data-layout=c] .p-exhibition{grid-template-columns:245px minmax(0,1fr);gap:24px}body[data-layout=c] .preview-heading{margin-left:269px}body[data-layout=c] .p-stage{padding:28px 32px}body[data-layout=c] .p-index img{width:55px;height:58px}body[data-layout=c] .p-index{font-size:12px;gap:10px}body[data-layout=c] .p-media img{max-height:850px}}
@media(min-width:1600px){body[data-layout=c] .preview-main{padding-left:28px;padding-right:50px}body[data-layout=c] .p-exhibition{grid-template-columns:260px minmax(0,1fr);gap:28px}body[data-layout=c] .preview-heading{margin-left:288px}}
@media(max-width:1000px) and (min-width:641px){body[data-layout=c] .p-exhibition{grid-template-columns:225px minmax(0,1fr);gap:20px}body[data-layout=c] .p-index img{width:50px;height:52px}}
@media(max-width:640px){body[data-layout=c] #previewRoot>.p-cats{padding:8px 0;gap:7px;margin-bottom:20px}body[data-layout=c] #previewRoot>.p-cats button{font-size:10px;padding:6px 8px;gap:7px}body[data-layout=c] #previewRoot>.p-cats .p-category-thumb{width:26px;height:26px}body[data-layout=c] .p-exhibition>aside{position:static}body[data-layout=c] .p-index-scroll{max-height:240px}body[data-layout=c] .p-exhibition{display:block}}
/* A: centered, bounded artwork gallery with breathing room on the right. */
@media(min-width:1001px){body[data-layout=a] .p-a-gallery{width:100%;max-width:1200px;justify-self:center;padding:26px 30px}body[data-layout=a] .p-a-gallery .p-detail{max-width:1120px;margin-left:auto;margin-right:auto}body[data-layout=a] .p-a-gallery .p-media{width:100%;margin-left:auto;margin-right:auto}body[data-layout=a] .p-a-gallery .p-media img,body[data-layout=a] .p-a-gallery .p-media video{max-height:780px}body[data-layout=a] .p-a-gallery .p-media video{object-fit:contain;background:#10100e}}
@media(min-width:1800px){body[data-layout=a] .p-a-gallery{max-width:1160px;margin-right:clamp(40px,5vw,150px)}}
/* A/C use the original site's 1,440px project-content width, never stretch to ultra-wide. */
@media(min-width:1001px){body[data-layout=a] .p-a-gallery,body[data-layout=c] .p-stage{width:100%;max-width:1504px;box-sizing:border-box;justify-self:center;margin-left:0;margin-right:0;padding-left:32px;padding-right:32px}body[data-layout=a] .p-a-gallery .p-detail,body[data-layout=c] .p-stage .p-detail{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}body[data-layout=a] .p-a-gallery .p-media,body[data-layout=c] .p-stage .p-media{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}body[data-layout=a] .p-a-gallery .p-media img,body[data-layout=c] .p-stage .p-media img{max-height:850px}body[data-layout=a] .p-a-gallery .p-media video,body[data-layout=c] .p-stage .p-media video{max-height:650px;object-fit:contain;background:#10100e}}
/* A/C outer frames follow the actual gallery bounds rather than filling the screen. */
@media(min-width:1001px){body[data-layout=a] .p-a-three{grid-template-columns:170px 230px minmax(0,1504px);justify-content:start;gap:16px}body[data-layout=a] .p-a-gallery{justify-self:start;width:100%;margin:0}body[data-layout=a] .preview-heading{margin-left:432px;max-width:1504px}body[data-layout=c] .p-exhibition{grid-template-columns:245px minmax(0,1504px);justify-content:start;gap:24px}body[data-layout=c] .p-stage{justify-self:start;width:100%;margin:0}body[data-layout=c] #previewRoot>.p-cats{max-width:1773px}body[data-layout=c] .preview-heading{margin-left:269px;max-width:1504px}}
@media(min-width:1600px){body[data-layout=a] .p-a-three{grid-template-columns:180px 245px minmax(0,1504px);gap:18px}body[data-layout=a] .preview-heading{margin-left:461px}body[data-layout=c] .p-exhibition{grid-template-columns:260px minmax(0,1504px);gap:28px}body[data-layout=c] .preview-heading{margin-left:288px}body[data-layout=c] #previewRoot>.p-cats{max-width:1792px}}
@media(min-width:1001px) and (max-width:1200px){body[data-layout=a] .p-a-three{grid-template-columns:150px 205px minmax(0,1504px);gap:12px}body[data-layout=a] .preview-heading{margin-left:379px}}