.theme .tmb-alert .tmb-alert-dialog{margin:60px auto}.theme .artwork-nav-button span{font-style:italic;font-size:16px;color:var(--menu-text-color);display:inline-block;transform:translateY(-22%)}.theme .artwork-nav-button.forward span{margin-right:5px}.theme .artwork-nav-button.exit span{margin:.35em 0 0 0}.theme .artwork-nav-button.back span{margin-left:5px}@media all and (max-width:464px){.theme-listing.main{margin:calc(1em + var(--header-height)) 1em 3em 1em}}@media all and (min-width:464px){.theme-listing.main{margin:calc(1em + var(--header-height)) auto 3em auto;width:432px}}.theme-listing a:link,.theme-listing a:visited{background:transparent}.theme-listing ul{display:table;margin:0 auto}.theme-listing.main p{max-width:27em}.theme .scroll-list{display:flex;flex-wrap:wrap;padding:0;margin:0}.theme .artwork-nav{display:none}.theme .theme-display h2{margin:calc(var(--header-height) + 12px) 0 6px 0;font-size:1.5rem;font-style:italic;letter-spacing:.15rem;text-align:center;text-shadow:0 0 1px #fff,0 0 0 #adadad,1px 1px 0 #adadad,1px 1px 1px #adadad;word-spacing:.15rem}@media all and (max-width:720px){:root{--slide-size:calc(100vw / 3)}.theme .scroll-list{width:100vw;margin:0 0 16px 0}}@media all and (min-width:720px) and (max-width:736px){:root{--t:calc(100vw - 720px);--slide-size:calc((100vw - (var(--t) * 2)) / 3)}.theme .scroll-list{width:calc(100vw - (var(--t) * 2));margin:0 0 var(--t) var(--t)}}@media all and (min-width:736px) and (max-width:932px){:root{--slide-size:calc((100vw - 32px) / 3)}.theme .scroll-list{width:calc(100vw - 32px);margin:0 0 16px 16px}}@media all and (min-width:932px){:root{--slide-size:300px}.theme .scroll-list{width:900px;margin:0 0 16px calc((100vw - 900px) / 2)}}.theme .scroll-list li{display:inline-block;flex:0 0 var(--slide-size);font-size:0;height:var(--slide-size);list-style-type:none;margin:0;padding:0;text-align:center;text-indent:0;transition:transform 200ms linear;width:var(--slide-size)}.theme .scroll-list img{height:var(--slide-size);width:var(--slide-size)}.theme .scroll-list::after{content:'';display:block;flex:999}.theme .scroll-list li:hover{transform:scale(1.05)}.theme .theme-nav picture[data-lazy]{opacity:0;-webkit-transition:opacity 500ms linear;transition:opacity 500ms linear}.theme .theme-nav picture[data-lazy].loaded{opacity:1}:root:has(.theme.main[data-http-status="400"]){--main-opacity:1}@media all and (max-width:464px){.theme.main[data-http-status="400"]{margin:calc(1em + var(--header-height)) 1em 3em 1em;width:auto}}@media all and (min-width:464px){.theme.main[data-http-status="400"]{margin:calc(1em + var(--header-height)) auto 3em auto;width:432px}} .artwork .artwork-nav-button svg{transition:fill .4s ease}.artwork .artwork-nav-button.back svg,.artwork .artwork-nav-button.forward svg{fill:var(--menu-text-color);opacity:1;transition:opacity 500ms ease}.artwork .artwork-nav-button.back.no-more svg,.artwork .artwork-nav-button.forward.no-more svg{opacity:.5}.artwork .artwork-nav-button.back span,.artwork .artwork-nav-button.forward span{opacity:1;transition:opacity 500ms ease}.artwork .artwork-nav-button.back.no-more span,.artwork .artwork-nav-button.forward.no-more span{opacity:.5}.artwork.artwork .artwork-nav{display:flex;justify-content:center;gap:1.5em;align-items:center;height:40px;position:fixed;margin:0;padding:0;bottom:0;width:100%;background-color:#e6e6e680;z-index:999;left:50%;top:calc(var(--header-height) + 20px);transform:translate(-50%,-50%)}.artwork.artwork .artwork-nav-button{padding:4px 12px}.artwork h2{font-size:1.5rem;margin-bottom:0}.artwork h3{font-size:1.5rem}.artwork .selected-work .social-icon-anchor:link,.artwork .selected-work .social-icon-anchor:visited,.artwork .selected-work .social-icon-anchor:hover,.artwork .selected-work .social-icon-anchor:focus,.artwork .selected-work .social-icon-anchor:active{background-color:transparent}.artwork.main li~li{margin:0;line-height:2}.artwork .selected-work img{animation-duration:.5s}.artwork .selected-work.display-none{display:none}.artwork .work-image{transition:opacity 500ms ease;opacity:1}.artwork .work-image img{box-shadow:12px 12px 12px #7e7e7e,0 0 0 1.5em var(--image-background-matte-color)}@media all and (max-width:760px){.artwork .work-image img{width:calc(90vw - 4em)}}@media all and (min-width:760px){.artwork .work-image img{width:calc(45vw - 4.5em - 17px)}}.artwork.main{margin:calc(1em + var(--header-height)) 5% 3em 5%}.theme.artwork.main{margin:calc(3.5em + var(--header-height)) 5% 3em 5%}.artwork .work-share,.artwork .work-acquire-original,.artwork .work-acquire-prints{display:flex;flex-flow:column;margin-top:1em;text-align:center}.artwork .work-acquire-original .purchase-work-message{display:inline-block;font-style:italic;margin-bottom:1em}.artwork .work-acquire-prints .purchase-prints-message{display:inline-block;font-style:italic;margin-bottom:1em}.artwork .work-share .share-message{font-style:italic}.artwork .work-share .social-icons{align-items:center;display:flex;flex-flow:row;justify-content:center;margin-bottom:-.675em}.artwork .work-share .social-icons li{margin:0;float:left;line-height:2}.artwork .work-share .social-icon-anchor{display:inline-block;margin:.5em .5em}.artwork .details-content p,.artwork .ekphrasis p{margin-left:auto;margin-right:auto;max-width:27em}.artwork .work-youtube{margin-top:1.5em;text-align:center}.artwork .work-youtube iframe{border-width:0;width:-moz-available;width:-webkit-fill-available;height:calc(100vw * .5625);max-height:calc((100vh - var(--header-height)) - 40px)}@media all and (max-width:759px){.artwork .work-title{float:none;padding-bottom:1em;text-align:center;width:initial}.artwork .ic-h3{padding-top:1em;float:none;text-align:center;width:initial}.artwork .work-image{float:none;padding-top:0;width:initial}.artwork .artwork-stats{margin-bottom:1em;margin-top:1em;text-align:center}@supports (aspect-ratio:1 / 1){.artwork .selected-work .aspect-ratio{margin:1.5em 2em 0 2em;aspect-ratio:unset}.artwork .work-image figcaption{display:block;font-style:italic;text-align:center;padding:28px 0 12px 0}}@supports not (aspect-ratio:1 / 1){.artwork .selected-work .aspect-ratio{margin:1.5em 2em 1.5em 2em}.artwork .work-image figcaption{display:block;font-style:italic;text-align:center;padding:34px 0 12px 0}}}@media all and (min-width:760px){.artwork .selected-work{display:block}.artwork .work-title,.artwork .ic-h3{float:right;padding-bottom:.5em;padding-top:.5em;text-align:center;width:50%}.artwork .work-image{float:left;margin-top:1em;width:50%}.artwork .artwork-stats{margin-bottom:1em;text-align:center}.artwork .selected-work .aspect-ratio{margin:1.5em 3em 1.5em 1.5em}@supports (aspect-ratio:1 / 1){.artwork .work-image figcaption{display:block;font-style:italic;padding:30px 0 12px 0;text-align:center}}@supports not (aspect-ratio:1 / 1){.artwork .work-image figcaption{display:block;font-style:italic;padding:23px 0 12px 0;text-align:center}}}.artwork + .footer{opacity:1}.footer .social-icons .social-icon-anchor{opacity:1}@keyframes chevron-press{50%{outline-color:#333;box-shadow:0 0 0 12px #333,0 0 0 36px rgba(51,51,51,.2)}100%{outline-color:#333;box-shadow:0 0 0 0 #333,0 0 0 0 rgba(51,51,51,0)}} .tmb-alert .tmb-alert-content .h1{font-size:1.5rem;font-style:italic;letter-spacing:.15rem;margin-bottom:.5rem;text-align:center;text-shadow:0 0 1px #fff,0 0 0 #adadad,1px 1px 0 #adadad,1px 1px 1px #adadad;word-spacing:.15rem}.tmb-alert .copyright{font-size:.625em;text-align:center}.tmb-alert .tmb-alert-content img{max-width:100%;max-height:100%}.tmb-alert .tmb-alert-content .svg-close-button{width:24px;height:24px;position:absolute;top:1em;right:1em;background-color:transparent;box-shadow:none}.tmb-alert .tmb-alert-content .svg-close-button::before{width:32px;height:32px;border-radius:20px;position:absolute;top:-4px;right:-4px;background:#e6e6e6;opacity:0;transition:opacity .3s ease-in-out;content:''}.tmb-alert .tmb-alert-content .svg-close-button:hover::before{opacity:1}.tmb-alert .tmb-alert-content .svg-close-button:active::before{background-color:transparent}.tmb-alert .tmb-alert-content .svg-close-icon{position:absolute;top:0;right:0}.tmb-alert .tmb-alert-content .svg-close-icon:active{border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,.4);transform:translateY(1.5px);background-color:#bfbfbf}.tmb-alert .tmb-alert-dimmer,.tmb-alert .tmb-alert-modal{position:fixed;left:0;bottom:0;right:0;margin:0;padding:0;transform:scaleX(1);z-index:999}.tmb-alert .tmb-alert-dimmer{animation:alert-show-dimmer 200ms;top:0;opacity:.5;background-color:#252525}.tmb-alert .tmb-alert-modal{animation:alert-show-modal 200ms;top:var(--header-height);opacity:1;overflow-y:auto;z-index:9998}.tmb-alert.tmb-alert-hidden .tmb-alert-modal,.tmb-alert.tmb-alert-hidden .tmb-alert-dimmer{opacity:0;transform:scaleX(0)}.tmb-alert.tmb-alert-hidden .tmb-alert-modal{animation:alert-hide-modal 200ms}.tmb-alert.tmb-alert-hidden .tmb-alert-dimmer{animation:alert-hide-dimmer 200ms}.tmb-alert .tmb-alert-dialog{border-radius:12.5px;position:relative;margin:24px auto;min-height:110px;max-width:500px;padding:16px 16px 0 16px;background-color:#fff}.tmb-alert .tmb-alert-body .tmb-alert-content{padding:16px}.tmb-alert .tmb-alert-footer{border-radius:12.5px;padding:4px;margin-left:-16px;margin-right:-16px;min-height:43px;background-color:#fff}.tmb-alert .tmb-alert-buttons{text-align:right}.tmb-alert .tmb-alert-button{margin:0 1em .625em 0;min-width:88px;min-height:35px;border-radius:20px;background-color:#e6e6e6;border:transparent;box-shadow:0 0 4px rgba(0,0,0,40%);padding:8px}.tmb-alert .tmb-alert-button:disabled{cursor:not-allowed}.tmb-alert .tmb-alert-button:not([disabled]):active{box-shadow:0 0 8px rgba(0,0,0,.4);transform:translateY(1.5px);background-color:#bfbfbf}.tmb-alert .center{display:flex;justify-content:center;text-align:center}@media screen and (max-width:568px){.tmb-alert .tmb-alert-modal{padding:0 5%}.tmb-alert .tmb-alert-dialog{margin:16px auto}}@keyframes alert-show-dimmer{0%{opacity:0}100%{opacity:.5}}@keyframes alert-hide-dimmer{0%{opacity:.5}90%{opacity:0}100%{opacity:0}}@keyframes alert-show-modal{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0px)}}@keyframes alert-hide-modal{0%{opacity:1;transform:translateY(0px)}90%{opacity:0}100%{opacity:0;transform:translateY(60px)}} .tmb-lightbox-source{cursor:pointer}.tmb-lightbox-wrapper .cloned-image{transform:scale(var(--cloned-image-scale));object-position:var(--cloned-image-object-position);touch-action:none}.tmb-lightbox-wrapper{align-items:center;animation:fade-out .8s ease-in-out forwards;display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:1;overflow:hidden;position:fixed;visibility:var(--lightbox-wrapper-visibility);width:100vw;z-index:10001;top:0;left:0}.tmb-lightbox-wrapper.show{animation:fade .8s ease-in-out forwards;opacity:1}.body:has(.tmb-lightbox-wrapper.show) .tmb-lightbox-backdrop{background-color:#2929299c;height:var(--document-scroll-height);position:absolute;width:100%;z-index:10000}.tmb-lightbox-wrapper a:link.tmb-lightbox-negative-space{background-color:transparent;height:var(--document-scroll-height);position:absolute;width:100%;z-index:10001}.tmb-lightbox-wrapper .tmb-lightbox-content{background-color:#272727;border:1px solid #3e3e3e;box-shadow:0 0 7px #525252;display:flex;max-height:95%;min-height:80%;overflow:hidden;width:80%;z-index:10001;position:relative;left:var(--lightbox-left);top:var(--lightbox-top);transform:scale(var(--lightbox-scale))}@media (max-width:480px){.tmb-lightbox-wrapper .tmb-lightbox-content{height:95%;width:95%}}.tmb-lightbox-wrapper .tmb-lightbox-viewer{background-color:#000;height:100%;overflow:hidden;position:relative;width:calc(100% - 45px)}.tmb-lightbox-wrapper .tmb-lightbox-viewer>img{height:100%;object-fit:scale-down;position:relative;transition:transform .5s ease-in-out;width:100%}.tmb-lightbox-wrapper .tmb-lightbox-viewer>img[data-draggable]{cursor:grab}.tmb-lightbox-wrapper .tmb-lightbox-buttons{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;width:45px}.tmb-lightbox-wrapper .tmb-lightbox-buttons>a{align-items:center;color:#c9c9c9;display:flex;height:36px;justify-content:center;margin:5px;text-decoration:none;width:36px}.tmb-lightbox-source:focus-visible img{outline:3px solid var(--anchor-underline-color);outline-style:auto}.tmb-lightbox-wrapper .tmb-lightbox-buttons>a:hover{background-color:#f5f5f533}.tmb-lightbox-wrapper .tmb-lightbox-buttons>a[disabled]{color:#838383;cursor:not-allowed;pointer-events:none}@keyframes fade{0%{opacity:0;transform:translateY(-1000px);transform:scale(0)}100%{opacity:1;transform:translateY(0);transform:scale(1)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0);transform:scale(1)}100%{opacity:0;transform:translateY(-1000px);transform:scale(0)}}Theme Navigation and Artwork Display
Abstractions
Artwork: Image, Ekphrasis, and Other Info
JSON scripts (for internal use)
