.portfolio{--ink:#17253d;--line:#dce4ee;background:#fff;color:var(--ink);font-family:"Segoe UI","Noto Sans KR",Arial,sans-serif;line-height:1.62;overflow-wrap:anywhere;min-height:500px;box-shadow:0 16px 45px #1a2c4320}.portfolio *{box-sizing:border-box}.portfolio a{color:inherit;text-decoration:underline;text-underline-offset:4px}.portfolio .pf-hero{padding:72px 6.5% 48px;background:#17253d;color:#fff}.portfolio .pf-kicker{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;opacity:.7}.portfolio h1{font-size:clamp(34px,5vw,66px);line-height:1.08;margin:20px 0 8px;letter-spacing:-.045em}.portfolio .pf-role{font-size:19px;color:#bdd2ec}.portfolio .pf-bio{max-width:720px;white-space:pre-wrap;margin:28px 0 16px;font-size:16px}.portfolio .pf-contact{display:inline-block;margin-top:8px}.portfolio .pf-main{padding:50px 6.5% 80px}.portfolio .pf-section-title{font-size:12px;letter-spacing:.18em;color:#54759f;text-transform:uppercase;margin:0 0 24px}.portfolio .pf-project{border-top:1px solid var(--line);padding:35px 0 45px}.portfolio .pf-project:first-of-type{border-top:0}.portfolio .pf-number{font-size:12px;font-weight:700;color:#6383a8}.portfolio .pf-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#e9eff6;margin:16px 0 24px}.portfolio h2{font-size:clamp(23px,3vw,37px);line-height:1.2;letter-spacing:-.03em;margin:8px 0}.portfolio .pf-meta{font-size:13px;color:#5d7189;margin:0 0 24px}.portfolio .pf-detail{display:grid;grid-template-columns:135px 1fr;gap:14px;padding:13px 0;border-top:1px solid #e7edf3}.portfolio .pf-detail strong{font-size:12px;letter-spacing:.05em;color:#53739a}.portfolio .pf-detail p{margin:0;white-space:pre-wrap}.portfolio .pf-link{display:inline-block;margin-top:20px;font-weight:700}.portfolio .pf-footer{padding:20px 6.5%;border-top:1px solid var(--line);font-size:11px;color:#74859b}.portfolio.template-editorial{--ink:#223149;background:#fdfcf9}.portfolio.template-editorial .pf-hero{background:#f4f1e9;color:#223149;border-bottom:4px solid #233d5c;padding:65px 6.5%}.portfolio.template-editorial .pf-kicker{color:#4c6481}.portfolio.template-editorial .pf-role{color:#55718e}.portfolio.template-editorial .pf-main{padding-top:55px}.portfolio.template-editorial .pf-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 40px;padding:45px 0}.portfolio.template-editorial .pf-project .pf-image{grid-column:1;grid-row:1 / span 2;margin:0;aspect-ratio:4/5}.portfolio.template-editorial .pf-project-content{grid-column:2}.portfolio.template-editorial .pf-detail{grid-template-columns:1fr;gap:4px}.portfolio.template-editorial .pf-section-title{color:#6c7059}@media(max-width:720px){.portfolio .pf-hero{padding:45px 6%}.portfolio .pf-main{padding:32px 6%}.portfolio .pf-detail{grid-template-columns:1fr;gap:4px}.portfolio.template-editorial .pf-project{display:block}.portfolio.template-editorial .pf-project .pf-image{aspect-ratio:16/10;margin:16px 0 24px}.portfolio.template-editorial .pf-project-content{display:block}}@media print{.portfolio{box-shadow:none}.portfolio .pf-project{break-inside:avoid-page}}

/* R03 portfolio document: the same CSS is used in preview and HTML export. */
.portfolio{--ink:#2c2522;--line:#e5ded3;background:#fffefa;color:var(--ink);font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.portfolio .pf-hero{background:#f3ede2;color:#2c2522;border-bottom:1px solid #e5ded3}
.portfolio .pf-kicker,.portfolio .pf-section-title,.portfolio .pf-number,.portfolio .pf-detail strong{color:#b7564f;opacity:1}
.portfolio h1,.portfolio h2{font-family:Georgia,"Noto Serif CJK KR",Batang,serif;font-weight:500}
.portfolio .pf-role{color:#9d4f49}.portfolio .pf-main{background:#fffefa}
.portfolio .pf-image{background:#eee7dd;border-radius:12px}
.portfolio .pf-meta,.portfolio .pf-footer{color:#786d65}
.portfolio .pf-detail{border-color:#e5ded3}
.portfolio.template-editorial{--ink:#2c2522;background:#faf8f2}
.portfolio.template-editorial .pf-hero{background:#e2ebdd;color:#2c2522;border-bottom-color:#a9b9a4}
.portfolio.template-editorial .pf-kicker,.portfolio.template-editorial .pf-role,.portfolio.template-editorial .pf-section-title{color:#526c57}