/* Shared geometry for navigation destinations. Home retains its immersive hero. */
body.inner-page{--page-width:1440px;--page-gutter:52px;--page-top:64px;--page-title:48px;--page-gap:40px;background:#fff;color:#202020;font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif}
body.inner-page>.header,body.inner-page>.header.scrolled{height:80px;padding-inline:max(var(--page-gutter),calc((100% - var(--page-width))/2));border-bottom:1px solid #e9ecf1;transition:background .2s,color .2s}
body.inner-page .mobile-nav{top:80px}
body.inner-page :is(.business-directory,.collection,.process-main,.project-opening,.gallery,.company-footer){width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto}
body.inner-page :is(.business-directory,.collection,.process-main){padding-top:var(--page-top)}
body.inner-page #main .page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 var(--page-gap);padding:0;border:0;min-height:0}
body.inner-page #main .page-heading h1{font-size:var(--page-title)!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.035em!important;margin:0;color:#202020;overflow-wrap:break-word}
body.inner-page #main .page-heading .section-subcopy{font-size:17px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:-.02em!important;color:#687180;margin:16px 0 0!important}
body.inner-page #main .page-heading>p{font-size:14px!important;line-height:1.75!important;color:#687180;margin:0;max-width:310px}
body.inner-page #main .directory-count{font-size:11px;line-height:1.5;margin-bottom:8px}
body.corporate-page{--company-content-width:var(--page-width);--company-gutter:var(--page-gutter)}
body.corporate-page #main{padding-top:0}
body.corporate-page #main>section{min-height:0;scroll-margin-top:100px;padding-block:88px;display:block}
body.corporate-page #main>#company-overview{padding-top:var(--page-top);padding-bottom:80px;display:block}
body.corporate-page #main #company-overview>.editorial-wrap{max-width:var(--page-width)}
body.corporate-page .company-tabs{position:static;inset:auto;height:auto;width:100%;background:#fff;border-top:0;border-bottom:1px solid #dfe4eb;margin:0 0 32px}
body.corporate-page .company-tabs>.corporate-wrap{width:100%;max-width:none;display:flex;gap:32px;flex-wrap:wrap}
body.corporate-page .company-tabs a{padding:14px 0;font-size:14px;line-height:1.6}
body.corporate-page #company-overview .editorial-summary{margin-top:0;padding-top:0}
body.inner-page .collection-nav{top:80px}
body.process-page .process-page-steps{border-top:1px solid #dfe4eb}
body.inner-page .company-footer{margin-top:0}
body.detail-page .detail-heading{padding-top:var(--page-top)}
body.detail-page #main .detail-title-row h1{font-size:var(--page-title)!important;line-height:1.2!important;letter-spacing:-.035em!important}
/* Shared project opening: title left, Overview right; stacked on mobile. */
body.detail-page #main .project-opening{height:auto;min-height:0;padding-top:var(--page-top)}
body.detail-page .project-opening .detail-heading{padding-top:0}
body.detail-page .detail-heading .breadcrumbs{margin-bottom:28px}
body.detail-page .detail-heading .breadcrumbs a{display:inline-flex;align-items:center;min-height:36px}
body.detail-page .detail-heading>.eyebrow{margin:0 0 12px}
body.detail-page #main .project-opening .detail-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:start;gap:0 56px}
body.detail-page #main .detail-title-row h1{grid-column:1;grid-row:1;margin:0}
body.detail-page #main .detail-title-row .project-name-subcopy{grid-column:1;grid-row:2;margin:16px 0 0;max-width:100%}
body.detail-page #main .project-opening .detail-intro{grid-column:2;grid-row:1 / span 2;align-self:end;justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;padding:0 0 3px;min-width:0;width:100%;max-width:420px}
body.detail-page #main .detail-intro .pill{background:none;border:0;border-radius:0;padding:0;color:#687180;font-size:12px;line-height:1.5;letter-spacing:.06em}
body.detail-page #main .detail-intro p{font-size:16px;line-height:1.8;margin:0;overflow-wrap:anywhere}
body.detail-page .project-facts{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);gap:24px;margin:32px 0;padding:24px 0;border-color:#e1e5eb}
body.detail-page .project-facts>div{min-width:0}
body.detail-page .project-facts dt{margin-bottom:10px;color:#687180}
body.detail-page .project-facts dd{overflow-wrap:anywhere}
@media(max-width:760px){
 body.detail-page .detail-heading .breadcrumbs{margin-bottom:28px}
 body.detail-page #main .project-opening .detail-title-row{display:flex;flex-direction:column;gap:0}
 body.detail-page #main .detail-title-row .project-name-subcopy{margin-top:12px}
 body.detail-page #main .project-opening .detail-intro{margin-top:20px;padding:0;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;max-width:none}
 body.detail-page #main .detail-intro p{font-size:14px}
 body.detail-page .project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:28px 0 24px;padding:22px 0}
 body.detail-page .project-facts>div:last-child:nth-child(odd){grid-column:1 / -1}
 body.detail-page .project-facts dt{margin-bottom:6px}
}
@media(max-width:1000px){body.inner-page{--page-gutter:32px;--page-title:42px;--page-top:52px}.inner-page #main .page-heading>p{max-width:260px}}
@media(max-width:760px){body.inner-page{--page-gutter:20px;--page-title:32px;--page-top:36px;--page-gap:28px}body.inner-page>.header,body.inner-page>.header.scrolled{height:72px}body.inner-page .mobile-nav{top:72px}body.inner-page #main .page-heading{display:block}body.inner-page #main .page-heading .section-subcopy{font-size:15px!important;margin-top:12px!important}body.inner-page #main .page-heading>p{font-size:13px!important;max-width:none;margin-top:18px}body.corporate-page .company-tabs>.corporate-wrap{gap:22px}body.corporate-page .company-tabs a{font-size:13px}body.corporate-page #main>section{padding-block:56px;scroll-margin-top:88px}body.corporate-page #main>#company-overview{padding-top:var(--page-top);padding-bottom:56px}body.inner-page .collection-nav{top:72px}}


body.detail-page #main .project-opening .detail-intro[hidden]{display:none}
body.detail-page #main .project-name-subcopy{overflow-wrap:anywhere}
body.detail-page #main .detail-intro p{white-space:pre-line}