body:has(.profile-hero){background:#fff;color:#173454;--accent:#2563b8;--line:#dce6f3;--muted:#607590}
body:has(.profile-hero) main{max-width:1200px;padding:65px 32px 90px}
body:has(.profile-hero) .site-header{max-width:1200px;padding:0 32px}
body:has(.profile-hero) .brand{font-family:Inter,'Noto Sans KR',sans-serif;font-size:21px;letter-spacing:-1px}
body:has(.profile-hero) footer{max-width:1136px}
.profile-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center;padding:28px 0 65px}
.profile-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;font-weight:600;color:#456c73;margin:0 0 25px}
.profile-kicker>span{width:6px;height:6px;background:#427e75;border-radius:50%}
.profile-copy h1{font-size:38px;letter-spacing:-1px;margin:0 0 18px;line-height:1.5}
.profile-role{font-size:12px;letter-spacing:2px;color:#5b747d;margin:0 0 30px}
.contact-card{display:inline-flex;flex-direction:column;gap:10px;background:#244d57;color:#fff;border-radius:9px;padding:18px 20px;max-width:100%}
.contact-label{font-size:10px;letter-spacing:1.8px;color:#d0e3e5}
.contact-details{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px}
.contact-details a{color:#fff;text-decoration:none;white-space:nowrap;padding:4px 0}
.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-details a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.contact-details>span{color:#adc7cb}
.profile-copy h1 span{font-size:17px;font-weight:500;color:#5d747c;letter-spacing:-.5px}
.profile-statement{font-size:clamp(32px,3.5vw,46px);font-weight:700;line-height:1.45;letter-spacing:-2px;margin:0 0 25px}
.profile-intro{color:#5b7079;font-size:15px;line-height:1.95;margin:0}
.profile-actions{display:flex;gap:24px;align-items:center;margin-top:30px;font-size:13px;font-weight:600}
.profile-actions a{text-decoration:none}.profile-actions a:focus-visible,.profile-phone a:focus-visible{outline:3px solid #368987;outline-offset:5px}
.profile-contact{background:#244d57;color:#fff;padding:12px 20px;border-radius:6px;display:flex;gap:32px;align-items:center}.profile-contact:hover{background:#173e48}
.profile-records{color:#375661}.profile-records span{margin-left:10px}
.profile-phone{font-size:9px;letter-spacing:1.5px;color:#71828a;margin:24px 0 0}.profile-phone a{font-size:12px;letter-spacing:.5px;color:#526c75;margin-left:12px;text-decoration:none}
.bridge-panel{position:relative;height:440px;border:1px solid #d5e4e5;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 55% 40%,#f7fcfb,#e9f2f2 72%,#e1eded)}
.bridge-caption{position:absolute;z-index:1;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#52747b}
#bridge-scene{position:absolute;inset:45px 0 70px}#bridge-scene canvas{width:100%;height:100%;display:block}
.bridge-bottom{position:absolute;bottom:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bridge-bottom strong{font-size:14px;display:block;font-weight:500}.bridge-bottom div>span{display:block;font-size:9px;letter-spacing:.6px;color:#657e83;margin-top:4px}
#motion-toggle{border:1px solid #bbd0d2;border-radius:20px;background:#ffffff88;color:#47646c;padding:6px 10px;font:inherit;font-size:10px;cursor:pointer}
.bridge-fallback{position:absolute;inset:30% 15%;transform:skewY(-12deg);border-bottom:5px solid #759e9e}.bridge-fallback span{position:absolute;bottom:0;height:100%;width:7px;background:#749798;left:25%}.bridge-fallback span:nth-child(2){left:75%}.bridge-fallback i{position:absolute;inset:20% 0 0;border-top:1px solid #719a99;border-radius:50%}.scene-ready .bridge-fallback{display:none}
.profile-facts{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid #dce5e7;border-bottom:1px solid #dce5e7;padding:27px 0;gap:28px}
.profile-facts>div+div{border-left:1px solid #dce5e7;padding-left:30px}.profile-facts span{display:block;font-size:9px;letter-spacing:1.8px;color:#5b7b81;margin-bottom:9px}.profile-facts strong{font-size:15px;font-weight:600;letter-spacing:-.4px}.profile-facts p{font-size:12px;color:#6a7c82;margin:7px 0 0}
.profile-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-top:52px}.profile-section-head h2{font-size:22px;margin:6px 0 0;letter-spacing:-.6px}.profile-section-head .eyebrow{font-size:9px;color:#66838a}.profile-section-head>span{font-size:12px;color:#71838a}
body:has(.profile-hero) .post-card{border-radius:10px;background:#fff;transition:transform .2s,border-color .2s}body:has(.profile-hero) .post-card:hover{transform:translateY(-3px);border-color:#94b7ba}body:has(.profile-hero) .post-card h3{font-family:inherit;font-size:21px}body:has(.profile-hero) .empty{border:1px solid #e0e7e9;background:#fff;border-radius:10px;font-size:13px;padding:30px}
@media(max-width:850px){.profile-hero{gap:25px}.profile-statement{font-size:34px}.bridge-panel{height:390px}.profile-facts{gap:16px}.profile-facts>div+div{padding-left:16px}.profile-facts strong{font-size:13px}.desktop-break{display:none}}
@media(max-width:650px){body:has(.profile-hero) main{padding:25px 22px 60px}body:has(.profile-hero) .site-header{padding:0 22px}.profile-hero{grid-template-columns:1fr;padding:15px 0 35px;gap:30px}.profile-statement{font-size:38px}.bridge-panel{height:300px}.profile-copy h1{font-size:26px}.profile-copy h1 span{font-size:16px}.profile-facts{grid-template-columns:1fr;gap:0;padding:5px 0}.profile-facts>div,.profile-facts>div+div{padding:19px 0;border-left:0}.profile-facts>div+div{border-top:1px solid #e1e9ea}.profile-facts strong{font-size:15px}.profile-section-head>span{display:none}.profile-actions{gap:20px}.profile-section-head{margin-top:35px}}
@media(prefers-reduced-motion:reduce){body:has(.profile-hero) .post-card{transition:none}}

/* White architecture and ocean-blue accents. */
.profile-hero{grid-template-columns:.9fr 1.15fr;gap:34px}
.profile-kicker,.profile-records,.profile-facts span,.profile-section-head .eyebrow{color:#3e6798}
.profile-kicker>span{background:#3989e7}.profile-copy h1 span,.profile-role{color:#657f9e}
.contact-card{background:linear-gradient(120deg,#153f77,#246ac1);box-shadow:0 8px 26px #16488015}
.contact-label{color:#dcecff}.contact-details>span{color:#b8d6ff}
.bridge-panel{height:470px;background:#e4f2ff;border-color:#d5e5f5;box-shadow:0 20px 60px #194f8510}
#bridge-scene{inset:0 0 78px;cursor:default}
.bridge-caption{pointer-events:none;color:#214d7d;background:#ffffffbb;padding:8px 10px;border-radius:6px;top:14px;left:16px;right:16px}
.bridge-bottom{bottom:0;left:0;right:0;padding:15px 18px;background:#ffffffed;min-height:78px;flex-wrap:wrap;gap:9px}
.bridge-bottom strong{color:#1e416a}.bridge-bottom div>span{color:#647e9c}
.view-controls{display:flex;gap:6px;flex-wrap:wrap}
.view-controls button,#motion-toggle{border:1px solid #c9dbf0;border-radius:6px;background:#f5f9ff;color:#245694;padding:7px 10px;font:inherit;font-size:10px;cursor:pointer}
.view-controls button:hover{background:#e5f0ff}.view-controls button:focus-visible{outline:2px solid #2563b8;outline-offset:2px}
#save-view{background:#2563b8;color:white;border-color:#2563b8}
.bridge-fallback{border-color:#78a4d5}.bridge-fallback span{background:#78a4d5}.bridge-fallback i{border-color:#78a4d5}
@media(max-width:850px){.profile-hero{gap:24px}.bridge-panel{height:430px}}
@media(max-width:650px){.profile-hero{grid-template-columns:1fr}.bridge-panel{height:400px}.bridge-bottom{padding:13px 16px}}


/* Larger profile typography */
body:has(.profile-hero) .brand{font-size:25px}.profile-kicker{font-size:12px}.profile-copy h1{font-size:44px}.profile-copy h1 span{font-size:21px}.profile-role{font-size:14px}.contact-label{font-size:12px}.contact-details{font-size:15px}.profile-actions{font-size:15px}.bridge-caption{font-size:10px}.bridge-bottom strong{font-size:17px}.bridge-bottom div>span{font-size:11px}.profile-facts span{font-size:11px}.profile-facts strong{font-size:18px}.profile-section-head h2{font-size:26px}.profile-section-head .eyebrow{font-size:11px}.profile-section-head>span{font-size:14px}body:has(.profile-hero) .post-card h3{font-size:24px}body:has(.profile-hero) .empty{font-size:15px}
@media(max-width:650px){.profile-copy h1{font-size:34px}.profile-copy h1 span{font-size:18px}.profile-role{font-size:13px}.contact-details{font-size:14px}.profile-facts strong{font-size:17px}.bridge-caption{font-size:9px}}

/* Clean bridge canvas and copyable contact details */
#bridge-scene{inset:0}
.contact-copy{appearance:none;border:0;background:transparent;color:#fff;font:inherit;padding:5px 0;cursor:pointer;white-space:nowrap}
.contact-copy:hover{text-decoration:underline;text-underline-offset:4px}.contact-copy:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}
.profile-facts span{font-size:14px;font-weight:700;letter-spacing:1.1px}.profile-section-head .eyebrow{font-size:14px;font-weight:700;letter-spacing:1.1px}
.copy-toast{position:fixed;z-index:100;left:50%;bottom:32px;display:flex;align-items:center;gap:11px;min-width:260px;max-width:calc(100vw - 32px);padding:14px 18px;background:#123e70ee;color:#fff;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 14px 40px #0d35664a;backdrop-filter:blur(12px);font-size:14px;font-weight:600;opacity:0;transform:translate(-50%,18px) scale(.97);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.copy-toast.show{opacity:1;transform:translate(-50%,0) scale(1)}.copy-toast.error{background:#8d3040ee}.copy-toast-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;background:#fff;color:#1d5b9d;border-radius:50%;font-size:14px;font-weight:800}
@media(max-width:650px){.profile-facts span,.profile-section-head .eyebrow{font-size:13px}.copy-toast{bottom:20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.copy-toast{transition:none}}

/* Refined profile composition */
.profile-hero{grid-template-columns:minmax(300px,.82fr) minmax(0,1.28fr);gap:54px;align-items:stretch;padding:38px 0 72px}
.profile-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 0}
.profile-kicker{font-size:17px;line-height:1.5;letter-spacing:-.2px;font-weight:700;margin-bottom:28px;color:#285f9f}
.profile-kicker>span{width:9px;height:9px;box-shadow:0 0 0 5px #3989e718}
.profile-copy h1{font-size:46px;margin-bottom:16px}.profile-copy h1 span{font-size:22px}
.profile-role{font-size:15px;margin-bottom:34px;letter-spacing:1.3px}
.contact-card{padding:21px 24px;border-radius:12px;gap:11px;box-shadow:0 14px 34px #16488020}
.contact-label{font-size:13px}.contact-details{font-size:18px;gap:13px}.contact-copy{font-size:18px;font-weight:600}
.bridge-panel{height:520px;border-radius:24px}
.profile-facts{gap:14px;border:0;padding:18px 0 0}
.profile-facts>div,.profile-facts>div+div{padding:24px 25px;border:1px solid #dce8f5;border-radius:12px;background:#f8fbff}
.profile-facts span{margin-bottom:11px}.profile-facts strong{font-size:19px}
.profile-section-head{margin-top:62px}
@media(max-width:900px){.profile-hero{grid-template-columns:.9fr 1.1fr;gap:28px}.profile-copy h1{font-size:39px}.profile-copy h1 span{font-size:19px}.contact-details,.contact-copy{font-size:16px}.bridge-panel{height:470px}.profile-facts>div,.profile-facts>div+div{padding:21px 18px}}
@media(max-width:650px){.profile-hero{grid-template-columns:1fr;gap:22px;padding:15px 0 42px}.profile-copy{padding:10px 0}.profile-kicker{font-size:16px;margin-bottom:20px}.profile-copy h1{font-size:36px}.profile-copy h1 span{font-size:19px}.profile-role{font-size:14px;margin-bottom:26px}.contact-card{width:100%;padding:19px 20px}.contact-details{gap:7px}.contact-details,.contact-copy{font-size:15px}.bridge-panel{height:400px;border-radius:18px}.profile-facts{padding-top:8px}.profile-facts>div,.profile-facts>div+div{padding:21px 4px;background:transparent;border-width:0 0 1px;border-radius:0}.profile-section-head{margin-top:44px}}
