.detail-brand{top:80px;left:var(--page-padding);z-index:10;width:var(--sidebar-width);color:var(--color-slate-950);flex-direction:column;display:flex;position:fixed}.artwork-page{min-height:100svh;padding:80px var(--page-padding) 80px var(--content-start);position:relative}.artwork-gallery-link{width:fit-content;height:32px;color:var(--color-slate-950);align-items:center;gap:16px;margin-bottom:40px;display:flex}.artwork-gallery-link i{width:16px;color:var(--color-slate-500);text-align:center;font-size:16px;transition:color .16s}.artwork-gallery-link span{color:var(--color-slate-950);font-size:32px;font-weight:700;line-height:1}.artwork-gallery-link:hover i,.artwork-gallery-link:focus-visible i{color:var(--color-slate-950)}.artwork-detail{grid-template-columns:minmax(0,1fr) 240px;align-items:stretch;gap:80px;min-height:calc(100svh - 232px);display:grid}.artwork-detail__visual{justify-content:center;align-items:center;min-width:0;height:calc(100svh - 232px);margin:0;display:flex;position:relative;overflow:hidden}.artwork-detail__image{--zoom-x:50%;--zoom-y:50%;object-fit:contain;object-position:center;cursor:zoom-in;user-select:none;width:100%;height:100%;transform:translate3d(var(--artwork-swipe-x,0px), 0, 0) scale(1);transform-origin:var(--zoom-x) var(--zoom-y);-webkit-user-drag:none;transition:transform .32s;display:block}.artwork-detail__swipe-preview{display:none}.artwork-detail__image:focus-visible{outline:2px solid var(--color-slate-500);outline-offset:8px}.artwork-detail__visual[data-zoomed=true] .artwork-detail__image{cursor:zoom-out;transform:translate3d(var(--artwork-swipe-x,0px), 0, 0) scale(2)}.artwork-zoom-close{display:none}.artwork-detail__information{flex-direction:column;width:240px;min-height:calc(100svh - 232px);display:flex}.artwork-detail__title{margin:0;font-size:18px;font-weight:700;line-height:1.2}.artwork-detail__dimensions{margin:8px 0 0;font-size:12px;font-weight:400;line-height:1.25}.artwork-detail__year{color:var(--color-slate-500);margin:8px 0 0;font-size:12px;font-weight:400;line-height:1.25}.artwork-detail__divider{border:0;border-top:1px solid var(--color-slate-500);width:80px;margin:16px 0 0}.artwork-detail__technique{max-width:240px;margin:16px 0 0;font-size:12px;font-weight:400;line-height:1.5}.museum-view-toggle{width:fit-content;height:32px;color:var(--color-slate-950);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin:20px 0 0;padding:0;display:inline-flex}.museum-view-toggle__control{border:1px solid var(--color-slate-950);background-color:var(--color-white);border-radius:999px;flex:0 0 36px;width:36px;height:20px;transition:border-color .16s,background-color .16s;display:block;position:relative}.museum-view-toggle__control:after{background-color:var(--color-slate-950);content:"";border-radius:50%;width:12px;height:12px;transition:background-color .16s,transform .16s;position:absolute;top:3px;left:3px}.museum-view-toggle__label{font-size:12px;font-weight:500;line-height:1}.museum-view-toggle[aria-checked=true] .museum-view-toggle__control{border-color:var(--color-slate-950);background-color:var(--color-slate-950)}.museum-view-toggle[aria-checked=true] .museum-view-toggle__control:after{background-color:var(--color-white);transform:translate(16px)}@media (hover:hover) and (pointer:fine){.museum-view-toggle:hover .museum-view-toggle__control{border-color:var(--color-slate-950);background-color:var(--color-slate-100)}.museum-view-toggle[aria-checked=true]:hover .museum-view-toggle__control{border-color:var(--color-slate-800);background-color:var(--color-slate-800)}}.museum-view-toggle:focus-visible{outline:2px solid var(--color-slate-500);outline-offset:4px}.artwork-navigation{gap:8px;margin-top:auto;display:flex}.artwork-navigation__link{width:32px;height:32px;color:var(--color-slate-500);place-items:center;font-size:16px;transition:color .16s,background-color .16s;display:grid}.artwork-navigation__link:hover,.artwork-navigation__link:focus-visible{color:var(--color-slate-950)}html[data-museum-mode=true] body{background-color:var(--color-white);background-image:linear-gradient(90deg,#ffffff80 0%,#ffffff40 20%,#fff0 50%,#ffffff40 80%,#ffffff80 100%),url(/images/museum/museum.png);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,cover;background-attachment:fixed,fixed}html[data-museum-mode=true] .artwork-detail__visual{overflow:visible}html[data-museum-mode=true] .artwork-detail__image{--museum-artwork-offset-y:-40px;width:var(--museum-artwork-width,1px);height:var(--museum-artwork-height,1px);object-fit:cover;object-position:center;cursor:zoom-in;max-width:none;max-height:none;transform:translate3d(var(--artwork-swipe-x,0px), var(--museum-artwork-offset-y), 0);border-radius:1px;flex:none;transition:opacity .16s;box-shadow:0 2px 4px #00000040}html[data-museum-mode=true] .artwork-detail__visual[data-zoomed=true] .artwork-detail__image{cursor:zoom-out;transform:translate3d(var(--artwork-swipe-x,0px), var(--museum-artwork-offset-y), 0) scale(2)}html[data-museum-mode=true] .artwork-detail__visual:not([data-museum-scaled=true]) .artwork-detail__image{opacity:0}@media (width>=1200px){html[data-museum-mode=true] .artwork-detail__image{cursor:default}}@media (width<=1199px){body.artwork-zoom-active{overscroll-behavior:none;overflow:hidden}html body.artwork-zoom-active .artwork-detail__visual[data-zoom-mode=immersive]{z-index:200;width:100%;height:100dvh;min-height:0;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background-color:var(--color-white);cursor:default;touch-action:none;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}html body.artwork-zoom-active .artwork-detail__visual[data-zoom-mode=immersive] .artwork-detail__image{--artwork-zoom-scale:1;--artwork-pan-x:0px;--artwork-pan-y:0px;object-fit:contain;object-position:center;cursor:grab;width:auto;max-width:100%;height:auto;max-height:100%;transform:translate3d(var(--artwork-pan-x), var(--artwork-pan-y), 0) scale(var(--artwork-zoom-scale));transform-origin:50%;will-change:transform;flex:0 auto;transition:transform .28s cubic-bezier(.22,1,.36,1);position:relative;inset:auto}html body.artwork-zoom-active .artwork-detail__visual[data-zoom-interacting=true] .artwork-detail__image{cursor:grabbing;transition:none}html body.artwork-zoom-active .artwork-detail__visual[data-zoom-resetting=true] .artwork-detail__image{transition:transform .32s cubic-bezier(.22,1,.36,1)}html body.artwork-zoom-active .artwork-detail__visual[data-zoom-mode=immersive] .artwork-zoom-close{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:1;width:44px;height:44px;color:var(--color-slate-950);cursor:pointer;background-color:#ffffffe0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;font-size:20px;display:grid;position:absolute;box-shadow:0 1px 8px #0206171f}html body.artwork-zoom-active .artwork-zoom-close:focus-visible{outline:2px solid var(--color-slate-500);outline-offset:2px}html body .artwork-page{--artwork-information-height:152px;--artwork-navigation-height:env(safe-area-inset-bottom,0px);box-sizing:border-box;height:100svh;min-height:0;padding:calc(var(--mobile-header-height) + 32px) var(--responsive-page-padding) calc(var(--artwork-information-height) + var(--artwork-navigation-height));grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}html body .artwork-gallery-link{height:32px;margin:0 0 24px}html body .artwork-detail{width:100%;height:100%;min-height:0;display:block}html body .artwork-detail__visual{--artwork-swipe-x:0px;--artwork-swipe-width:100vw;--artwork-swipe-gap:24px;--artwork-swipe-position-y:0px;--artwork-slide-width:100%;touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}html body .artwork-detail__image{z-index:1;position:absolute;top:50%;left:50%}html body .artwork-detail__visual:not([data-zoom-mode=immersive]) .artwork-detail__image{transform:translate3d(calc(-50% + var(--artwork-swipe-x)), calc(-50% + var(--artwork-swipe-position-y)), 0)}html body .artwork-detail__swipe-preview{--artwork-swipe-offset:0px;z-index:0;width:var(--artwork-slide-width);object-fit:contain;object-position:center;pointer-events:none;user-select:none;visibility:hidden;height:100%;transform:translate3d(calc(-50% + var(--artwork-swipe-x) + var(--artwork-swipe-offset)), calc(-50% + var(--artwork-swipe-position-y)), 0);will-change:transform;-webkit-user-drag:none;display:block;position:absolute;top:50%;left:50%}html body .artwork-detail__swipe-preview--previous{--artwork-swipe-offset:calc(0px - var(--artwork-swipe-width) - var(--artwork-swipe-gap))}html body .artwork-detail__swipe-preview--next{--artwork-swipe-offset:calc(var(--artwork-swipe-width) + var(--artwork-swipe-gap))}html body .artwork-detail__visual[data-swipe-state] .artwork-detail__swipe-preview{visibility:visible}html body .artwork-detail__visual[data-swipe-state]{overflow:hidden}html[data-museum-mode=true] body .artwork-detail__visual{--artwork-swipe-gap:0px;--artwork-swipe-position-y:-24px}html[data-museum-mode=true] body .artwork-detail__swipe-preview{width:var(--museum-artwork-width,1px);height:var(--museum-artwork-height,1px);object-fit:cover;border-radius:1px;box-shadow:0 2px 4px #00000040}html body .artwork-detail__visual[data-swipe-state=dragging] .artwork-detail__image,html body .artwork-detail__visual[data-swipe-state=dragging] .artwork-detail__swipe-preview{transition:none}html body .artwork-detail__visual[data-swipe-state=settling] .artwork-detail__image,html body .artwork-detail__visual[data-swipe-state=settling] .artwork-detail__swipe-preview{transition:transform .26s cubic-bezier(.22,1,.36,1)}html body .artwork-detail__image{width:var(--artwork-slide-width);object-fit:contain;object-position:center;max-width:100%;height:100%;max-height:100%}html[data-museum-mode=true] .artwork-detail__image{--museum-artwork-offset-y:-24px}html body .artwork-detail__information{right:0;bottom:var(--artwork-navigation-height);z-index:55;width:100%;height:var(--artwork-information-height);min-height:0;padding:16px var(--responsive-page-padding);background-color:var(--color-white);grid-template:"title technique""dimensions technique""year technique"/minmax(0,200px) minmax(0,1fr);align-content:start;column-gap:32px;display:grid;position:fixed;left:0}html body .artwork-detail__title{grid-area:title}html body .artwork-detail__dimensions{grid-area:dimensions}html body .artwork-detail__year{grid-area:year}html body .artwork-detail__divider{display:none}html body .artwork-detail__technique{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;grid-area:technique;max-width:none;margin:0;display:-webkit-box;overflow:hidden}html body .museum-view-toggle{top:calc(var(--mobile-header-height) + 32px);right:var(--responsive-page-padding);z-index:65;margin:0;position:fixed}html body .artwork-navigation{z-index:60;width:100%;height:var(--artwork-navigation-height);padding:0 var(--responsive-page-padding) env(safe-area-inset-bottom,0px);border:0;border-top:1px solid var(--color-slate-100);background-color:var(--color-white);box-shadow:none;justify-content:center;align-items:center;gap:8px;margin:0;display:none;position:fixed;bottom:0;left:0;right:0;transform:none}html body .artwork-navigation__link{width:48px;height:48px;font-size:18px}}@media (width>=768px) and (width<=1199px){html body .artwork-page{padding-bottom:32px}html body .artwork-detail{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:48px;display:grid}html body .artwork-detail__visual{min-width:0}html body .artwork-detail__information{z-index:2;background-color:var(--color-white);flex-direction:column;width:220px;height:100%;min-height:0;padding:0;display:flex;position:relative}html body .artwork-detail__divider{margin-top:16px;display:block}html body .artwork-detail__technique{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;max-width:220px;margin-top:16px;display:-webkit-box;overflow:hidden}html body .museum-view-toggle{margin-top:20px;position:static}html body .artwork-navigation{background-color:#0000;border:0;justify-content:flex-start;width:auto;height:32px;margin-top:auto;padding:0;position:static}html body .artwork-navigation__link{width:32px;height:32px;font-size:16px}html[data-museum-mode=true] body{background-position:50%,50%}html[data-museum-mode=true] body .artwork-detail__information{background-color:#0000}}@media (width>=768px) and (width<=1199px) and (height<=560px){html body .artwork-page{padding-top:calc(var(--mobile-header-height) + 16px);padding-bottom:16px}html body .artwork-gallery-link{margin-bottom:12px}html body .artwork-detail__divider,html body .artwork-detail__technique,html body .museum-view-toggle{margin-top:12px}}@media (width<=767px){html[data-museum-mode=true] body{background-position:50%,62%}html body .artwork-page{--artwork-information-height:168px;padding:calc(var(--mobile-header-height) + 24px) var(--responsive-page-padding) calc(var(--artwork-information-height) + var(--artwork-navigation-height))}html body .artwork-gallery-link{height:auto;margin-bottom:24px}html body .artwork-detail__visual{--artwork-slide-width:calc(100% - var(--responsive-page-padding) - var(--responsive-page-padding));width:calc(100% + var(--responsive-page-padding) + var(--responsive-page-padding));max-width:none;margin-right:calc(0px - var(--responsive-page-padding));margin-left:calc(0px - var(--responsive-page-padding))}html[data-museum-mode=true] .artwork-detail__visual{--artwork-swipe-position-y:-16px}html[data-museum-mode=true] .artwork-detail__image{--museum-artwork-offset-y:-16px}html body .artwork-detail__information{padding:16px var(--responsive-page-padding);grid-template:"title""dimensions""year""divider""technique"minmax(0,1fr)/minmax(0,1fr);column-gap:0}html[data-museum-mode=true] body .artwork-detail__information{background-color:#0000}html body .artwork-detail__divider{grid-area:divider;margin-top:12px;display:block}html body .artwork-detail__technique{margin-top:12px}html body .museum-view-toggle{top:calc(var(--mobile-header-height) + 24px)}}@media (width<=767px) and (orientation:landscape){html body .artwork-page{padding:calc(var(--mobile-header-height) + 12px) 16px 12px}html body .artwork-gallery-link{height:28px;margin-bottom:12px}html body .artwork-gallery-link span{font-size:24px}html body .artwork-detail{grid-template-columns:minmax(0,1fr) clamp(168px,30vw,220px);align-items:stretch;gap:32px;display:grid}html body .artwork-detail__visual{--artwork-slide-width:100%;width:100%;max-width:100%;height:100%;min-height:0;margin-left:0;margin-right:0}html body .artwork-detail__information{z-index:2;background-color:var(--color-white);flex-direction:column;width:auto;height:100%;min-height:0;padding:0;display:flex;position:relative}html body .artwork-detail__divider,html body .artwork-detail__technique{margin-top:10px}html body .artwork-detail__technique{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:none;display:-webkit-box;overflow:hidden}html body .museum-view-toggle{margin-top:10px;position:static}html body .artwork-navigation{background-color:#0000;border:0;justify-content:flex-start;width:auto;height:32px;margin-top:auto;padding:0;position:static}html body .artwork-navigation__link{width:32px;height:32px;font-size:16px}html[data-museum-mode=true] body .artwork-detail__information{background-color:#0000}}@media (prefers-reduced-motion:reduce){.artwork-detail__image,.museum-view-toggle__control,.museum-view-toggle__control:after{transition:none}}