/*
Theme Name: Yohan Chung Studio
Author: Yohan Chung
Description: A minimal, editable portfolio using native WordPress blocks.
Version: 1.8.1
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yohan-chung-studio
*/
body,.editor-styles-wrapper{background:#fff;color:#171717;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
h1,h2,h3,.wp-block-heading{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:500}
a:focus-visible,button:focus-visible{outline:2px solid #171717;outline-offset:4px}
.yc-header{padding-top:24px;padding-bottom:24px;border-bottom:1px solid #e9e9e9}
.yc-header-inner{gap:24px}.yc-header .wp-block-navigation__container{gap:26px}.yc-header a{text-decoration:none}
.yc-main{margin-block-start:0}.yc-hero-wrap{padding-top:60px;padding-bottom:60px}.yc-hero{align-items:center;gap:48px;margin-bottom:0}
.yc-eyebrow{font-size:12px;letter-spacing:.05em;font-weight:500;line-height:1.6;color:#666}
.yc-name{font-size:clamp(44px,6vw,68px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin-top:22px;margin-bottom:20px}
.yc-role{font-size:19px;letter-spacing:0;color:#555}.yc-lead{font-size:20px;line-height:1.6;max-width:660px;color:#555}
.yc-hero .wp-block-buttons,.yc-hero-wrap>.wp-block-buttons{margin-top:28px;gap:12px}
.wp-block-button__link{border-radius:4px}.wp-block-button.is-style-outline>.wp-block-button__link{border-width:1px}
/* Hide the old draft's placeholder column; real photographs remain visible. */
.yc-hero .wp-block-column:has(img[src*="portrait-placeholder.svg"]){display:none!important}
.yc-hero:has(img[src*="portrait-placeholder.svg"])>.wp-block-column:first-child{flex-basis:100%!important}
.yc-portrait img[src*="portrait-placeholder.svg"]{display:none!important}
.yc-portrait{margin:0}.yc-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.yc-hero>.wp-block-column:first-child{flex-basis:60%}.yc-hero>.wp-block-column:last-child{flex-basis:40%}
.yc-portrait img{aspect-ratio:auto;max-width:320px;margin-left:auto}
.yc-about-columns{gap:48px;align-items:flex-start}.yc-about-columns>.wp-block-column:first-child{flex-basis:65%}.yc-about-columns>.wp-block-column:last-child{flex-basis:35%}
.yc-about-photo{margin:0}.yc-about-photo img{display:block;width:100%;height:auto}
.yc-video-grid{gap:20px;margin-top:24px;margin-bottom:36px}.yc-video-card{border:1px solid #e9e9e9;padding:20px}
.yc-video-card h4{font-size:16px;margin-top:0;margin-bottom:16px}.yc-video-stage{min-height:70px;display:flex;align-items:center}.yc-video-label{font-size:13px;color:#666}
.yc-video-stage.is-playing{display:block;aspect-ratio:16/9;min-height:0}.yc-video-stage iframe{display:block;width:100%;height:100%;border:0}
.yc-video-card .wp-block-button__link{font-size:13px;padding:10px 14px}.yc-video-link{font-size:12px;margin-bottom:0}.yc-video-link a{color:#666}
.yc-contact-email{font-size:clamp(21px,3vw,30px);overflow-wrap:anywhere}.yc-contact-email a{text-decoration-thickness:1px;text-underline-offset:5px}
.yc-caption{font-size:12px;letter-spacing:.02em;margin-top:12px;color:#666}
.yc-section{padding-top:44px;padding-bottom:44px;border-top:1px solid #e9e9e9;scroll-margin-top:24px}
.yc-section h2{font-size:clamp(28px,3vw,36px);font-weight:500;letter-spacing:-.025em;margin-top:16px;margin-bottom:24px}
.yc-section>p:not(.yc-eyebrow){max-width:760px;margin-left:0;margin-right:0}
.yc-disciplines{gap:32px;margin-top:32px}.yc-disciplines h3{font-size:21px}.yc-disciplines p{font-size:15px;line-height:1.7;color:#555}
.yc-placeholder{color:#666;font-size:15px}.yc-media-panel{background:transparent;padding:20px 0;min-height:0}.yc-media-panel h3{font-size:21px}
.yc-footer{border-top:1px solid #e9e9e9;padding-top:26px;padding-bottom:30px}.yc-footer-name{font-size:13px;font-weight:500;letter-spacing:.04em}
.yc-main>.wp-block-post-content>h1{font-size:clamp(36px,5vw,56px);margin-top:48px}.yc-main>.wp-block-post-content>p:last-child{margin-bottom:48px}
@media(max-width:781px){.yc-hero-wrap{padding-top:36px;padding-bottom:36px}.yc-hero{gap:24px}.yc-section{padding-top:32px;padding-bottom:32px}.yc-name{font-size:46px}.yc-disciplines{gap:20px}.yc-header{padding-top:18px;padding-bottom:18px}.yc-lead{font-size:18px}}
@media(max-width:781px){.yc-portrait img{margin-left:0;max-width:280px}.yc-about-columns{gap:24px}.yc-about-photo img{max-width:320px}.yc-video-grid{gap:16px}}
/* 1.3: quieter typography and a dedicated recording page. */
.yc-header{padding-top:28px;padding-bottom:28px;border-bottom:0}
.yc-header .wp-block-site-title{font-size:18px;font-weight:500;letter-spacing:-.025em}
.yc-header .wp-block-navigation__container{gap:24px}
.yc-hero-wrap{padding-top:70px;padding-bottom:84px}
.yc-hero{gap:64px}
.yc-name{font-size:clamp(42px,5.5vw,64px);font-weight:400;letter-spacing:-.045em}
.yc-lead{font-size:18px;line-height:1.65;max-width:420px}
.yc-location{font-size:14px;color:#777}
.yc-hero .wp-block-buttons{gap:24px}
.yc-hero .wp-block-button__link{padding:0 0 5px;border:0;border-bottom:1px solid #bbb;border-radius:0;background:transparent;color:#171717;font-size:14px}
.yc-hero .wp-block-button__link:hover{border-bottom-color:#171717}
.yc-section{padding-top:56px;padding-bottom:56px}
.yc-section h2{font-weight:400;font-size:clamp(26px,3vw,32px)}
.yc-section .yc-eyebrow{letter-spacing:.12em;font-size:11px}
.yc-about-columns{gap:56px}
.yc-about-columns p{font-size:15px;line-height:1.85}
.yc-about-photo img{max-width:260px;margin-left:auto}
.yc-footer-name{letter-spacing:0;font-size:15px}
.yc-page-intro{padding-top:56px;padding-bottom:32px}
.yc-page-intro h1{font-size:clamp(36px,5vw,50px);letter-spacing:-.035em;font-weight:400;margin-top:12px;margin-bottom:20px}
.yc-page-intro>p:last-child{color:#666;font-size:15px}
.yc-media-page{padding-bottom:56px}
.yc-media-page h3{font-size:24px;font-weight:400;letter-spacing:-.02em;margin-top:40px}
.yc-video-card{border:0;border-top:1px solid #ddd;padding:20px 0}
.yc-video-stage:not(.is-playing){min-height:100px;background:#f7f7f7;justify-content:center}
.yc-video-card .wp-block-buttons{margin-top:16px}
@media(max-width:781px){.yc-hero-wrap{padding-top:28px;padding-bottom:48px}.yc-hero{gap:32px}.yc-name{font-size:46px}.yc-section{padding-top:36px;padding-bottom:36px}.yc-about-columns{gap:28px}.yc-about-photo img{margin-left:0}.yc-page-intro{padding-top:32px}.yc-header{padding-top:20px;padding-bottom:20px}}

/* Projects, biography, photographs and downloads. */
.yc-project-grid{gap:28px;margin-top:36px;margin-bottom:28px}
.yc-project-card{border-top:1px solid #ddd;padding-top:20px}
.yc-project-card h3{font-size:21px;font-weight:400;line-height:1.35;margin-top:12px}
.yc-project-card p:not(.yc-eyebrow){font-size:14px;line-height:1.8;color:#555}
.yc-project-detail{border-top:1px solid #e9e9e9;padding-top:36px;padding-bottom:40px;scroll-margin-top:24px}
.yc-project-detail h2{font-size:30px;letter-spacing:-.025em;font-weight:400}
.yc-project-detail>p:not(.yc-eyebrow){max-width:760px;margin-left:0}
.yc-project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.yc-project-links a{display:inline-block;border:1px solid #ddd;padding:9px 16px;border-radius:4px;font-size:14px;text-decoration:none}
.yc-project-links a:hover{border-color:#171717}
.yc-biography-text p{font-size:16px;line-height:1.9}
.yc-photo-grid{gap:40px;align-items:flex-start;margin-bottom:40px}
.yc-gallery-photo{margin:0}.yc-gallery-photo img{display:block;width:100%;height:auto}
.yc-page-end{padding-top:24px;padding-bottom:56px}
.yc-downloads{padding-bottom:64px}.yc-downloads h2{font-weight:400;font-size:25px;margin-top:36px}
.yc-downloads .wp-block-button__link,.yc-page-end .wp-block-button__link,.yc-section>.wp-block-buttons .wp-block-button__link{font-size:14px}
@media(max-width:781px){.yc-project-grid{gap:20px}.yc-photo-grid{gap:28px}.yc-project-detail h2{font-size:26px}.yc-header .wp-block-navigation__container{gap:18px}}

/* 1.6: the editable introduction overlays the opening photograph. */
.yc-hero-wrap{padding-top:12px;padding-bottom:56px}
.yc-hero{display:grid!important;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate;overflow:hidden;gap:0!important;margin-bottom:0}
.yc-hero>.wp-block-column{grid-area:1 / 1;flex-basis:auto!important;width:100%;min-width:0;margin:0;order:0}
.yc-hero>.wp-block-column:has(.yc-portrait){z-index:0;position:relative}
.yc-hero>.wp-block-column:not(:has(.yc-portrait)){position:relative;z-index:2;align-self:end;max-width:660px;padding:clamp(28px,4vw,56px)}
.yc-hero .yc-portrait{width:100%!important;margin:0;overflow:hidden;background:#eee;height:100%}
.yc-hero .yc-portrait img{display:block;width:100%!important;max-width:none!important;height:clamp(560px,60vw,720px)!important;aspect-ratio:auto;object-fit:cover;object-position:center top;margin:0}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"]))::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.16) 75%,rgba(0,0,0,.04)),linear-gradient(90deg,rgba(0,0,0,.32),transparent 80%)}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"]))>.wp-block-column:not(:has(.yc-portrait)){color:#fff}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"])) :is(.yc-name,.yc-eyebrow,.yc-lead,.yc-location){color:#fff}
.yc-hero .yc-eyebrow{margin-top:0;font-size:11px;letter-spacing:.12em}
.yc-hero .yc-name{font-size:clamp(48px,6vw,76px);line-height:1.05;margin-top:14px;margin-bottom:20px}
.yc-hero .yc-lead{max-width:480px;font-size:20px;line-height:1.6}
.yc-hero .yc-location{margin-top:14px;font-size:14px}
.yc-hero .wp-block-buttons{margin-top:24px;gap:24px}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"])) .wp-block-button__link{color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.65);padding:0 0 5px;border-radius:0;font-size:14px}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"])) .wp-block-button__link:hover{border-bottom-color:#fff}
.yc-hero:has(.yc-portrait img:not([src*="portrait-placeholder.svg"])) :is(a,button):focus-visible{outline-color:#fff}
@media(max-width:781px){
 .yc-hero-wrap{padding-top:4px;padding-bottom:36px}
 .yc-hero .yc-portrait img{height:clamp(560px,150vw,660px)!important}
 .yc-hero>.wp-block-column:not(:has(.yc-portrait)){max-width:100%;padding:28px 24px}
 .yc-hero .yc-name{font-size:clamp(40px,11vw,60px)}
 .yc-hero .yc-lead{font-size:17px}
 .yc-hero .wp-block-buttons{gap:18px}
}

/* 1.7.1: target Home's editable block structure, including editors without the saved anchor ID. */
.yc-section .yc-about-columns{display:grid!important;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate;overflow:hidden;gap:0!important}
.yc-section .yc-about-columns>.wp-block-column{grid-area:1 / 1;flex-basis:auto!important;width:100%;min-width:0;margin:0;box-sizing:border-box}
.yc-section .yc-about-columns>.wp-block-column:has(.yc-about-photo){position:relative;z-index:0;min-height:620px}
.yc-section .yc-about-columns>.wp-block-column:not(:has(.yc-about-photo)){position:relative;z-index:2;align-self:end;max-width:620px;padding:clamp(28px,4vw,56px);color:#fff}
.yc-section .yc-about-photo{position:absolute;inset:0;width:100%!important;height:100%;margin:0;background:#eee}
.yc-section .yc-about-photo img{display:block;width:100%!important;max-width:none!important;height:100%!important;aspect-ratio:auto;object-fit:cover;object-position:center top;margin:0}
.yc-section .yc-about-columns:has(.yc-about-photo img)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.18) 80%,rgba(0,0,0,.04)),linear-gradient(90deg,rgba(0,0,0,.35),transparent 80%)}
.yc-section .yc-about-columns p{font-size:17px;line-height:1.75;color:inherit}
.yc-section .yc-about-columns>.wp-block-column:not(:has(.yc-about-photo))>p:first-child{margin-top:0}
.yc-section .yc-about-columns .wp-block-buttons{margin-top:24px}
.yc-section .yc-about-columns .wp-block-button__link{color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.65);padding:0 0 5px;border-radius:0;font-size:14px}
.yc-section .yc-about-columns .wp-block-button__link:hover{border-bottom-color:#fff}
.yc-section .yc-about-columns :is(a,button):focus-visible{outline-color:#fff}
@media(max-width:781px){
 .yc-section .yc-about-columns>.wp-block-column:has(.yc-about-photo){min-height:680px}
 .yc-section .yc-about-columns>.wp-block-column:not(:has(.yc-about-photo)){max-width:100%;padding:28px 24px}
 .yc-section .yc-about-columns p{font-size:16px;line-height:1.7}
}

/* 1.8: native Cover controls own photo cropping, height, padding and text position. */
.wp-block-cover.yc-editable-cover{box-sizing:border-box;overflow:hidden}
.wp-block-cover.yc-editable-cover .wp-block-cover__inner-container{width:100%;max-width:540px}
.yc-editable-cover :is(.yc-eyebrow,.yc-name,.yc-lead,.yc-location){color:inherit}
.yc-cover-hero .yc-eyebrow{font-size:11px;letter-spacing:.12em;margin-top:0}
.yc-cover-hero .yc-name{font-size:clamp(42px,6vw,76px);line-height:1.08;margin-top:14px;margin-bottom:20px}
.yc-cover-hero .yc-lead{font-size:20px;line-height:1.6;max-width:480px}
.yc-cover-hero .yc-location{font-size:14px}
.yc-editable-cover .wp-block-buttons{gap:24px;margin-top:24px}
.yc-editable-cover .wp-block-button__link{color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;border-radius:0;font-size:14px}
.yc-cover-about p{font-size:17px;line-height:1.75}
.yc-cover-credit{font-size:12px!important;line-height:1.5!important}
.yc-editable-cover :is(a,button):focus-visible{outline-color:currentColor}
@media(max-width:781px){
 .yc-cover-hero .yc-name{font-size:clamp(36px,10vw,60px)}
 .yc-cover-hero .yc-lead,.yc-cover-about p{font-size:16px;line-height:1.7}
 .yc-editable-cover .wp-block-buttons{gap:18px}
}