/* Generate-inspired editorial composition using ORPHERA's brand palette. */
.bio-reference{--site-tint:#f6f4fb;--visual-charcoal:#171820}
.bio-reference main{width:100%;max-width:none}
.bio-reference .site-header{position:relative;backdrop-filter:none}
.bio-reference .reference-shell{width:calc(100% - 112px);max-width:1160px;margin-inline:auto}
.bio-reference .reference-hero{padding-top:22px;padding-bottom:0}
.bio-reference .detail-back{font-size:12px;margin:0 0 28px;color:#656370!important}
.bio-reference .reference-eyebrow{font-size:12px;font-weight:550;letter-spacing:.1em;color:#4338a8;margin-bottom:24px}
.bio-reference .reference-hero h1{font-family:'Noto Serif KR',serif;font-size:clamp(40px,5.9vw,78px);font-weight:500;line-height:1.16;letter-spacing:-.055em;max-width:1020px;margin:0 0 46px;word-break:keep-all}
.bio-reference .reference-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #d9d8e1;padding:27px 0 36px}
.bio-reference .reference-intro>p{word-break:keep-all;overflow-wrap:anywhere;font-size:22px;line-height:1.65;color:#34343d;letter-spacing:-.025em}
.bio-reference .reference-intro>div>p{word-break:keep-all;overflow-wrap:anywhere;font-size:17px;line-height:1.8;color:#676773}
.bio-reference .reference-intro .reference-feature-links{margin-top:24px}
.bio-reference .reference-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#4338a8;font-weight:500;text-underline-offset:6px;text-decoration-thickness:1px}
.bio-reference .reference-intro .reference-text-link{margin-top:12px}
.reference-index{display:flex;gap:36px;border-top:1px solid #d9d8e1;padding:13px 0;margin-bottom:0}
.reference-index a{display:flex;align-items:center;gap:18px;font-size:11px;color:#898592!important;text-decoration:none;min-height:42px}
.reference-index a span{font-size:15px;color:#34343d}
.reference-index a:hover span{color:#4338a8}
.reference-feature{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;border-top:1px solid #e3e1eb;background:#fff}
.reference-photo{position:relative;margin:0;overflow:hidden;min-width:0;background:#eeeef0}
.reference-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;transition:transform 1s ease}
.reference-photo:hover img{transform:scale(1.025)}
.reference-photo figcaption{position:absolute;left:24px;bottom:20px;background:#ffffffd9;padding:5px 8px;color:#656370;font-size:10px}
.reference-feature-copy{padding:60px clamp(32px,4.4vw,80px);align-self:center;min-width:0}
.reference-service{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.05em;color:#6b6876;border-bottom:1px solid #d9d8e1;padding-bottom:18px;margin-bottom:30px}
.reference-service>span:first-child{color:#4338a8;font-weight:550}
.bio-reference .reference-feature h2{font-family:'Pretendard Variable',sans-serif;font-size:clamp(32px,3.25vw,46px);line-height:1.25;font-weight:600;letter-spacing:-.045em;margin-bottom:24px;word-break:keep-all}
.reference-feature-copy>p{font-size:17px;line-height:1.85;color:#63616e;word-break:keep-all;overflow-wrap:anywhere}
.reference-feature-copy ul{list-style:none;padding:0;margin:26px 0 32px;color:#656370;font-size:14px;line-height:1.8}
.reference-feature-copy li{padding:9px 0;border-top:1px solid #e3e1eb}
.reference-feature-copy li:last-child{border-bottom:1px solid #e3e1eb}
.reference-feature-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.bio-reference .detail-button{border-radius:0;box-shadow:none;font-weight:500;padding:13px 22px;font-size:14px}
.feature-compass{background:#171820;color:#fff}
.feature-compass .reference-photo{order:2;background:#171820}
.feature-compass .reference-feature-copy{order:1}
.feature-compass .reference-feature-copy>p,.feature-compass .reference-feature-copy ul{color:#c2bfcd}
.feature-compass .reference-service{border-color:#494554;color:#a8a3b7}
.feature-compass .reference-service>span:first-child{color:#c5b5ff}
.feature-compass .reference-feature-copy li{border-color:#494554}
.bio-reference .feature-compass .reference-text-link{color:#ded5ff}
.feature-compass .detail-button{background:#f6f4fb!important;color:#282032!important;border-color:#f6f4fb}
.feature-compass .reference-photo figcaption{background:#171820c9;color:#a8a3b7}
.reference-cover{position:relative;width:100%;height:clamp(300px,39vw,540px);overflow:hidden;margin:0;background:#eeeef0}
.reference-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.reference-cover figcaption{position:absolute;inset:auto 32px 20px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:#44414e}
.reference-cover figcaption span{background:#ffffffd9;padding:6px 10px}
.cover-compass{background:#171820}
.cover-compass figcaption span{background:#171820d9;color:#d0c9de}
.bio-reference .reference-bottom{padding-top:0}
.bio-reference .detail-section{padding:42px 0}
.bio-reference .detail-section-head{margin-bottom:26px}
.bio-reference .detail-section h2{font-family:'Pretendard Variable',sans-serif;font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.04em}
.bio-reference .detail-section h3{font-family:'Pretendard Variable',sans-serif;font-weight:600}
.bio-reference .detail-kicker{font-size:11px;font-weight:500;letter-spacing:.04em;color:#6e607e}
.bio-reference .detail-summary{background:none;border:0;border-bottom:1px solid #ddd9e4;padding:24px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:28px}
.bio-reference .detail-summary .summary-title{display:block;align-self:center;color:#6e607e;font-size:12px}
.bio-reference .detail-summary dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0}
.bio-reference .detail-summary dl>div{display:block;padding:0;border:0}
.bio-reference .detail-summary dt{font-size:11px;margin-bottom:6px;color:#89818f}
.bio-reference .detail-summary dd{font-size:14px;font-weight:400;color:#49434f}
.bio-reference .detail-nav{border-top:0;gap:28px}
.bio-reference .detail-nav a{font-size:13px}
.bio-reference #includes .detail-card{border:0;border-top:1px solid #655874;border-radius:0;padding:22px 0 0}
.bio-reference #includes .detail-icon{width:20px;height:20px}
.bio-reference .sample-preview-sheet{border:0;border-top:2px solid #655874;padding:26px 0}
.bio-reference .sample-preview-sheet h3{font-size:28px;font-weight:600}
.bio-reference .sample-takeaway{background:none!important;border-left:2px solid #bdb6d3!important;padding:4px 0 4px 20px!important}
.bio-reference .sample-table-wrap{border:0}
.bio-reference .sample-table-wrap th{background:#fff;color:#6e607e;border-top:1px solid #655874;font-weight:500}
.bio-reference .sample-table-wrap th:first-child,.bio-reference .sample-table-wrap td:first-child{padding-left:0}
.bio-reference .detail-step{border-top:1px solid #c9c2d4}
.bio-reference .detail-step::before{font-weight:400;color:#89818f}
.bio-reference .detail-note{background:none;border:0;border-top:1px solid #ddd9e4;padding:18px 0}
.bio-reference .order-form{background:#fff;border:0;border-top:2px solid #655874;border-radius:0;padding:24px 0}
.bio-reference .order-form :is(input:not([type=hidden]),select,textarea){border-radius:0}
.bio-reference .detail-order,.bio-reference .detail-faq{padding-block:42px}
.bio-reference .site-footer{width:calc(100% - 112px);max-width:1160px}
@media(min-width:1550px){.reference-feature-copy{max-width:700px}.feature-compass .reference-feature-copy{justify-self:end}}
@media(max-width:1000px){.bio-reference .reference-shell{width:calc(100% - 72px)}.bio-reference .reference-hero h1{font-size:60px}.bio-reference .reference-intro{gap:42px}.bio-reference .reference-intro>p{word-break:keep-all;overflow-wrap:anywhere;font-size:20px}.bio-reference .reference-intro>div>p{word-break:keep-all;overflow-wrap:anywhere;font-size:16px}.reference-feature{min-height:550px}.reference-feature-copy{padding:40px 32px}.reference-service{font-size:10px;gap:12px}.reference-service>span:last-child{display:none}.bio-reference .reference-feature h2{font-size:34px}.reference-feature-copy>p{font-size:16px}.reference-feature-copy ul{font-size:13px}.bio-reference .detail-summary{grid-template-columns:90px minmax(0,1fr);gap:22px}.bio-reference .site-footer{width:calc(100% - 72px)}}
@media(max-width:650px){.bio-reference .reference-shell{width:calc(100% - 40px)}.bio-reference .reference-hero{padding-top:14px}.bio-reference .detail-back{margin-bottom:18px}.bio-reference .reference-eyebrow{font-size:10px;margin-bottom:20px}.bio-reference .reference-hero h1{font-size:42px;line-height:1.2;letter-spacing:-.05em;margin-bottom:28px}.bio-reference .reference-intro{grid-template-columns:1fr;gap:18px;padding:22px 0 24px}.bio-reference .reference-intro>p{word-break:keep-all;overflow-wrap:anywhere;font-size:19px}.bio-reference .reference-intro>div>p{word-break:keep-all;overflow-wrap:anywhere;font-size:15px}.reference-index{gap:24px;padding:7px 0}.reference-index a{gap:9px;font-size:10px}.reference-index a span{font-size:14px}.reference-feature{grid-template-columns:1fr;min-height:0}.reference-photo{height:auto;aspect-ratio:1.35}.reference-photo img{position:relative;display:block;aspect-ratio:1.35;height:100%}.reference-feature-copy{padding:30px 20px 38px}.reference-service{margin-bottom:24px;padding-bottom:16px}.reference-service>span:last-child{display:block}.bio-reference .reference-feature h2{font-size:36px;margin-bottom:18px}.reference-feature-copy>p{font-size:16px}.reference-feature-copy ul{margin:22px 0 26px;font-size:14px}.feature-compass .reference-photo{order:0}.feature-compass .reference-feature-copy{order:1}.reference-feature-links{gap:12px 20px}.reference-photo figcaption{left:14px;bottom:12px;font-size:9px}.reference-cover{height:300px}.reference-cover figcaption{inset:auto 14px 12px;font-size:9px;gap:12px}.bio-reference .detail-summary{display:block;padding:20px 0}.bio-reference .detail-summary dl{display:block;margin-top:10px}.bio-reference .detail-summary dl>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px;padding:7px 0}.bio-reference .detail-summary dt{margin:0}.bio-reference .detail-summary dd{font-size:13px}.bio-reference .detail-section,.bio-reference .detail-order,.bio-reference .detail-faq{padding:30px 0}.bio-reference .detail-section h2{font-size:27px}.bio-reference .sample-preview-sheet{padding:22px 0}.bio-reference .sample-preview-sheet h3{font-size:25px}.bio-reference .sample-table-wrap tr{border:0;border-top:1px solid #655874;padding:12px 0}.bio-reference .sample-table-wrap td{padding:8px 0}.bio-reference .site-footer{width:calc(100% - 40px)}}
@media(max-width:360px){.bio-reference .reference-hero h1{font-size:35px}.bio-reference .reference-feature h2{font-size:32px}.reference-index{gap:20px}.reference-feature-links{gap:8px 16px}.bio-reference .detail-button{padding-inline:16px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.reference-photo img{transition:none}.reference-photo:hover img{transform:none}}