/* Shared reading scale for portfolio and insight content, including CMS previews. */
:root{--content-font:Arial,"Noto Sans KR",sans-serif;--content-body:1.0625rem;--content-small:.875rem;--content-title:clamp(2rem,4vw,3.25rem)}
.project-content-layout,.project-details-layout,.blog-page-content-layout,.blog-details-layout,.project-collection-list,.blog-collection-list,.detail,.project-detail-live{font-family:var(--content-font);overflow-wrap:anywhere}
.project-content-layout h1,.project-details-heading-wrap :is(h1,h2),.blog-heading :is(h1,h2),.blog-details-title-wrap :is(h1,h2),.detail h1,.project-detail-live h1{font-size:var(--content-title)!important;line-height:1.25!important;letter-spacing:-.035em!important;font-weight:600!important}
.project-content-layout h1 .text-span{font-size:1.125rem;line-height:1.6;letter-spacing:0}
.project-collection-list :is(h2,h3),.blog-collection-list :is(h2,h3),.more-project-title-wrap :is(h2,h3),.blog-bottom-heading :is(h2,h3){font-size:clamp(1.25rem,2vw,1.75rem)!important;line-height:1.35!important;letter-spacing:-.02em!important}
.project-collection-list .paragraph-small,.blog-collection-list .paragraph-small,.blog-details-date-wrap,.project-details-right-2,.project-details-right-2 p,.project-detail-live dt,.project-detail-live dd{font-size:var(--content-small)!important;line-height:1.65!important}
.rich-text.project,.rich-text.blog-details,.detail article,.project-detail-live header>p,.project-detail-live .project-description{font-size:var(--content-body)!important;line-height:1.85!important;letter-spacing:-.01em}
.rich-text.project :is(p,li),.rich-text.blog-details :is(p,li),.detail article :is(p,li),.project-description p{font-size:inherit!important;line-height:1.85!important}
.rich-text.project :is(h2,h3,h4),.rich-text.blog-details :is(h2,h3,h4),.detail article :is(h2,h3,h4){font-size:clamp(1.25rem,2.3vw,1.75rem)!important;line-height:1.45!important;margin-top:2em;margin-bottom:.8em;letter-spacing:-.025em}
.rich-text.project :is(span,strong,em),.rich-text.blog-details :is(span,strong,em),.detail article :is(span,strong,em){font-size:inherit!important;line-height:inherit!important}
.project-details-layout .paragraph-reguler-2,.blog-details-layout .paragraph-reguler{font-size:var(--content-body)!important;line-height:1.8!important}
.project-title-wrap{min-width:0;max-width:100%}.project-title-wrap .project-text{font-size:clamp(2rem,4vw,3.25rem)!important;line-height:1.25!important;overflow-wrap:anywhere}.project-title-wrap .project-text span{font-size:clamp(1rem,2vw,1.375rem)!important;line-height:1.6!important}
@media(max-width:600px){:root{--content-body:1rem}.project-detail-live header,.detail header{padding-top:3rem;padding-bottom:2rem}}

/* One reading hierarchy for every authored heading, including rich-text H1s. */
:root{--content-title:clamp(1.75rem,3vw,2.25rem)}
.project-title-wrap .project-text{font-size:var(--content-title)!important}
.blog-heading,.blog-heading :is(h1,h2),.blog-details-title-wrap :is(h1,h2),.project-details-heading-wrap :is(h1,h2),.detail>header h1,.project-detail-live>header h1{font-size:var(--content-title)!important;line-height:1.4!important;letter-spacing:-.025em!important}
.rich-text.blog-details,.rich-text.project,.detail article,.project-description{max-width:800px!important;width:100%;font-size:1.0625rem!important;line-height:1.85!important;word-break:keep-all;overflow-wrap:break-word}
.rich-text.blog-details,.detail article{margin-left:auto!important;margin-right:auto!important}
.rich-text-wrap{width:100%;max-width:800px;margin-left:auto;margin-right:auto}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) :is(h1,h2,h3,h4,h5,h6){font-family:var(--content-font)!important;line-height:1.5!important;letter-spacing:-.025em!important;font-weight:600!important;margin:1.8em 0 .75em!important;word-break:keep-all;overflow-wrap:break-word}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) h1{font-size:1.875rem!important}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) h2{font-size:1.5rem!important}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) h3{font-size:1.25rem!important}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) :is(h4,h5,h6){font-size:1.125rem!important}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) :is(p,li,blockquote){font-size:1.0625rem!important;line-height:1.85!important;letter-spacing:-.01em!important;color:#424242}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) p{margin:0 0 1.25em!important}
:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description)>:first-child{margin-top:0!important}
.blog-collection-list :is(h2,h3),.project-collection-list :is(h2,h3){font-size:clamp(1.125rem,2vw,1.5rem)!important;line-height:1.5!important}
@media(max-width:600px){:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description),:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) :is(p,li,blockquote){font-size:1rem!important}:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) h1{font-size:1.5rem!important}:is(.rich-text.blog-details,.rich-text.project,.detail article,.project-description) h2{font-size:1.375rem!important}}