.detail-gallery{position:relative;margin:32px 0 46px}
.detail-application-gallery{margin:26px 0 44px}
.detail-application-gallery .detail-gallery-mockup figcaption{gap:12px;align-items:flex-start}
.detail-application-gallery .detail-gallery-mockup figcaption span{flex-shrink:0}
.detail-application-gallery .detail-gallery-originals summary{padding-right:8px}
.detail-application-gallery .detail-gallery-originals a{max-width:100%;overflow-wrap:anywhere}
.detail-application-gallery .detail-gallery-originals a span{flex-shrink:0}
#workContent .detail-application-gallery .detail-gallery-mockup img{aspect-ratio:auto}
@media(max-width:600px){.detail-application-gallery .detail-gallery-mockup figcaption{flex-direction:column;gap:6px}}
.detail-gallery-radio{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.detail-gallery-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.detail-gallery-tabs label{cursor:pointer;padding:10px 15px;border:1px solid #d4cfc4;border-radius:24px;font-size:12px;font-weight:700;line-height:1.5;transition:background .15s,color .15s}
.detail-gallery-panel{display:none}
.detail-gallery-radio:nth-of-type(1):checked~.detail-gallery-panels>.detail-gallery-panel:nth-child(1),
.detail-gallery-radio:nth-of-type(2):checked~.detail-gallery-panels>.detail-gallery-panel:nth-child(2),
.detail-gallery-radio:nth-of-type(3):checked~.detail-gallery-panels>.detail-gallery-panel:nth-child(3){display:block}
.detail-gallery-radio:nth-of-type(1):checked~.detail-gallery-tabs>label:nth-child(1),
.detail-gallery-radio:nth-of-type(2):checked~.detail-gallery-tabs>label:nth-child(2),
.detail-gallery-radio:nth-of-type(3):checked~.detail-gallery-tabs>label:nth-child(3){background:#ff4d00;border-color:#ff4d00;color:#fff}
.detail-gallery-radio:nth-of-type(1):focus-visible~.detail-gallery-tabs>label:nth-child(1),
.detail-gallery-radio:nth-of-type(2):focus-visible~.detail-gallery-tabs>label:nth-child(2),
.detail-gallery-radio:nth-of-type(3):focus-visible~.detail-gallery-tabs>label:nth-child(3){outline:2px solid #171717;outline-offset:3px}
.detail-gallery-mockup{margin:0;background:#fff;border:1px solid #ded8cd;border-radius:3px;overflow:hidden}
#workContent .detail-gallery-mockup img{display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:3/2;object-fit:contain}
.detail-gallery-mockup figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13px;font-weight:700;border-top:1px solid #e8e2d9}
.detail-gallery-mockup figcaption span{font-size:10px;font-weight:400;color:#79736a;white-space:nowrap}
.detail-gallery-originals,.detail-gallery-originals:last-child{margin-top:16px;border-top:1px solid #d4cfc4;border-bottom:0}
.detail-gallery-originals summary{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:12px;line-height:1.5;font-weight:600}
.detail-gallery-originals summary>span{font-size:20px;color:#ff4d00}
.detail-gallery-originals[open] summary>span{transform:rotate(45deg)}
.detail-gallery-originals>div{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 12px}
.detail-gallery-originals a{display:inline-flex;align-items:center;gap:16px;font-size:12px;padding:9px 13px;border:1px solid #d4cfc4;border-radius:3px}
.detail-gallery-originals a:hover,.detail-gallery-originals a:focus-visible{color:#ff4d00;border-color:#ff4d00}
@media(max-width:600px){.detail-gallery-tabs{gap:6px}.detail-gallery-tabs label{padding:8px 11px;font-size:11px}.detail-gallery-mockup figcaption{padding:12px;font-size:12px}.detail-gallery-mockup figcaption span{font-size:9px}}