/* Personal artwork: a horizontal print collection and an enlarged two-sided card. */
.artwork-section{position:relative;padding:70px var(--xpad) 90px;background:var(--paper);scroll-margin-top:24px}
.artwork-section>div,.artwork-heading{max-width:1320px;margin-inline:auto}
.artwork-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid #18181860;padding-top:24px;margin-bottom:42px}
.artwork-heading h2{font:900 clamp(26px,3.2vw,46px)/1.06 Archivo,sans-serif;letter-spacing:-.05em;margin:0;max-width:800px}
.artwork-heading>span,.artwork-heading>p{font:500 13px/1.5 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin:0;white-space:nowrap}
.artwork-section .artwork-poem{max-width:1100px;margin:0 0 28px;font:900 clamp(34px,4.5vw,68px)/1.07 Archivo,sans-serif;letter-spacing:-.055em}
.artwork-poem>span,.artwork-poem>em{display:block}
.artwork-section .artwork-poem em{font:500 1.15em/1.04 'Cormorant Garamond',serif;letter-spacing:-.025em;color:var(--pink-ink);margin-top:6px}
.artwork-intro{max-width:740px!important;margin:0 0 22px!important;font-size:16px;line-height:1.75}
.artwork-hint{font:500 13px/1.5 'Barlow Condensed',sans-serif;color:var(--pink-ink);margin:0 0 22px;letter-spacing:.02em}
/* Five distinct works, on the front and rear of a cylindrical card orbit. */
.artwork-orbit{--artwork-radius:clamp(115px,23vw,330px);--artwork-card-width:clamp(134px,19vw,260px);position:relative;height:clamp(290px,37vw,510px);width:100%;perspective:1500px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}
.artwork-orbit.is-dragging{cursor:grabbing}
.artwork-deck{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--artwork-radius))) rotateY(var(--artwork-angle,0deg));will-change:transform}
.artwork-card{position:absolute;display:block;left:50%;top:50%;width:var(--artwork-card-width);height:calc(var(--artwork-card-width) * 1.52);margin:calc(var(--artwork-card-width) * -.76) 0 0 calc(var(--artwork-card-width) * -.5);padding:0;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transform-style:preserve-3d;transform:rotateY(calc(var(--artwork-i) * 72deg)) translateZ(var(--artwork-radius));outline-offset:8px}
.artwork-card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1)}
.artwork-card-face{position:absolute;inset:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #18181850;border-radius:4px;box-shadow:0 2px 4px #18181812;background:var(--paper);overflow:hidden}
.artwork-card-front{transform:translateZ(.5px)}
.artwork-card-front>img{display:block;width:100%;height:calc(100% - 64px);object-fit:contain;background:var(--paper);pointer-events:none}
.artwork-card-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 13px/1.3 Archivo,sans-serif;letter-spacing:-.015em;padding:6px 10px;height:64px;min-height:64px}
.artwork-card-title{min-width:0;overflow-wrap:anywhere;font-family:Archivo,"Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",sans-serif}
.artwork-card-label>small{flex-shrink:0;font:500 11px/1.4 'Barlow Condensed',sans-serif;letter-spacing:0}
.artwork-card-back{transform:rotateY(180deg) translateZ(.5px);align-items:center;justify-content:center;padding:20px;text-align:center;background:var(--ink);color:var(--paper);gap:14px}
.artwork-card-back .artwork-card-back-title{font:700 clamp(17px,2vw,27px)/1.1 Archivo,sans-serif;letter-spacing:-.03em}
.artwork-card-back>span,.artwork-card-back>small{font:500 12px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.04em}
.artwork-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px auto 0;max-width:600px!important}
.artwork-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #18181840;background:transparent;color:var(--ink);font:400 22px/1 Archivo,sans-serif;cursor:pointer}
.artwork-controls button:hover{background:#fceaf0}
.artwork-controls p{font:500 13px/1.5 'Barlow Condensed',sans-serif;text-align:center;min-width:0;flex:0 1 340px;overflow-wrap:anywhere;margin:0}
@media(hover:hover) and (pointer:fine){.artwork-card:hover .artwork-card-inner{transform:rotateY(180deg)}}
.artwork-card:focus-visible .artwork-card-inner{transform:rotateY(180deg)}
#artwork-dialog{position:fixed;inset:0;margin:auto;border:0;padding:64px 34px 30px;width:min(1160px,94vw);height:min(820px,92dvh);max-width:none;max-height:none;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 18px 70px #0005;overscroll-behavior:contain}
#artwork-dialog:not([open]){display:none}
#artwork-dialog::backdrop{background:#181818d1;backdrop-filter:blur(7px)}
#artwork-dialog [data-artwork-close]{position:absolute;right:16px;top:12px;z-index:10;width:44px;height:44px;padding:0;border:1px solid #18181835;background:var(--paper);color:var(--ink);font:300 31px/1 Archivo,sans-serif;cursor:pointer}
.artwork-spread{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch;gap:34px;height:100%;perspective:1600px}
.artwork-front{margin:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.artwork-front>img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #18181825)}
.artwork-back{position:relative;min-width:0;min-height:0;transform-origin:top left;perspective:1200px}
.artwork-back-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg)}
.artwork-flip-front,.artwork-flip-content{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.artwork-flip-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--paper)}
.artwork-flip-front>img{display:block;width:100%;height:100%;object-fit:contain}
.artwork-flip-content{position:relative;height:100%;overflow:auto;overscroll-behavior:contain;padding:34px;background:#fceaf0;border:1px solid #c1809955;transform:rotateY(180deg)}
.artwork-flip-content :is(h2,h3){font:900 clamp(25px,2.9vw,42px)/1.1 Archivo,sans-serif;letter-spacing:-.045em;color:var(--ink);margin:10px 0 24px;overflow-wrap:anywhere}
.artwork-flip-content h4{font:600 14px/1.4 Archivo,sans-serif;letter-spacing:0;margin:24px 0 8px}
.artwork-flip-content p{font:400 16px/1.7 Archivo,sans-serif;letter-spacing:0;margin:0 0 16px}
.artwork-flip-content .artwork-context{font:500 13px/1.5 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:var(--pink-ink);text-transform:uppercase;margin:0}
.artwork-flip-content a{text-decoration:underline;text-underline-offset:4px}
.artwork-dialog-nav{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #18181825;padding-top:16px;margin-top:24px}
.artwork-dialog-nav button{min-height:44px;padding:4px 0;color:var(--pink-ink);font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.artwork-card-label{font-size:12px}.artwork-spread{gap:24px}.artwork-flip-content{padding:26px}.artwork-flip-content p{font-size:15px}}
@media(max-width:760px){
 .artwork-section{padding-top:42px;padding-bottom:54px}.artwork-heading{display:block;margin-bottom:30px}.artwork-heading>span,.artwork-heading>p{display:block;margin-top:12px}.artwork-section .artwork-poem{font-size:clamp(32px,7.4vw,50px)}.artwork-intro{font-size:15px;line-height:1.7}.artwork-hint{font-size:13px}
 .artwork-orbit{--artwork-radius:clamp(105px,31vw,220px);--artwork-card-width:clamp(126px,34vw,215px);height:clamp(290px,64vw,420px);perspective:950px;margin-inline:-12px!important;width:calc(100% + 24px)}
 .artwork-card-label{font-size:11px;padding-inline:7px}.artwork-card-label>small{font-size:10px}.artwork-card-back{padding:12px}.artwork-card-back>span,.artwork-card-back>small{font-size:10px}.artwork-controls{gap:15px}
 #artwork-dialog{width:100%;height:100dvh;padding:64px 18px 24px;margin:0;border-radius:0}
 #artwork-dialog [data-artwork-close]{position:fixed}
 .artwork-spread{display:grid;grid-template-columns:1fr;gap:24px;height:auto;min-height:100%;align-items:start}
 .artwork-front{height:34dvh;min-height:220px;max-height:330px}.artwork-front>img{width:auto;max-width:100%;height:100%}
 .artwork-back{min-height:380px}.artwork-back-inner{height:auto;min-height:380px}.artwork-flip-content{min-height:380px;height:auto;overflow:visible;padding:26px 24px}.artwork-flip-content :is(h2,h3){font-size:30px}.artwork-flip-content p{font-size:15px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.artwork-card-inner{transition:none}}
html:not(.has-js) .artwork-orbit{height:auto;overflow:visible;perspective:none}
html:not(.has-js) .artwork-deck{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;transform:none}
html:not(.has-js) .artwork-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1/1.52;margin:0;transform:none}
html:not(.has-js) .artwork-controls{display:none}
@media(max-width:760px){html:not(.has-js) .artwork-deck{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Explicit Hangul fallback for the author’s original Winter title. */
.artwork-card-back .artwork-card-back-title,.artwork-controls p,.artwork-flip-content :is(h2,h3,p){font-family:Archivo,"Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",sans-serif}