.showcase-page{background:#faf9f6;color:#322d28;--brown:#322d28}
.showcase-page *{box-sizing:border-box}
.showcase-page .page-mast{min-height:120px;padding:30px 4%;gap:45px;align-items:flex-start}
.showcase-page .page-mast img{width:135px}
.showcase-page .page-mast nav{display:flex;gap:24px;padding-top:5px;font:11px/1.5 Inter}
.showcase-page .page-mast nav a{padding-bottom:5px}
.showcase-page .page-mast nav a[aria-current=page]{border-bottom:1px solid}
.showroom{max-width:1680px;margin:auto;padding:0 4%}
.showroom button{font:inherit;color:inherit;cursor:pointer}
.showroom button:focus-visible,.showroom a:focus-visible,.image-dialog button:focus-visible{outline:2px solid #765795;outline-offset:4px}
.eyebrow{font:9px/1.5 Plex;letter-spacing:1px;text-transform:uppercase}
.showroom-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:70px;padding:0 0 32px}
.showroom-intro h1{font:500 clamp(48px,6vw,88px)/.93 Inter;letter-spacing:-.065em;margin:14px 0 0}
.showroom-intro h1 br{display:none}
.showroom-intro h1 em{font:italic 1.1em/.9 Garamond;letter-spacing:-.055em;white-space:nowrap}
.intro-note{max-width:310px;justify-self:end}
.intro-note>p{font:13px/1.7 Inter;margin-bottom:17px}
.intro-note>span{display:flex;justify-content:space-between;align-items:center;font:8px Plex;letter-spacing:.5px;border-top:1px solid #cfc9c2;padding-top:12px}
.intro-note b{font:25px Inter}
.collection-tabs{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #b4aaa0;padding:18px 0 0}
.collection-tabs button{border:1px solid #cfc9c2;background:transparent;border-radius:30px;padding:12px 19px;display:flex;gap:12px;align-items:center;font:13px Inter;transition:background .2s,color .2s}
.collection-tabs button>span{font:8px Plex;color:#8b7d70}
.collection-tabs button[aria-current=true]{background:#332d28;color:#fff;border-color:#332d28}
.collection-tabs button[aria-current=true]>span{color:#dfcfc0}
.collection-tabs button:hover{background:#e9e4de;color:#332d28}
.collection-tabs button[aria-current=true]:hover{background:#332d28;color:#fff}
.collection-heading{display:flex;justify-content:space-between;gap:20px;padding:14px 0 20px}
.collection-heading p{font:12px/1.6 Inter;max-width:800px}
.collection-heading>span{font:9px Plex;white-space:nowrap;padding-top:3px;color:#77695d}
.module-index{position:relative;border-bottom:1px solid #b4aaa0;margin-bottom:28px}
.module-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#c5b9ad transparent}
.module-tile{flex:0 0 190px;min-width:0;text-align:left;border:0;background:none;padding:0 0 12px;border-bottom:2px solid transparent;scroll-snap-align:start}
.module-tile[aria-selected=true]{border-color:#332d28}
.module-thumbnail{height:95px;background:#efede9;display:flex;align-items:center;justify-content:center;padding:9px;overflow:hidden;transition:background .2s}
.module-thumbnail img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 2px 5px #332d2815;transition:transform .25s}
.module-tile:hover .module-thumbnail img{transform:translateY(-2px)}
.module-tile:hover .module-thumbnail{background:#e5e0d9}
.module-thumbnail.text-thumbnail{font:italic 29px/.95 Garamond;letter-spacing:-.8px;position:relative;text-align:center;padding:15px}
.text-thumbnail::before{content:'R';position:absolute;left:9px;top:8px;font:10px Garamond;color:#b9afa4}
.module-tile-label{display:flex;justify-content:space-between;gap:9px;font:12px/1.2 Inter;padding-top:10px}
.module-tile-label b{font:16px Inter}
.module-tile small{font:7px/1.5 Plex;color:#7c6c5e;display:block;margin-top:4px}
.rail-controls{position:absolute;right:0;top:-44px;display:flex;gap:4px;background:#faf9f6;padding-left:8px}
.rail-controls button{border:1px solid #c9c1b8;border-radius:50%;width:28px;height:28px;background:#faf9f6;font:16px Inter}
.rail-controls button:disabled{opacity:.25;cursor:default}
.exhibit{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.65fr);gap:5%;align-items:start;scroll-margin-top:130px}
.exhibit:focus{outline:none}
.exhibit-copy{padding-top:9px}
.exhibit-copy h2{font:500 clamp(30px,3.2vw,49px)/.98 Inter;letter-spacing:-.055em;margin:18px 0}
.module-lead{font:italic 28px/1.05 Garamond;letter-spacing:-.5px;margin:18px 0}
.module-description{font:12px/1.8 Inter;margin-bottom:22px;max-width:370px}
.module-detail{border-block:1px solid #d7cfc7}
.module-detail summary{list-style:none;display:flex;justify-content:space-between;font:12px Inter;cursor:pointer;padding:14px 0}
.module-detail summary::-webkit-details-marker{display:none}
.module-detail summary span{transition:transform .2s}.module-detail[open] summary span{transform:rotate(45deg)}
.module-facts{font:11px/1.75 Inter;padding:0 0 10px 17px}.module-facts li{margin-bottom:9px}
.module-note{font:10px/1.7 Inter;color:#6f6054;padding-bottom:14px}.module-note:empty{display:none}
.module-deliverables{margin-top:24px}.module-deliverables>.eyebrow{color:#7c6c5e;margin-bottom:10px}
.delivery-links button{background:transparent;border:0;border-bottom:1px solid #dfd8d0;padding:10px 0;display:flex;justify-content:space-between;gap:14px;text-align:left;width:100%;font:11px/1.5 Inter}
.delivery-links small{font:7px/1.7 Plex;color:#847669;text-align:right;white-space:nowrap}
.module-external{display:block;padding:14px 0;font:12px Inter;text-decoration:underline;text-underline-offset:4px}
[hidden]{display:none!important}
.exhibit-media{min-width:0;background:#f0eeea;border:1px solid #e5dfd8}
.format-tabs{display:flex;background:#fff;border-bottom:1px solid #e2dcd5;padding:0 15px;gap:20px}
.format-tabs button{padding:16px 0 12px;background:none;border:0;border-bottom:2px solid transparent;display:flex;gap:9px;align-items:center;font:12px Inter;min-height:53px}
.format-tabs button[aria-selected=true]{border-color:#332d28}
.format-tabs small{font:7px Plex;color:#89786a}
.asset-picker{display:flex;gap:5px;flex-wrap:wrap;padding:12px 15px 0}
.asset-picker:empty{display:none}
.asset-picker button{border:1px solid #d6cec4;background:transparent;border-radius:3px;padding:8px 10px;font:10px/1.4 Inter}
.asset-picker button[aria-pressed=true]{background:#fff;border-color:#8d7a67}
.image-tools{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;gap:12px}
.image-tools button{font:10px Inter;border:0;background:transparent;color:#6f6054;cursor:pointer;padding:6px 0}
.image-tools button[data-fit]{border-bottom:1px solid #b3a18e}
.zoom-tools{display:flex;gap:12px;align-items:center}.zoom-tools button{font:19px Inter;min-width:30px;min-height:30px;border:1px solid #d0c6ba;background:#faf9f6}
.zoom-tools output{font:8px Plex;min-width:55px;text-align:center;color:#776453}
.zoom-tools button:disabled{opacity:.3;cursor:default}
.image-viewport{height:clamp(370px,55vh,620px);width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a89a8b #f0eeea;touch-action:pan-x pan-y}
.image-viewport:focus-visible{outline:2px solid #8d729b;outline-offset:-3px}
.image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%}
.image-canvas img{display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;box-shadow:0 3px 14px #332d2815}
.image-viewport[data-zoomed=true]{cursor:grab}.image-viewport[data-dragging=true]{cursor:grabbing}
.image-instruction{font:9px/1.5 Inter;color:#75685b;padding:10px 15px 14px}
.image-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fff;padding:15px;border-top:1px solid #e2dcd5}
.evidence-caption{font:9px/1.65 Inter;color:#7b6c5e;max-width:520px}
.image-footer .open-image{background:#332d28;border:0;color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:10px Inter;white-space:nowrap;min-height:42px}
.open-image span{font-size:18px}
.document-description{font:12px/1.7 Inter;padding:18px 16px 0;max-width:620px}
.evidence-pending{min-height:400px;padding:55px 35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.pending-format{font:9px Plex;color:#927e6a;border:1px solid #bcae9f;padding:9px 12px;margin-bottom:25px}
.evidence-pending h3{font:italic 38px/1 Garamond;max-width:390px;margin-bottom:20px}
.evidence-pending>p{font:12px/1.8 Inter;max-width:430px;color:#776453}
.back-to-available{border:0;background:none;text-decoration:underline;text-underline-offset:5px;padding:18px 0;font:12px Inter;margin-top:10px}
.continue-row{display:flex;justify-content:space-between;align-items:center;gap:30px;border-block:1px solid #c7bcb0;padding:20px 0;margin:32px 0 0}
.continue-row>.eyebrow{color:#8b7967}
.next-module{border:0;background:none;display:flex;gap:35px;align-items:center;justify-content:space-between;font:italic 28px Garamond!important;min-width:260px;text-align:left}
.next-module b{font:30px Inter;transition:transform .2s}.next-module:hover b{transform:translateX(5px)}
.showroom-close{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px 0}
.showroom-close p{font:18px/1.3 Inter;letter-spacing:-.5px}.showroom-close em{font:italic 25px Garamond}
.showroom-close a{font:12px Inter;border-bottom:1px solid;padding-bottom:8px}
.image-dialog{width:96vw;max-width:1800px;max-height:95svh;height:95svh;border:0;padding:20px;margin:auto;background:#f5f3ef;color:#332d28;overflow:hidden}
.image-dialog::backdrop{background:#211b17e6}
.image-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 12px;border-bottom:1px solid #d1c6ba}
.image-dialog h2{font:20px Inter;margin-top:4px}.close-image{border:1px solid #ab9b8a;padding:12px 18px;background:none;font:12px Inter;color:inherit;cursor:pointer}
.image-dialog .image-viewport{height:calc(95svh - 200px)}
.image-dialog .dialog-caption{font:10px/1.6 Inter;padding-top:8px;color:#776453}
@media(min-width:1550px){.module-tile{flex-basis:210px}.module-thumbnail{height:110px}}
@media(max-width:1000px){.showroom-intro{gap:30px;grid-template-columns:1.3fr 1fr}.showroom-intro h1 br{display:block}.showroom-intro h1{font-size:66px}.exhibit{grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:25px}.format-tabs{gap:12px}.format-tabs button{font-size:10px;display:block}.format-tabs small{display:block;margin-top:4px}.image-footer{display:block}.image-footer .open-image{margin-top:12px;width:100%}.module-tile{flex-basis:165px}.module-description{font-size:11px}.module-lead{font-size:25px}}
@media(max-width:650px){.showcase-page .page-mast{min-height:130px;padding:27px 20px;display:block}.showcase-page .page-mast img{width:76px}.showcase-page .page-mast nav{padding-top:21px;font-size:10px;gap:17px}.showroom{padding:0 20px}.showroom-intro{display:block;padding-bottom:23px}.showroom-intro h1{font-size:51px;letter-spacing:-2.6px;margin-top:12px}.showroom-intro h1 br{display:none}.intro-note{max-width:330px;margin:18px 0 0}.intro-note>p{font-size:12px;margin:0}.intro-note>span{display:none}.eyebrow{font-size:7px;letter-spacing:.6px}.collection-tabs{gap:6px;flex-wrap:nowrap;overflow:auto;padding-top:14px;scrollbar-width:thin;padding-bottom:6px}.collection-tabs button{font-size:11px;padding:10px 13px;white-space:nowrap;gap:6px;flex-shrink:0}.collection-tabs button>span{font-size:7px}.collection-heading{padding:12px 0 19px}.collection-heading p{font-size:10px;max-width:80%}.collection-heading>span{display:none}.rail-controls{top:-30px}.rail-controls button{width:26px;height:26px;font-size:14px}.module-tile{flex-basis:140px}.module-thumbnail{height:78px}.module-tile-label{font-size:11px}.module-tile small{font-size:6px}.module-rail{gap:12px;padding-bottom:12px}.module-index{margin-bottom:20px}.exhibit{display:flex;flex-direction:column;gap:20px}.exhibit-copy{width:100%;display:contents}.exhibit-copy>.eyebrow{order:0;margin:0}.exhibit-copy h2{order:1;font-size:36px;margin:-8px 0 -10px;letter-spacing:-1.6px}.module-lead{order:2;font-size:25px;margin:0}.module-description{order:3;font-size:12px;line-height:1.7;margin:-7px 0 0;max-width:none}.exhibit-media{order:4;width:100%}.module-detail{order:5;width:100%}.module-deliverables{order:6;width:100%;margin:0}.module-external{order:7;margin:0}.format-tabs{gap:0;justify-content:space-between;padding:0 10px}.format-tabs button{font-size:11px;padding:12px 3px;min-height:55px}.format-tabs small{font-size:6px}.asset-picker{padding:10px 10px 0;gap:4px}.asset-picker button{font-size:9px;padding:7px 8px}.image-tools{padding:8px 10px}.image-tools button[data-fit]{font-size:9px}.zoom-tools{gap:7px}.zoom-tools output{font-size:7px;min-width:43px}.image-viewport{height:440px;max-height:65svh}.image-footer{padding:12px}.evidence-caption{font-size:9px}.image-instruction{font-size:8px;padding:8px 10px 12px}.module-facts{font-size:12px}.evidence-pending{padding:32px 22px;min-height:330px}.evidence-pending h3{font-size:32px}.evidence-pending>p{font-size:12px}.document-description{font-size:11px}.continue-row{display:block;margin-top:25px;padding:17px 0}.next-module{width:100%;margin-top:12px;font-size:25px!important;gap:15px}.showroom-close{display:block;padding:28px 0}.showroom-close p{font-size:16px}.showroom-close a{display:inline-block;margin-top:20px;font-size:11px}.image-dialog{width:100vw;height:100svh;max-height:100svh;padding:12px}.image-dialog h2{font-size:15px}.image-dialog .image-viewport{height:calc(100svh - 220px);max-height:none}.close-image{padding:11px;font-size:11px}.image-dialog .dialog-caption{font-size:9px}.image-dialog .image-tools{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.showcase-page *{transition:none!important;scroll-behavior:auto!important}}

/* Project index: generous evidence compositions, one focused case on opening. */
.showroom-intro h1 br{display:block}
.showroom-intro h1{font-size:clamp(52px,5.6vw,80px)}
.collection-heading{padding-bottom:27px}
.module-index{border:0;margin-bottom:0}
.module-rail{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px;overflow:visible;padding:0;scroll-snap-type:none}
.module-tile{width:100%;padding:0 0 18px;border:0;border-bottom:1px solid #cfc6bc;text-align:left}
.module-thumbnail{height:clamp(260px,28vw,420px);padding:26px;gap:20px;background:#efede8}
.module-thumbnail img{max-width:100%;max-height:100%;flex-shrink:1;min-width:0;object-fit:contain}
.module-thumbnail.screen-pair img{max-width:48%}
.module-thumbnail.device-pair img:first-child{max-width:72%}
.module-thumbnail.device-pair .companion-image{max-width:22%}
.module-thumbnail.text-thumbnail{font-size:clamp(36px,4vw,60px);padding:40px}
.text-thumbnail::before{font-size:16px;top:20px;left:24px}
.module-tile-label{font-size:22px;letter-spacing:-.5px;padding-top:16px;align-items:center}
.module-tile-label b{font-size:22px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9aa9a;border-radius:50%;transition:background .2s,color .2s}
.module-tile:hover .module-tile-label b{background:#332d28;color:#faf9f6}
.module-tile small{font-size:8px;margin-top:8px;letter-spacing:.4px}
.rail-controls{display:none}
.project-dialog{width:96vw;max-width:1600px;height:94svh;max-height:94svh;border:0;margin:auto;padding:0 28px 25px;background:#faf9f6;color:#332d28;overflow:auto;overscroll-behavior:contain}
.project-dialog::backdrop{background:#211b17d9;backdrop-filter:blur(4px)}
.project-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;position:sticky;top:0;z-index:3;background:#faf9f6;border-bottom:1px solid #c9bfb4}
.project-header button{font:11px Inter;background:none;border:0;padding:10px 0;color:inherit;cursor:pointer}
.project-location{font:9px Plex;color:#867563}
.project-dialog .exhibit{padding-top:24px;gap:4%;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr)}
.project-dialog .image-viewport{height:clamp(310px,48vh,570px)}
.project-dialog .continue-row{margin-top:25px}
.project-dialog button:focus-visible{outline:2px solid #765795;outline-offset:3px}
.project-dialog .image-tools button,.project-dialog .format-tabs button,.project-dialog .asset-picker button,.project-dialog .delivery-links button{cursor:pointer}
.project-dialog .module-description{max-width:400px}
@media(max-width:900px){.project-dialog{padding-inline:20px}.project-dialog .exhibit{grid-template-columns:220px minmax(0,1fr);gap:20px}.project-location{font-size:8px}.module-thumbnail{gap:12px;padding:18px}.module-tile-label{font-size:19px}}
@media(max-width:650px){.module-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:18px;scrollbar-width:thin}.module-tile{flex:0 0 94%;scroll-snap-align:start}.module-thumbnail{height:300px;max-height:45svh;padding:18px;gap:12px}.module-tile-label{font-size:22px}.module-tile small{font-size:7px}.module-thumbnail.text-thumbnail{font-size:42px}.rail-controls{display:flex;position:static;justify-content:flex-end;padding:10px 0 0;gap:8px;background:none}.rail-controls button{width:38px;height:38px}.showroom-intro h1{font-size:54px}.showroom-intro h1 br{display:block}.collection-heading p{max-width:100%}.project-dialog{width:100vw;max-width:none;height:100svh;max-height:100svh;padding:0 16px 20px}.project-header{padding:10px 0;gap:12px;flex-wrap:wrap}.project-location{order:3;width:100%;font-size:8px}.project-header button{font-size:11px;min-height:38px}.project-dialog .exhibit{display:flex;padding-top:22px;gap:18px}.project-dialog .image-viewport{height:410px;max-height:60svh}.project-dialog .module-description{max-width:none}.project-dialog .exhibit-copy h2{font-size:34px}.project-dialog .continue-row{margin-top:22px}}
@media(max-width:650px){.showcase-page .page-mast{min-height:155px}.showcase-page .page-mast nav{padding-top:60px}.zoom-tools button{min-width:38px;min-height:38px}.collection-tabs button[aria-current=true]{color:#fff;background:#332d28}}