/* Full-page photographic background. Saved page blocks remain editable. */
body.yc-projects-page{background:#161310;color:#fff8ee}
.yc-projects-page .wp-site-blocks{position:relative;z-index:1;padding:0 clamp(22px,4.5vw,72px);margin-top:0}
.yc-projects-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#161310;overflow:hidden}
.yc-projects-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:43% 30%}
.yc-projects-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.12),rgba(15,12,10,.2) 30%,rgba(15,12,10,.8) 63%,rgba(15,12,10,.91)),linear-gradient(0deg,rgba(15,12,10,.5),transparent 70%)}
.yc-projects-page .yc-header{max-width:1320px;margin:0 auto;padding:30px 0;background:transparent}
.yc-projects-page .yc-header :is(a,button){color:inherit}
.yc-projects-page .yc-header-inner{align-items:center}
.yc-projects-page .yc-projects-shell{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:clamp(150px,26vh,300px) 0 90px;min-height:85vh}
.yc-projects-copy{box-sizing:border-box;width:49%;max-width:640px;margin-left:auto;overflow-wrap:break-word}
.yc-projects-copy>.yc-page-intro{padding:0 0 clamp(44px,6vw,88px)}
.yc-projects-copy :is(h1,h2,h3,h4,p,a,.yc-eyebrow){color:inherit}
.yc-projects-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.5vw,84px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:16px 0 24px;text-wrap:balance}
.yc-projects-copy .yc-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.15em;text-transform:uppercase;color:#e4d3ba}
.yc-projects-copy p{font-size:16px;line-height:1.85}
.yc-projects-copy .yc-page-intro>p:last-child{font-size:17px;line-height:1.7;color:#f4eade;max-width:400px}
.yc-projects-copy .yc-project-detail{background:transparent;border-top:1px solid rgba(255,248,238,.32);padding:36px 0 44px}
.yc-projects-copy .yc-project-detail h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.6vw,38px);line-height:1.15;font-weight:400;margin:14px 0 20px}
.yc-projects-copy .yc-project-detail>p{color:#fff8ee}
.yc-projects-copy .yc-project-links{gap:12px 22px;margin-top:24px}
.yc-projects-copy .yc-project-links a{border:0;border-bottom:1px solid #c8b699;border-radius:0;padding:4px 0;font-size:13px;background:transparent}
.yc-projects-copy a:hover{text-decoration:underline;text-underline-offset:5px}
.yc-projects-page :is(a,button):focus-visible{outline:2px solid #fff8ee;outline-offset:5px}
.yc-projects-page .yc-footer{max-width:1320px;margin:0 auto;border-color:rgba(255,248,238,.25);background:transparent;padding:28px 0 40px}
.yc-projects-page .yc-footer :is(p,a){color:inherit}
.yc-projects-page .yc-footer .yc-caption{color:#e4d3ba}
/* The native mobile navigation opens on a solid surface for legibility. */
.yc-projects-page .wp-block-navigation__responsive-container.is-menu-open{background:#161310!important;color:#fff8ee!important}
.yc-projects-skip{position:fixed;top:12px;left:20px;transform:translateY(-180%);z-index:100001;background:#fff8ee;color:#161310;padding:12px 18px}
.yc-projects-skip:focus{transform:none}
@media(max-width:900px){
 .yc-projects-page .yc-projects-shell{padding-top:clamp(130px,22vh,220px)}
 .yc-projects-copy{width:56%}
 .yc-projects-backdrop::after{background:linear-gradient(90deg,rgba(15,12,10,.15),rgba(15,12,10,.82) 50%,rgba(15,12,10,.94))}
}
@media(max-width:600px){
 .yc-projects-page .wp-site-blocks{padding:0 24px}
 .yc-projects-page .yc-header{padding:20px 0}
 .yc-projects-backdrop img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center top}
 .yc-projects-backdrop::after{background:linear-gradient(180deg,rgba(22,19,16,.25),rgba(22,19,16,.05) 28vw,rgba(22,19,16,.84) 57vw,#161310 72vw)}
 .yc-projects-page .yc-projects-shell{padding-top:max(100px,calc(49vw - 68px));padding-bottom:48px;min-height:85svh}
 .yc-projects-copy{width:100%;max-width:none}
 .yc-projects-copy>.yc-page-intro{padding-bottom:40px}
 .yc-projects-copy h1{font-size:clamp(44px,12vw,64px)}
 .yc-projects-copy .yc-project-detail{padding:28px 0 32px}
 .yc-projects-copy p{font-size:16px;line-height:1.8}
 .yc-projects-page .yc-footer{padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.yc-projects-page{scroll-behavior:auto}}
