/* Studio 13: warm paper, charcoal type and one selected work at a time. */
:root{--ui-paper:#f4f1eb;--ui-ink:#2f342f;--ui-edge:#d8d6cc;--lime:#bdc7af;--ui-ease:cubic-bezier(.22,1,.36,1)}
#studio-shell>header{top:18px;left:28px;right:28px;height:68px;padding:0 22px;gap:24px;background:#f4f1ebf5!important;color:#30362f;border:1px solid #d8d6cb;border-radius:6px;box-shadow:0 5px 24px #1b25110b;backdrop-filter:none}
#studio-shell .wordmark{display:block;flex:none;width:148px;font-size:0;letter-spacing:0;line-height:0}
.wordmark img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
#studio-shell .header-title{font-size:11px!important;line-height:1.7;letter-spacing:0;color:#4f574c;font-weight:400}
#studio-shell .header-title small{font-size:10px;letter-spacing:0;color:#72766a}
#studio-shell .profile-link{font-size:12px;color:#51594d;min-height:44px;display:flex;align-items:center}
#studio-shell #music-toggle{color:#4d5848;border-color:transparent;padding:0 10px;font-size:12px;border-radius:4px}
#studio-shell #guide-open{background:#2f3d32;color:#f8f5ee;border:1px solid #2f3d32;border-radius:4px;padding:0 16px;min-height:44px;font-size:12px;gap:14px;box-shadow:none}
#guide-open svg{flex:none}
#studio-shell .intro{width:300px;max-width:300px;left:42px;bottom:145px}
#studio-shell .intro .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.6;margin-bottom:18px;color:#e8e5da}
#studio-shell .intro h1{font-size:clamp(44px,4.1vw,61px);line-height:1.02;font-weight:400;letter-spacing:-.035em;text-shadow:0 2px 18px #16211725}
#studio-shell .intro-description{font-size:13px!important;line-height:1.75;max-width:275px;color:#f4f0e7;margin:22px 0}
#studio-shell .intro .enter{width:205px;min-height:48px;background:#f4f1eb;color:#303c30;border:1px solid #dedbd0;border-radius:4px;box-shadow:none;font-size:12px;padding:0 16px}
#studio-shell .intro .enter>span{background:transparent;color:#65705a;width:24px;height:24px;border-radius:0}
#studio-shell .room-navigation{bottom:18px;left:28px;right:28px;height:58px;border:0;background:none!important;box-shadow:none!important;gap:16px}
#studio-shell .room-current small{font-size:9px;letter-spacing:.08em;color:#e0e0d5}
#studio-shell .room-current strong{font-family:'DM Sans',Arial,sans-serif;font-size:12px;color:#f5f0e5}
#studio-shell .room-tabs{padding:5px;gap:2px;border-radius:6px;border-color:#d7d5cb;background:#f4f1eb;box-shadow:0 8px 24px #1c261514}
#studio-shell .room-tabs>button{border:0!important;border-radius:3px;min-height:44px;font-size:12px!important;padding:0 23px;letter-spacing:0;gap:8px}
#studio-shell .room-tabs>button[aria-pressed=true]{color:#263c2c}
#studio-shell .room-tabs>button[aria-pressed=false]{color:#65705d}
#studio-shell .nav-selection{background:#dfe5d7;box-shadow:none;border-radius:3px;transition-duration:.4s}
#studio-shell .room-tabs small{font-size:9px!important;color:inherit}
#studio-shell #hint-toggle{min-height:44px;min-width:44px;border-radius:4px;box-shadow:none;background:#f4f1eb;color:#56624d}
.discovery-tip{font-size:10px!important;color:#e3e1d6!important;bottom:96px}
#studio-shell #detail:has(#project-picker){display:none!important}
#studio-shell .gallery-walk{top:106px;left:28px;width:310px!important;max-width:calc(100% - 56px);padding:5px;min-height:48px;border-radius:5px;background:#f4f1eb;border:1px solid #d4d3c9;box-shadow:none}
#gallery-back,#gallery-forward{display:none}
#studio-shell #gallery-section{min-height:40px;padding:0 12px;font-size:12px!important;color:#36412f;letter-spacing:.01em}
#studio-shell #all-projects{font-size:12px;min-width:68px;min-height:40px;border-left:1px solid #d8d6cb;padding:0 12px;color:#55604a}
.project-focus #exhibit-card:not([hidden]){display:block!important}
#studio-shell #exhibit-card{top:49%;right:clamp(28px,4vw,68px);bottom:auto;left:auto;transform:translateY(-50%);width:320px;max-height:calc(100svh - 250px);overflow:auto;padding:28px!important;border:1px solid #d8d5ca!important;border-radius:5px;background:#f4f1eb!important;color:#30382f;box-shadow:0 12px 38px #1d291411!important;animation:none!important;transition:opacity .35s var(--ui-ease)}
#studio-shell .exhibit-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
#studio-shell #exhibit-category{font-size:10px!important;letter-spacing:.03em;color:#69725f;line-height:1.6}
#exhibit-count{flex:none;color:#747a6b;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.6}
#studio-shell #exhibit-title{font-size:38px;line-height:1.12;letter-spacing:-.03em;margin:22px 0 12px;overflow-wrap:break-word}
#studio-shell #exhibit-role{display:block;font-size:11px!important;color:#64715c;line-height:1.65}
#studio-shell #exhibit-story{font-size:13px!important;color:#59624f!important;line-height:1.8;margin:20px 0 22px}
#studio-shell .exhibit-actions{display:flex;align-items:center;gap:14px;border-top:1px solid #d1d3c6;padding-top:15px;margin-top:23px}
.exhibit-paging{display:flex;align-items:center;gap:4px}
#studio-shell #exhibit-card .exhibit-paging button{display:grid;place-items:center;min-width:40px;min-height:44px;width:40px;padding:0;border:1px solid #d3d6c8;border-radius:3px;font-size:21px!important;float:none;max-width:none;color:#4e5b43}
#studio-shell #exhibit-open{float:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;max-width:none;width:auto;flex:1;padding:0;border:0;margin:0;font-size:12px!important;color:#36482d;line-height:1.45}
#studio-shell #exhibit-open b{font-size:20px;font-weight:400}
.is-travelling #exhibit-card{opacity:.5}
#studio-shell .room-contact{border-radius:4px;box-shadow:none}
#studio-guide{border-radius:6px;background:#f4f1eb;color:#303a2e}
#studio-guide .guide-primary button{border-radius:4px;background:#eeeee5!important;border-color:#d5d8c9!important;color:#3a4833!important}
#studio-guide .guide-primary #panda-tour{background:#37452f!important;color:#f5f2e9!important;border-color:#37452f!important}
#studio-guide #scene-controls button{border-radius:4px;background:transparent;color:#526046;border-color:#d4d9c7}
#studio-guide #scene-controls button[aria-pressed=true]{background:#e2e7d8;color:#2f4426}
#studio-guide h2{font-size:42px}#studio-guide h3{font-size:11px;letter-spacing:.06em}
.viewer-top,.viewer-bottom{background:#f4f1eb}.viewer-stage{background:#dddcd4}.viewer-stage img{box-shadow:0 10px 32px #16241415}
.viewer #viewer-title{letter-spacing:-.03em;font-size:36px}.viewer .viewer-link{border-radius:4px;background:#36462f;box-shadow:none}
#viewer-thumbnails{scrollbar-width:thin}
#panda-chat,.contact-dialog,#balance-panel,#signature-story,#project-index,.record-player{border-radius:6px!important}
#panda-chat,.contact-dialog,#signature-story{background:#f4f1eb!important;color:#34402e}
.contact-dialog input,.contact-dialog textarea,#panda-input{background:#fcfaf5;border-color:#c9d1bf;box-shadow:none;border-radius:4px}
.panda-message{border-radius:5px!important}.panda-message.assistant{background:#e7ebdf}
@media(hover:hover) and (pointer:fine){
 #studio-shell button:hover{transform:none!important;box-shadow:none!important}
 #studio-shell .intro .enter:hover{background:#e9eddf;border-color:#acb99b}
 #studio-shell .intro .enter:hover>span{background:none;transform:translate(2px,-2px)}
 #studio-shell #guide-open:hover{background:#45573c;border-color:#45573c}
 #studio-shell #exhibit-card .exhibit-paging button:not(:disabled):hover{background:#e0e7d6;border-color:#acb99b}
 #studio-shell #exhibit-open:hover{color:#728359}
}
@media(max-width:1100px) and (min-width:761px){#studio-shell #exhibit-card{width:275px;padding:22px!important;right:25px}#studio-shell #exhibit-title{font-size:32px}.header-title{display:none!important}#studio-shell .intro{left:32px;max-width:240px}}
@media(max-width:760px){
 #studio-shell>header{top:12px;left:14px;right:14px;height:58px;padding:0 12px;gap:10px;border-radius:5px}
 #studio-shell .wordmark{width:118px}#studio-shell .header-title,#studio-shell .profile-link{display:none!important}
 #studio-shell #music-toggle{min-width:40px;padding:0 8px}#studio-shell #guide-open{font-size:11px;gap:10px;padding:0 10px;min-height:40px}
 #studio-shell .intro{left:24px;bottom:122px;max-width:220px;width:220px}
 #studio-shell .intro h1{font-size:42px!important}#studio-shell .intro .eyebrow{font-size:8px;margin-bottom:12px}
 #studio-shell .intro .intro-description{display:none}#studio-shell .intro .enter{width:179px;font-size:12px;margin-top:21px}
 #studio-shell .room-navigation{bottom:max(14px,env(safe-area-inset-bottom));left:14px;right:14px;height:54px;gap:8px}
 #studio-shell .room-tabs{padding:4px;flex:1;justify-content:space-between}#studio-shell .room-tabs>button{padding:0 10px;font-size:11px!important;flex:1;white-space:nowrap}
 #studio-shell .room-current{display:none}#studio-shell #hint-toggle{width:42px;min-width:42px}
 #studio-shell .gallery-walk{top:82px;left:14px;width:calc(100% - 28px)!important;max-width:none;height:46px;padding:3px}
 #studio-shell #gallery-section{font-size:11px!important}#studio-shell #all-projects{font-size:11px;min-width:64px}
 #studio-shell #exhibit-card{top:auto;bottom:86px;left:18px;right:18px;transform:none;width:auto;max-height:34svh;padding:19px 20px!important;overflow:auto}
 #studio-shell #exhibit-title{font-size:28px;margin:10px 0 6px;display:block}
 #studio-shell #exhibit-role{font-size:11px!important}#studio-shell #exhibit-story{display:none}
 #studio-shell .exhibit-actions{padding-top:10px;margin-top:13px;gap:12px}
 #studio-shell #exhibit-open{font-size:12px!important}#studio-shell #exhibit-card .exhibit-paging button{min-width:40px;width:40px}
 #studio-shell .record-player{bottom:88px}.gallery-mode .record-player{bottom:88px;z-index:18}
 #studio-guide{padding:23px;max-height:calc(100dvh - 28px)}#studio-guide #guide-title{font-size:36px}
 .viewer #viewer-title{font-size:30px}.viewer #viewer-copy{font-size:13px}.viewer #viewer-credits dd{font-size:12px}
 #viewer .viewer-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 44px;gap:8px;padding:12px}
 .viewer-stage figure{grid-column:1;grid-row:1}
 #viewer-prev{grid-column:1;grid-row:2;justify-self:start}
 #viewer-next{grid-column:1;grid-row:2;justify-self:end}
}
@media(max-width:350px){#studio-shell .wordmark{width:106px}#studio-shell>header{gap:6px;padding:0 10px}#studio-shell #guide-open{font-size:10px;gap:6px;padding:0 8px}#studio-shell .room-tabs>button{font-size:10px!important;padding:0 5px}#studio-shell #exhibit-card{left:14px;right:14px;padding:15px!important}#studio-shell #exhibit-title{font-size:26px}#studio-shell #exhibit-category{font-size:9px!important}#studio-shell #exhibit-open{font-size:11px!important}}
@media(max-height:540px) and (min-width:761px){
 #studio-shell>header{top:10px;height:52px;padding:0 15px}#studio-shell .wordmark{width:125px}
 #studio-shell .gallery-walk{top:74px;width:265px!important}
 #studio-shell #exhibit-card{top:51%;right:24px;width:244px;max-height:calc(100svh - 156px);padding:18px!important}
 #studio-shell #exhibit-title{font-size:27px;margin:10px 0 6px}#studio-shell #exhibit-story{display:none}#studio-shell .exhibit-actions{margin-top:12px;padding-top:10px;gap:8px}
 #studio-shell .room-navigation{bottom:10px;height:50px}#studio-shell .room-tabs>button{min-height:40px}
 #studio-shell .intro{bottom:89px;max-width:215px}#studio-shell .intro h1{font-size:35px!important}#studio-shell .intro .eyebrow{display:none}#studio-shell .intro .enter{min-height:42px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){#studio-shell button,#exhibit-card,.nav-selection{transition:none!important;animation:none!important}.is-travelling #exhibit-card{opacity:1}}