/* Shared museum-style skin for every legacy detail page. Loaded after the page's original CSS. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
:root{--bg:#fff!important;--surface:#f5f7f8!important;--border:#d9d9d9!important;--text:#111!important;--muted:#666!important;--accent:#1f5f91!important;--font-display:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;--font-mono:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;--font-body:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
*{box-sizing:border-box}html{background:#fff!important}body{margin:0!important;padding:0!important;background:#fff!important;color:#111!important;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;font-weight:400!important;line-height:1.7!important;-webkit-font-smoothing:antialiased}a{color:inherit}img{border-radius:0!important;filter:none!important}
/* Header systems used by the legacy pages */
body>nav:not(.pagination),body>.nav{position:sticky!important;left:auto!important;right:auto!important;top:0!important;z-index:200!important;min-height:66px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;flex-wrap:wrap!important;padding:0 max(24px,4vw)!important;background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:1px solid #111!important;backdrop-filter:blur(10px)!important;color:#111!important}
body>.nav{font-size:12px!important;justify-content:flex-end!important}.nav-back{font-family:inherit!important;font-size:14px!important;font-weight:700!important;letter-spacing:-.02em!important;text-transform:none!important;color:#111!important}.nav-back:hover{color:#1f5f91!important}.nav-links{gap:22px!important}.nav-links a,body>.nav a{font-family:inherit!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;color:#555!important;margin:0!important}.nav-links a:hover,body>.nav a:hover{color:#1f5f91!important}.nav-toggle span{background:#111!important}
/* Main museum title / metadata layout */
.detail-hero{padding:58px max(24px,4vw) 0!important;max-width:1460px!important;margin:0 auto!important}.detail-cat{font-family:inherit!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#1f5f91!important;margin-bottom:18px!important}.detail-title{font-family:inherit!important;font-size:clamp(44px,6vw,82px)!important;font-weight:590!important;letter-spacing:-.055em!important;line-height:1.02!important;color:#111!important;margin-bottom:30px!important}.detail-meta{gap:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;padding:0!important;border-top:1px solid #111!important;border-bottom:1px solid #d9d9d9!important;margin-bottom:36px!important}.detail-meta-item{gap:4px!important;padding:11px 16px 12px 0!important;border-right:1px solid #d9d9d9!important}.detail-meta-label{font-family:inherit!important;font-size:10.5px!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#777!important}.detail-meta-value{font-size:13px!important;color:#111!important}
/* Media and content */
.detail-video,.detail-banner{max-width:1460px!important;margin:0 auto!important;padding:0 max(24px,4vw) 60px!important}.detail-video{color:#111!important}.video-wrap,.video-wrap-portrait{background:#f2f2f2!important}.video-side{background:#f5f7f8!important;color:#333!important}.video-side p{color:#444!important}.detail-content{max-width:1460px!important;margin:0 auto!important;padding:0 max(24px,4vw) 100px!important}.detail-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(30px,5vw,70px)!important;margin-bottom:64px!important}.detail-desc{font-size:16px!important;color:#333!important;line-height:1.85!important}.detail-desc p{margin-bottom:18px!important}.detail-images{gap:18px!important;margin-bottom:64px!important}.detail-images img{background:#f4f4f4!important}.wide-img-wrap{margin:0 auto 18px!important;max-width:1460px!important;padding:0 max(24px,4vw)!important}.full-img{filter:none!important}
/* Process, tech, awards and press */
.process-section,.tech-section,.detail-awards,.press-section{margin-bottom:64px!important}.process-label,.tech-label,.detail-awards-title,.press-label{font-family:inherit!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#1f5f91!important;border-bottom:1px solid #111!important;padding-bottom:12px!important;margin-bottom:18px!important}.process-body{gap:18px!important}.process-note{background:#f5f7f8!important;color:#444!important;padding:22px 24px!important}.process-note p{color:#444!important}.process-img{filter:none!important}.tech-grid{gap:1px!important;background:#d9d9d9!important;border:1px solid #d9d9d9!important}.tech-block{background:#fff!important;padding:22px 24px!important}.tech-block-title{font-family:inherit!important;color:#1f5f91!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}.tech-block p{color:#555!important;font-size:13.5px!important}.tech-tag{font-family:inherit!important;color:#555!important;border:1px solid #cfd2d4!important;font-size:11px!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important}.award-row,.press-item{border-bottom:1px solid #d9d9d9!important;padding:12px 0!important}.award-row .bullet{color:#1f5f91!important}.press-name{font-family:inherit!important;font-weight:600!important;color:#111!important}.press-link{font-family:inherit!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;border:0!important;border-bottom:1px solid #777!important;padding:0 0 2px!important;color:#555!important}.press-link:hover{background:none!important;color:#1f5f91!important;border-color:#1f5f91!important}
/* Legacy simple-page system */
body>.container{width:min(calc(100% - max(40px,8vw)),1460px)!important;max-width:1460px!important;margin:0 auto!important;padding:58px 0 90px!important;color:#111!important}.container>h1{font-family:inherit!important;font-size:clamp(44px,6vw,78px)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:590!important;color:#111!important;margin:0 0 18px!important}.container>.meta{font-size:12px!important;font-style:normal!important;font-weight:650!important;color:#1f5f91!important;margin:0 0 32px!important;padding:12px 0!important;border-top:1px solid #111!important;border-bottom:1px solid #d9d9d9!important}.video-container{width:100%!important;margin:0 0 46px!important;background:#f4f4f4!important}.video-container iframe,.video-container img{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;object-fit:cover!important;margin:0!important}.description{max-width:860px!important;font-size:16px!important;line-height:1.85!important;color:#333!important;margin-bottom:58px!important}.image-text-block{gap:30px!important;margin-bottom:58px!important}.image-text-block img{max-width:620px!important;border-radius:0!important}.image-text-block .text{font-size:15px!important;color:#444!important;line-height:1.8!important}
/* Pagination */
.detail-nav,nav.pagination{position:static!important;min-height:0!important;max-width:1460px!important;margin:0 auto!important;padding:24px 0 0!important;border:0!important;border-top:1px solid #111!important;background:#fff!important;backdrop-filter:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important}.detail-nav{padding:24px max(24px,4vw) 70px!important}.detail-nav a,nav.pagination a{font-family:inherit!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:#555!important;text-decoration:none!important}.detail-nav a:hover,.detail-nav .back,nav.pagination a:hover{color:#1f5f91!important}.r{opacity:1!important;transform:none!important;transition:none!important}.card,.panel,.info-card,.project-info{background:#fff!important;border-color:#d9d9d9!important;color:#111!important}.tag,.pill{background:#fff!important;color:#555!important;border-color:#cfd2d4!important}
@media(max-width:768px){body>nav:not(.pagination),body>.nav{padding:12px 20px!important;min-height:58px!important}.nav-links{background:#fff!important;border-left:1px solid #d9d9d9!important;padding:72px 24px 24px!important}.nav-links a{font-size:14px!important;border-bottom:1px solid #d9d9d9!important}.detail-hero{padding:42px 20px 0!important}.detail-video,.detail-banner,.detail-content,.detail-nav,.wide-img-wrap{padding-left:20px!important;padding-right:20px!important}.detail-body{grid-template-columns:1fr!important;gap:24px!important}.detail-meta{grid-template-columns:1fr 1fr!important}body>.container{width:calc(100% - 40px)!important;padding-top:42px!important}.container>h1{font-size:clamp(40px,12vw,60px)!important}.process-body,.process-body.three,.process-body.four{grid-template-columns:1fr!important}}


/* 2026 bilingual detail polish */
.detail-meta-item{padding:18px 22px 19px!important;min-height:96px!important;justify-content:center!important}
.detail-meta-label{margin-bottom:4px!important;line-height:1.35!important}
.detail-meta-value{line-height:1.55!important}
.sec-label{font-family:inherit!important;font-size:12px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:#1f5f91!important;border-bottom:1px solid #111!important;padding-bottom:12px!important;margin-bottom:18px!important}
.pipeline-info{background:#f5f7f8!important;color:#111!important;padding:34px!important}
.pipeline-num,.tech-block-icon{color:#1f5f91!important}
.pipeline-title{color:#111!important}
.pipeline-desc{color:#444!important}
.ptag{color:#555!important;border-color:#cfd2d4!important;background:#fff!important}
.collab-block{background:#f5f7f8!important;border-left:3px solid #1f5f91!important;color:#333!important;padding:24px 28px!important}
.collab-block p{color:#333!important}
.collab-block a{color:#1f5f91!important;font-weight:700!important;text-decoration:none!important;border-bottom:1px solid #87a8c0!important}
.collab-block a:hover{color:#153f60!important;border-color:#153f60!important}
.detail-quote{border-left-color:#1f5f91!important}.detail-quote p{color:#333!important}.detail-quote cite{color:#666!important}
.detail-language{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;padding-left:14px!important;border-left:1px solid #d9d9d9!important;list-style:none!important}
.detail-language button{appearance:none!important;border:0!important;background:transparent!important;color:#555!important;font-family:inherit!important;font-size:12px!important;padding:0!important;cursor:pointer!important;line-height:1.4!important}
.detail-language button:hover,.detail-language button.active{color:#1f5f91!important}.detail-language button.active{font-weight:700!important}
@media(max-width:768px){.detail-meta-item{padding:15px 16px 16px!important;min-height:84px!important}.nav-links .detail-language{padding:14px 0 0!important;margin:8px 0 0!important;border-left:0!important;border-top:1px solid #d9d9d9!important}.pipeline-info{padding:24px!important}}

/* 2026 detail contrast safety */
/* Legacy pages previously used dark backgrounds. Keep all text readable
   after the white museum-style migration, including old inline white text. */
.detail-content,.detail-body,.detail-desc,.detail-meta,.process-section,.tech-section,.detail-awards,.press-section,body>.container,.description,.image-text-block,.image-text-block .text,.card,.panel,.info-card,.project-info,.pipeline-info,.collab-block,.detail-quote{color:#111!important}
.detail-content p,.detail-content li,.detail-content span:not(.detail-meta-label):not(.tech-tag):not(.ptag),.detail-body p,.detail-body li,.detail-body span:not(.detail-meta-label),.detail-desc p,.detail-desc li,.process-section p,.process-section li,.tech-section p,.tech-section li,.detail-awards p,.detail-awards li,.press-section p,.press-section li,body>.container p,body>.container li,body>.container span,.description p,.description li,.image-text-block p,.image-text-block li,.image-text-block .text,.card p,.card li,.card span,.panel p,.panel li,.panel span,.info-card p,.info-card li,.info-card span,.project-info p,.project-info li,.project-info span,.pipeline-info p,.pipeline-info li,.pipeline-info span,.collab-block p,.collab-block li,.collab-block span,.detail-quote p{color:#333!important}
.detail-content h1,.detail-content h2,.detail-content h3,.detail-content h4,.detail-content h5,.detail-content h6,.detail-body h1,.detail-body h2,.detail-body h3,.detail-body h4,.detail-body h5,.detail-body h6,.process-section h1,.process-section h2,.process-section h3,.process-section h4,.tech-section h1,.tech-section h2,.tech-section h3,.tech-section h4,.detail-awards h1,.detail-awards h2,.detail-awards h3,.detail-awards h4,.press-section h1,.press-section h2,.press-section h3,.press-section h4,body>.container h1,body>.container h2,body>.container h3,body>.container h4,.card h1,.card h2,.card h3,.card h4,.panel h1,.panel h2,.panel h3,.panel h4,.info-card h1,.info-card h2,.info-card h3,.info-card h4,.project-info h1,.project-info h2,.project-info h3,.project-info h4,.pipeline-title,.collab-block strong,.detail-quote strong{color:#111!important}
.detail-cat,.process-label,.tech-label,.detail-awards-title,.press-label,.sec-label,.tech-block-title,.pipeline-num,.tech-block-icon,.collab-block a,.press-link:hover,.detail-nav .back{color:#1f5f91!important}
.detail-content a:not(.press-link),.detail-body a,body>.container a,.card a,.panel a,.info-card a,.project-info a{color:#1f5f91!important}