/*
Theme Name: Yeonwoo Portfolio
Theme URI: https://leeyeonwoo.artforum.kr/
Author: Yeonwoo Portfolio
Description: WordPress presentation of the supplied Lee Yeon Woo portfolio design.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: yeonwoo-portfolio
*/

/* The three reference stylesheets above preserve the supplied composition. */
.gallery-row[hidden]{display:none!important}
.gallery-row:has(.image-rail:empty){min-height:100px}
.gallery-row:has(.image-rail:empty) .row-heading{position:relative}
.gallery-row:has(.image-rail:empty) .row-controls{display:none}
.gallery-row:has(.image-rail:empty) .image-rail{min-height:70px}
.site-nav .wordmark{font-weight:400}
.story-project a:hover{text-decoration:underline;text-underline-offset:4px}
.story-flow>.record-blocks{display:contents}
.record-blocks>:where(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,.wp-block-columns,.wp-block-buttons){width:min(58vw,760px);max-width:calc(100% - 40px);margin:0 auto;font-size:1.0625rem;line-height:1.85;overflow-wrap:anywhere;word-break:keep-all}
.record-blocks>h2,.record-blocks>h3,.record-blocks>.wp-block-heading{font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.4;text-align:center;font-weight:600}
.record-blocks>p{white-space:pre-wrap}
.record-blocks>:where(figure,.wp-block-gallery,.wp-block-embed){width:min(74vw,1200px);max-width:calc(100% - 40px);margin:0 auto;text-align:center}
.record-blocks>.wp-block-image.portrait{width:min(40vw,650px)}
.record-blocks>.wp-block-image img{display:block;width:auto;max-width:100%;max-height:100svh;height:auto;margin:0 auto;cursor:zoom-in}
.record-blocks>.wp-block-video video{display:block;width:100%;height:auto;max-height:85svh;object-fit:contain;background:#000}
.record-blocks>figure figcaption{font-size:.875rem;line-height:1.7;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px auto 0;color:var(--muted);max-width:680px}
.record-blocks .wp-block-embed iframe{max-width:100%}
.record-blocks>.wp-block-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.record-blocks>.wp-block-separator{width:min(58vw,760px)}
.record-blocks a:not(.wp-element-button){text-decoration:underline;text-underline-offset:3px}
.record-blocks .wp-block-image a{display:inline-block}
.profile-sheet-body>p,.profile-sheet-body>.wp-block-paragraph{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.profile-sheet-body>p+p,.profile-sheet-body>.wp-block-paragraph+.wp-block-paragraph{margin-top:2em}
.about-content{font-size:clamp(1.125rem,1.822916667vw,3.5rem);line-height:1.55;max-width:65ch;overflow-wrap:anywhere}
.contact-content{font-size:clamp(1.125rem,1.822916667vw,3.5rem);line-height:1.5}
.contact-content :where(h2,h3){font-size:inherit;font-weight:300;line-height:1.18;margin:0 0 .08em}
.contact-content :where(h2,h3):not(:first-child){margin-top:clamp(24px,2.916145833vw,5.599rem)}
.contact-content p{margin:0}
.contact-content a{font-size:clamp(1.375rem,2.34375vw,4.5rem);font-weight:300;line-height:1.18;text-decoration:none;overflow-wrap:anywhere}
.contact-content a[href^="mailto:"]{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.1em}
.contact-content a:hover{text-decoration:underline}
.generic-page{padding:95px max(24px,9vw);max-width:1100px;margin:0 auto;line-height:1.7}
.generic-page h1{font-size:clamp(2rem,4vw,4rem);font-weight:400}
.generic-page article+article{margin-top:80px}
.generic-page a:hover{text-decoration:underline}
.entry-content img,.entry-content video{max-width:100%;height:auto}
.lightbox-open{overflow:hidden}
.image-dialog .image-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.image-dialog .image-stage img{max-height:100%;max-width:100%;object-fit:contain}
body.admin-bar .site-nav{top:32px}
body.admin-bar .index-menu{top:76px}
@media(max-width:700px){
	body.admin-bar .site-nav{top:46px}
	body.admin-bar .index-menu{top:104px}
	.record-blocks>:where(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,.wp-block-columns,.wp-block-buttons){width:calc(100% - 40px);max-width:680px;font-size:1rem;line-height:1.8}
	.record-blocks>:where(figure,.wp-block-gallery,.wp-block-embed){width:calc(100% - 32px);max-width:none}
	.record-blocks>.wp-block-image.portrait{width:72vw}
	.record-blocks>figure figcaption{font-size:.8125rem;margin-top:12px}
}
@media(prefers-reduced-motion:no-preference){
	.home-center{animation:yeonwoo-enter .45s ease-out both}
	.gallery-row{animation:yeonwoo-enter .5s ease-out both}
	.gallery-row:nth-child(n+4){animation-delay:.08s}
	@keyframes yeonwoo-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}