.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}.detail-brand__title{letter-spacing:0;font-size:57px;font-weight:800;line-height:80%}.detail-brand__subtitle{letter-spacing:0;margin-top:8px;font-size:16px;font-weight:400;line-height:1.2}.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-origin:var(--zoom-x) var(--zoom-y);-webkit-user-drag:none;transition:transform .32s;display:block;transform:scale(1)}.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:scale(2)}.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%,auto 104%;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:default;max-width:none;max-height:none;transform:translateY(var(--museum-artwork-offset-y));border-radius:1px;flex:none;transition:opacity .16s;box-shadow:0 2px 4px #00000040}html[data-museum-mode=true] .artwork-detail__visual:not([data-museum-scaled=true]) .artwork-detail__image{opacity:0}@media (width<=1199px){html body .artwork-page{--artwork-information-height:152px;--artwork-navigation-height:calc(var(--mobile-header-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{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}html body .artwork-detail__image{object-fit:contain;object-position:center;width:100%;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:flex;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[data-museum-mode=true] body{background-position:50%,50% calc(50% - 32px)}}@media (width<=767px){html[data-museum-mode=true] body{background-position:50%,62%}html body .artwork-page{--artwork-information-height:232px;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[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 (prefers-reduced-motion:reduce){.artwork-detail__image,.museum-view-toggle__control,.museum-view-toggle__control:after{transition:none}}