[hidden]{display:none!important}
.art-open{text-decoration:none;color:inherit}
.detail-page{max-width:1460px;margin:auto;padding:30px clamp(24px,5vw,80px) 48px}
.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid #fff3;font-size:11px;letter-spacing:.14em}
.back-link{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff6e2;min-height:44px;text-shadow:0 2px 4px #000}
.back-link span{font-size:25px;line-height:1;transition:transform .2s}.back-link:hover span{transform:translateX(-4px)}
.detail-count{color:#d8cbb3;font-size:10px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(42px,6vw,100px);align-items:center;padding-top:98px;padding-bottom:60px}
.detail-art{position:relative;isolation:isolate;margin:0;display:flex;align-items:center;flex-direction:column;min-width:0;--picture-height:660px}
.detail-art .picture-light{top:-57px;width:185px}
.detail-art .wall-light{top:-68px;width:130%;height:720px}
.detail-open{display:block;position:relative;background:none;padding:0;border:0;cursor:zoom-in;width:min(100%,var(--detail-width));outline-offset:10px}
.detail-open .frame{height:auto}.detail-open .frame img{height:auto;width:100%;object-fit:contain;max-height:none}
.detail-open:focus-visible{outline:2px solid #ffdc4a}
.detail-photo-hint{font-size:10px;letter-spacing:.12em;color:#e1d7c2;text-shadow:0 2px 5px #000;margin:23px 0 0}
.art-paper{position:relative;color:#242018;background:#eee6d5;padding:clamp(28px,3.3vw,52px);box-shadow:11px 12px 0 -2px #14120e,15px 16px 0 -2px var(--accent),0 28px 55px #0008;isolation:isolate}
.art-paper::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#5d503b .45px,transparent .7px);background-size:5px 5px}
.art-paper::after{content:'';position:absolute;top:-13px;right:26px;width:108px;height:28px;transform:rotate(6deg);background:#d4c79bad;border-left:1px solid #f6efd554;border-right:1px solid #f6efd554;box-shadow:0 2px 1px #554c271c;pointer-events:none}
.paper-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em;margin:0 0 26px}
.pop-stamp{background:var(--accent);color:#171311;transform:rotate(-5deg);padding:7px 9px;border:2px solid #211a15;box-shadow:3px 3px 0 #211a15;letter-spacing:.04em}
.detail-title{font:400 clamp(50px,6vw,90px)/1.15 Graffonti,sans-serif;margin:0 0 22px;color:#201923;overflow-wrap:anywhere;letter-spacing:-.01em}
.paint-rule{width:82%;height:10px;background:var(--accent);transform:rotate(-2deg);margin:0 0 31px;clip-path:polygon(0 12%,98% 0,100% 65%,74% 90%,2% 100%)}
.paper-label{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.art-description{font-size:15px;line-height:1.8;margin:0 0 31px;color:#474137}
.dimensions{border-top:1px solid #29211847;padding-top:23px;margin-top:20px}
.dimensions dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0 0}
.dimensions dt{font-size:10px;color:#5e5649;margin-bottom:9px}
.dimensions dd{margin:0;font-size:25px;font-weight:700;white-space:nowrap}.dimensions dd span{font-size:10px;font-weight:400;letter-spacing:.04em}
.pending-measures{font-size:10px;color:#716757;margin:17px 0 0}
.paper-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px dashed #33291966;margin-top:27px;padding-top:19px;font-size:10px;letter-spacing:.12em}
.paper-spark{font-size:30px;color:var(--accent);text-shadow:1px 1px #201923,-1px -1px #201923;line-height:1;transform:rotate(12deg)}
.work-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;border-top:1px solid #fff3;padding-top:22px}
.work-nav a{display:flex;align-items:center;gap:14px;color:#fff8e9;text-decoration:none;padding:10px 0;font-size:11px;min-height:44px}.work-nav a:last-child{justify-self:end;text-align:right}
.work-nav b{display:block;font-family:Graffonti,sans-serif;font-weight:400;font-size:24px;line-height:1.3;margin-top:3px}
.work-nav small{color:#d6c7af;font-size:9px;letter-spacing:.09em}
.work-nav .all-works{border:1px solid #d3c2a278;padding:12px 17px;letter-spacing:.1em;font-size:9px;text-align:center}
.work-nav a:hover{color:#ffe05f}.detail-page a:focus-visible{outline:2px solid #ffe05f;outline-offset:5px}
@media(max-width:900px){.detail-layout{gap:36px}.art-paper{padding:28px}.detail-title{font-size:58px}.detail-page{padding-inline:28px}.art-description{font-size:14px}}
@media(max-width:700px){.detail-page{padding:20px 24px 35px}.detail-top{font-size:9px;padding-bottom:15px}.detail-layout{grid-template-columns:1fr;gap:48px;padding-top:96px;padding-bottom:43px}.detail-art{--picture-height:510px}.detail-art .wall-light{height:570px}.detail-open{width:min(100%,calc(var(--native-ratio) * 490px))}.detail-art .picture-light{width:160px}.art-paper{margin:0 8px 0 0;padding:29px 26px}.detail-title{font-size:clamp(55px,13vw,80px)}.art-description{font-size:15px}.work-nav{grid-template-columns:1fr 1fr;gap:15px}.work-nav .all-works{grid-row:2;grid-column:1/-1;justify-self:center}.work-nav a:last-child{grid-column:2;grid-row:1}.work-nav b{font-size:25px}.detail-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.back-link span{transition:none}}

/* Readable graffiti sizes for labels, navigation and editorial copy. */
.detail-top{font-size:19px;letter-spacing:.03em}
.detail-count,.detail-photo-hint{font-size:17px;letter-spacing:.03em}
.paper-kicker,.paper-label{font:400 19px/1.4 Graffonti,sans-serif;letter-spacing:.03em}
.art-description{font-size:23px;line-height:1.6;letter-spacing:.01em}
.dimensions dt{font-size:18px}.dimensions dd{font-size:31px;font-weight:400}
.dimensions dd span,.pending-measures{font-size:17px;line-height:1.5}
.paper-bottom{font-size:17px;letter-spacing:.02em;line-height:1.4}
.work-nav a{font-size:19px}.work-nav small{font-size:17px;letter-spacing:.02em}
.work-nav .all-works{font-size:18px;letter-spacing:.02em}
@media(max-width:700px){.detail-top{font-size:17px}.art-description{font-size:21px}.paper-kicker,.paper-label{font-size:17px}.dimensions dl{gap:8px}.dimensions dd{font-size:27px}}

.art-description,.back-link,.detail-count,.detail-photo-hint,.paper-kicker,.paper-label,.dimensions,.pending-measures,.paper-bottom,.work-nav{font-family:Graffonti,sans-serif;font-weight:400}

/* Graffonti for artwork titles, Bangers for labels, Kalam for reading. */
.detail-top,.back-link,.detail-count,.detail-photo-hint,.paper-kicker,.paper-label,.dimensions,.paper-bottom,.work-nav,.work-nav b{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.04em}
.art-description,.pending-measures{font-family:BarlowCondensed,sans-serif;font-weight:400;letter-spacing:0}
.art-description{font-size:19px;line-height:1.65}
.pending-measures{font-size:16px}
.work-nav b{font-size:27px}
@media(max-width:700px){.art-description{font-size:18px}}

/* Transparent painted panel, shared by all six artwork pages. */
.art-paper{color:#fff8e9;background:transparent url('assets/art-info-panel.webp') center/100% 100% no-repeat;box-shadow:none;padding:85px 14% 95px;filter:drop-shadow(3px 8px 5px #0008)}
.art-paper::before,.art-paper::after{display:none}
.paper-kicker{font-family:StreetMarker,cursive;font-size:16px;letter-spacing:.02em;color:#fff6e7;margin-bottom:24px;gap:12px}
.pop-stamp{background:#fff000;color:#111;border:0;box-shadow:none;font-size:14px;padding:8px;transform:rotate(-5deg);clip-path:polygon(2% 7%,95% 0,100% 90%,5% 100%)}
.detail-title{color:#fff8e9;font-size:clamp(45px,5vw,74px);text-shadow:2px 3px #000;line-height:1.16;margin-bottom:20px}
.paint-rule{background:#fff000;width:90%;height:8px;margin-bottom:27px}
.paper-label{font-family:StreetMarker,cursive;font-size:20px;letter-spacing:0;color:#fff8e9}
.art-description{font-family:Kalam,cursive;color:#f4ecdf;font-size:19px;line-height:1.65;margin-bottom:25px}
.dimensions{border-top:1px solid #e9def13d;padding-top:20px;margin-top:22px}.dimensions dt{font-family:BarlowCondensed,sans-serif;font-size:18px;color:#e6d8ed}.dimensions dd{font-family:StreetMarker,cursive;font-size:25px;color:#fff000}.dimensions dd span{font-family:Kalam,cursive;font-size:15px;color:#f6eee3}
.pending-measures{font-family:Kalam,cursive;color:#d0bfd7;font-size:14px}.paper-bottom{border-top:1px dashed #e5d0f04d;color:#f3e8dc;font:15px/1.4 StreetMarker,cursive}.paper-spark{color:#fff000;text-shadow:none}
@media(max-width:1000px) and (min-width:701px){.detail-layout{grid-template-columns:1fr;max-width:700px;margin:auto}.art-paper{padding:90px 14% 100px}.detail-art{--picture-height:550px}.detail-open{max-width:460px}}
@media(max-width:700px){.detail-page{padding-inline:16px}.art-paper{margin:0 -6px;padding:75px 13% 85px}.detail-title{font-size:clamp(40px,11vw,64px)}.paper-kicker{font-size:13px;gap:8px}.pop-stamp{font-size:12px}.paper-label{font-size:18px}.art-description{font-size:17px;line-height:1.6}.dimensions dl{gap:8px}.dimensions dt{font-size:16px}.dimensions dd{font-size:22px}.dimensions dd span{font-size:13px}.paper-bottom{font-size:12px}}

/* Keep text in the quiet center: paint is a real border, not a stretched background. */
.detail-layout>.art-paper{background:none;border:solid transparent;border-width:100px 62px 105px;border-image-source:url('assets/art-info-panel.webp');border-image-slice:18% 15% 18% 15% fill;border-image-repeat:stretch;padding:18px 14px 22px;margin:0;min-width:0}
.art-paper .paper-kicker{flex-wrap:wrap}.art-paper .detail-title{font-size:clamp(38px,4.5vw,66px);overflow-wrap:anywhere}.art-paper .art-description{overflow-wrap:anywhere}.art-paper .paper-bottom{flex-wrap:wrap}
@media(max-width:700px){.detail-layout>.art-paper{border-width:70px 35px 75px;padding:15px 8px 20px;margin:0}.art-paper .detail-title{font-size:clamp(35px,10vw,54px)}.art-paper .dimensions dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.art-paper .dimensions dt{font-size:14px;overflow-wrap:anywhere}.art-paper .dimensions dd{font-size:19px}.art-paper .paper-bottom{font-size:11px}}

/* V45: torn black paper and purple lettering from the supplied reference. */
.detail-layout>.art-paper{border:0;border-image:none;background:transparent url('assets/art-paper-v45.webp') center/100% 100% no-repeat;padding:70px 11% 60px;margin:0;color:#eee9df}
.art-paper .paper-kicker{font:13px/1.5 Georgia,serif;letter-spacing:.15em;flex-wrap:nowrap;align-items:center;margin:0 0 22px;color:#eee9df}
.art-paper .paper-kicker::after{content:'';height:1px;background:#eee9df77;flex:1;margin-left:12px}
.art-paper .detail-title{color:#a724d4;font-family:Graffonti,sans-serif;font-size:clamp(40px,4.5vw,68px);line-height:1.18;text-shadow:none;transform:rotate(-3deg);margin:0 0 32px;-webkit-text-stroke:0;filter:none}
.art-paper .paper-label{font:13px/1.5 Georgia,serif;text-transform:uppercase;letter-spacing:.14em;color:#eee9df;margin-bottom:10px}
.art-paper .art-description{font:19px/1.5 Georgia,serif;color:#eee9df;margin-bottom:26px}
.art-paper .dimensions{border-top:1px solid #eee9df77;padding-top:20px;margin:0 0 18px}.art-paper .dimensions dl{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:0;margin:0}.art-paper .dimensions dl>div{padding:0 12px;border-left:1px solid #eee9df77}.art-paper .dimensions dl>div:first-child{padding-left:0;border:0}.art-paper .dimensions dt{font:12px/1.4 Georgia,serif;text-transform:uppercase;color:#eee9df;margin-bottom:8px}.art-paper .dimensions dd{font:19px/1.4 Georgia,serif;color:#eee9df;margin:0}
.art-enquiry{width:112%;margin-left:-6%;font-size:clamp(17px,1.9vw,26px)}
@media(max-width:700px){.detail-layout>.art-paper{padding:48px 11% 42px}.art-paper .detail-title{font-size:clamp(38px,10vw,58px);margin-bottom:25px}.art-paper .art-description{font-size:17px}.art-paper .dimensions dt{font-size:10px}.art-paper .dimensions dd{font-size:15px}.art-paper .dimensions dl>div{padding-inline:7px}.art-paper .art-enquiry{font-size:17px}}

/* V46: reserve the torn-paper perimeter as a border outside all content. */
.detail-layout>.art-paper{background:none;border:solid transparent;border-width:54px 48px 48px;border-image:url('assets/art-paper-v45.webp') 12% 12% 10% 12% fill stretch;padding:20px 18px 22px;min-width:0}
.art-paper .detail-title{font-size:clamp(34px,4vw,58px);transform:none;max-width:100%;margin:0 0 26px;overflow-wrap:anywhere}
.art-paper .paper-kicker{min-width:0;max-width:100%}.art-paper .paper-kicker::after{min-width:0}
.art-paper .art-description{font-size:18px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.art-paper .dimensions dl{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.65fr)}
.art-paper .dimensions dl>div{min-width:0}.art-paper .dimensions dt{font-size:11px;overflow-wrap:anywhere}.art-paper .dimensions dd{font-size:17px;overflow-wrap:anywhere}
.art-paper .art-enquiry{width:100%;max-width:100%;margin:12px 0 0;padding:20px 24px;gap:10px;min-height:78px;font-size:clamp(16px,1.6vw,22px);line-height:1.2;box-sizing:border-box}
.art-enquiry>span:first-child{min-width:0;overflow-wrap:normal}.art-enquiry>span:last-child{flex-shrink:0;font-size:30px}
@media(max-width:700px){.detail-layout>.art-paper{border-width:38px 28px 36px;padding:14px 10px 16px}.art-paper .detail-title{font-size:clamp(30px,9vw,48px)}.art-paper .art-description{font-size:16px}.art-paper .dimensions dt{font-size:9px;letter-spacing:0}.art-paper .dimensions dd{font-size:14px}.art-paper .dimensions dl>div{padding-inline:6px}.art-paper .art-enquiry{font-size:16px;padding:18px 15px;gap:6px;min-height:76px}.art-enquiry>span:last-child{font-size:25px}}