/* These experiments only affect desktop. The approved mobile page stays intact. */
.desktop-study-switcher,.study-grouped,.study-index,.study-depth{display:none}
@media(min-width:1024px){
 body.gallery-curated-page .desktop-study-switcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;scroll-margin-top:96px;color:#8395ae}
 .desktop-study-options{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #ffffffb8;border-radius:26px;background:#ffffff38;box-shadow:inset 0 1px 2px #fff9}
 .desktop-study-options button{appearance:none;border:0;border-radius:22px;background:transparent;padding:10px 16px;font:inherit;font-size:11px;color:#7489a7;cursor:pointer;line-height:1.4;white-space:nowrap}
 .desktop-study-options button[aria-pressed="true"]{background:linear-gradient(120deg,#eff8fff0,#f9e9f4ec);color:#35577c;box-shadow:inset 0 1px 2px #fff,0 3px 8px #7e97b51c}
 .desktop-study-options button:focus-visible{outline:2px solid #789bc3;outline-offset:3px}
 .desktop-study-note{margin:0;font-size:9px;letter-spacing:.025em}
 body.gallery-curated-page:is([data-desktop-layout="grouped"],[data-desktop-layout="index"],[data-desktop-layout="depth"]) .curated-overview{display:none}
 body.gallery-curated-page[data-study-focus="true"]:is([data-desktop-layout="grouped"],[data-desktop-layout="depth"]) .desktop-study-switcher{display:none}
 body.gallery-curated-page[data-study-focus="true"]:is([data-desktop-layout="grouped"],[data-desktop-layout="depth"]) .curated-preview-label{display:none}
 .depth-notice{position:absolute;z-index:8;inset:0;display:grid;place-items:center;pointer-events:none}
 .depth-controls .reader-arrow svg{fill:url(#coffee-exhibit-arrow)}
 body.gallery-curated-page[data-desktop-layout="index"] .study-index{display:grid;grid-template-columns:minmax(0,2.55fr) minmax(240px,1fr);align-items:start;gap:34px;position:relative}
 body.gallery-curated-page[data-desktop-layout="index"] .curated-intro{margin-bottom:16px}
 body.gallery-curated-page[data-desktop-layout="index"] .curated-guide>img{width:50px;height:60px}
 .study-main{position:sticky;top:104px;min-width:0}
 .study-main-stage{position:relative}
 .study-main-open{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(330px,calc(100vh - 330px),620px);margin:0;padding:8px;border:0;background:none;cursor:zoom-in;min-width:0;box-sizing:border-box}
 .study-main-open img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 16px 28px #344b7024;user-select:none;-webkit-user-drag:none}
 .study-main-open:focus-visible{outline:2px solid #779bc4;outline-offset:3px}
 .study-main-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px 0 12px}
 .study-main-controls .reader-arrow{width:40px;height:40px;border-radius:14px}
 .study-main-controls .reader-arrow svg{width:22px;height:22px;fill:url(#coffee-exhibit-arrow)}
 .study-active-count{display:flex;align-items:baseline;justify-content:center;gap:12px;min-width:116px;padding:10px 18px;border:1px solid #ffffffc4;border-radius:28px;background:linear-gradient(120deg,#edf8ffb8,#f5e7f2b8);box-shadow:inset 0 1px 2px #fff,0 5px 16px #7897b51b;font-size:11px;color:#91a0b5;font-variant-numeric:tabular-nums}
 .study-active-count::before{content:'✦';font-size:13px;color:#ba93b1}
 .study-active-count strong{color:#3d5c80;font-size:15px;font-weight:600}
 .study-main-hint{text-align:center;font-size:10px;line-height:1.7;margin:0;color:#8295ae;letter-spacing:.02em}
 .study-index-rail{min-width:0;position:relative;border:0;padding-left:10px}
 .study-index-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 16px;color:#6983a1;font-size:12px;font-weight:450;line-height:1.5}
 .study-index-heading small{font-size:8px;font-weight:400;letter-spacing:.09em;color:#93a3b9}
 .study-index-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .study-index-thumb{appearance:none;display:grid;grid-template-columns:20px 54px minmax(0,1fr) 6px;align-items:center;column-gap:12px;min-width:0;min-height:44px;margin:0;padding:6px 10px;border:0;border-radius:10px;background:transparent;font:inherit;color:#7b8fa9;cursor:pointer;text-align:left;box-shadow:none;transition:background .18s,color .18s}
 .study-thumb-image{display:flex;align-items:center;justify-content:center;width:54px;height:32px}
 .study-thumb-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
 .study-thumb-number{display:block;margin:0;padding:0;font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:.05em}
 .study-thumb-title{min-width:0;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.015em;white-space:nowrap}
 .study-thumb-status{width:5px;height:5px;border-radius:50%;background:#799cc8;visibility:hidden}
 .study-index-thumb[aria-pressed="true"]{background:linear-gradient(110deg,#e8f4ffd9,#f5e8f3b8);color:#35577c;box-shadow:inset 2px 0 #93b4da}
 .study-index-thumb[aria-pressed="true"] .study-thumb-title{font-weight:600}
 .study-index-thumb[aria-pressed="true"] .study-thumb-status{visibility:visible}
 .study-index-thumb:not([aria-pressed="true"]):hover{background:#ffffff45}
 .study-index-thumb:focus-visible{outline:2px solid #779bc4;outline-offset:3px}
 .study-index-notice{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
 body.gallery-curated-page[data-desktop-layout="index"] .coffee-exhibit-light{mask-image:linear-gradient(to right,#000 calc(50% + 150px),transparent calc(50% + 235px));-webkit-mask-image:linear-gradient(to right,#000 calc(50% + 150px),transparent calc(50% + 235px))}
 body.gallery-curated-page[data-desktop-layout="index"] .curated-light{mask-image:linear-gradient(to right,#000 62%,transparent 70%);-webkit-mask-image:linear-gradient(to right,#000 62%,transparent 70%)}
 body.gallery-curated-page[data-desktop-layout="index"] .coffee-decor-gallery{mask-image:linear-gradient(to right,#000 calc(50% + 150px),transparent calc(50% + 235px));-webkit-mask-image:linear-gradient(to right,#000 calc(50% + 150px),transparent calc(50% + 235px))}
}
@media(min-width:1024px) and (max-width:1170px){
 body.gallery-curated-page[data-desktop-layout="index"] .study-index{grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:22px}
 .study-index-rail{padding-left:0}
 .study-index-thumb{grid-template-columns:18px 48px minmax(0,1fr) 5px;column-gap:8px;padding-inline:7px}
 .study-thumb-image{width:48px}
 .study-thumb-title{font-size:10px}
 .desktop-study-options button{padding-inline:12px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.study-index-thumb{transition:none}}