/* HEADER-PREMIUM-20261010. Problem=washed-out letters, slow sheen and unbalanced header.
   Fix=contrast-safe dark metal, 1.5s travel/0.6s rest, semantic pink accents, three surface levels. */
.topline{height:auto;min-height:36px;padding:0 24px;background:linear-gradient(115deg,#071322,#102b47 60%,#081729);color:#d7e3ee;font-size:12px;letter-spacing:.2px;position:relative;overflow:hidden;border-bottom:1px solid #7499b44d}
.ph-top-inner{max-width:1240px;margin:auto;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}.ph-top-brand{display:flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.5px;white-space:nowrap}.ph-top-brand .ph-icon{width:19px;height:19px;margin-right:8px}.ph-top-message{font-size:12px;color:#e0e9f2;letter-spacing:.5px}.ph-top-link{font-size:11px;color:#ecbadb;text-decoration:none;white-space:nowrap}
.topline:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px);pointer-events:none}.topline:after{content:'';position:absolute;top:0;bottom:0;width:14%;left:-18%;background:linear-gradient(90deg,transparent,#709bc51a,transparent);animation:ph-top-light 4s linear infinite;pointer-events:none}
.site-head{background:linear-gradient(110deg,#fffdfef5,#f6fbfff5 57%,#fff7fcf5);box-shadow:0 6px 22px #17385309;border-bottom:1px solid #c7d9e555}.brandrow{gap:20px;min-height:88px}.brand{color:#102b47}.topnav{gap:clamp(9px,1vw,17px);align-items:center}.topnav a,.topnav button{font-size:13px;font-weight:650;white-space:nowrap;min-height:44px}.topnav .ph-icon{width:22px;height:22px;margin-right:7px;filter:none}.topnav .ph-icon svg{filter:drop-shadow(0 0 2px var(--ph-color))}.topnav .pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px}.topnav a:hover,.topnav a:focus-visible{background:#f1f5fc;border-radius:7px}.topnav a[aria-current=location]{box-shadow:inset 0 -2px 0 #6273a8}
.servicebar{background:linear-gradient(110deg,#f6faff,#fbfaff 50%,#f4faff);border-top:1px solid #dce8f1;border-bottom:1px solid #d5e3ee}.servicerow{min-height:64px}.servicebar button{min-height:44px}.servicebar .ph-icon{width:25px;height:25px;margin-right:7px}
/* All gradient stops remain dark enough on the light surface. Never fade the whole glyph. */
.ph-metal,.hero .ph-metal{background:linear-gradient(105deg,#202a36 0%,#202a36 35%,#526171 43%,#293847 49%,#202a36 58%);background-size:280% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;-webkit-text-stroke:0;text-shadow:none;animation:ph-metal-fast 2.1s linear infinite}
.hero h1 .ph-text.ph-metal em{display:inline;background:linear-gradient(105deg,#092344 0%,#092344 35%,#245a94 43%,#153a67 49%,#092344 58%)!important;background-size:280% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:ph-metal-fast 2.1s linear infinite!important}
.ph-title:hover>.ph-text:not(.ph-metal),.ph-title:focus-visible>.ph-text:not(.ph-metal),.ph-title:focus-within>.ph-text:not(.ph-metal){background-image:linear-gradient(105deg,#263546 0%,#263546 35%,#596879 43%,#263546 55%);animation:ph-metal-fast .98s linear 1;animation-fill-mode:forwards;text-shadow:none}
.detail .ph-title:hover>.ph-text,.uf-view-copy .ph-title:hover>.ph-text{background-image:linear-gradient(105deg,#c4d4e6,#f4f8fd 43%,#c4d4e6)}
.uf-badge:hover .uf-copy b{background-image:linear-gradient(105deg,#bed3e9,#f5faff 43%,#bed3e9);animation:ph-metal-fast .98s linear 1}
.ph-title[data-ph-description]:hover:after,.ph-title[data-ph-description]:focus-visible:after{animation:ph-panel-in .2s ease-out both;backdrop-filter:blur(10px)}
.service-card,.equipment-card,.case-card,.guide-item{background:linear-gradient(140deg,#ffffff,#f4f8fd 80%,#fbf7fd);box-shadow:inset 0 1px 0 #fff,0 6px 20px #18355708}.ph-icon .ph-spin{animation-duration:2.8s}.ph-icon .ph-scan{animation-duration:2.2s}.ph-icon .ph-work{animation-duration:2.4s}.ph-icon{transition:transform .2s}.ph-title:hover>.ph-icon{transform:translateY(-1px) scale(1.04)}
.ph-library-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0;padding:12px 15px;border:1px solid #ccddeb;border-radius:12px;background:linear-gradient(110deg,#eff7ff,#f9f4fb);color:#2c4761;font-size:12px}.ph-library-info .ph-icon{width:23px;height:23px}.ph-library-info a{margin-left:auto;color:#455d92}.ph-info-close{border:0;background:none;color:#3c5871;cursor:pointer}.ph-error{background:#fff1f4;border-color:#eab6c3;color:#6d263b}.ph-error button{padding:7px 12px;border:1px solid #c596a4;border-radius:7px;background:#fff;color:#6d263b}.ph-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10000;max-width:calc(100vw - 32px);padding:12px 20px;border-radius:12px;background:#10273eed;border:1px solid #7bacc166;color:#eaf4ff;box-shadow:0 10px 30px #00162b33;font:13px/1.6 sans-serif;backdrop-filter:blur(12px)}.ph-toast[hidden]{display:none}
@keyframes ph-metal-fast{0%{background-position:100% 0}71.43%,100%{background-position:0% 0}}@keyframes ph-panel-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes ph-top-light{to{transform:translateX(850%)}}
.graphics-still6 .topline:after,body[data-ph-still=true] .topline:after,body[data-ph-still=true] .ph-metal em{animation-play-state:paused!important}
@media(max-width:1200px) and (min-width:801px){.brandrow{gap:12px}.topnav{gap:8px}.topnav a,.topnav button{font-size:12px}.topnav .ph-icon{width:20px;height:20px;margin-right:5px}.brand small{font-size:8px}}
@media(max-width:800px){.topline{padding:5px 16px}.ph-top-inner{gap:6px;min-height:32px;flex-wrap:wrap;justify-content:space-between}.ph-top-message{font-size:11px;order:3;flex-basis:100%;text-align:center}.ph-top-brand{font-size:9px}.ph-top-link{font-size:10px}.brandrow{min-height:78px}.topnav a,.topnav button{font-size:14px}.topnav .ph-icon{width:22px;height:22px}.ph-library-info{font-size:11px}.servicerow{min-height:54px}}
@media(prefers-reduced-motion:reduce){.ph-metal,.hero .ph-metal em,.ph-text,.topline:after{animation:none!important}}

.brand small{white-space:nowrap}

/* HUD-FIX2: 문제=아이콘 사진 겹침·제목 중복·메탈 구분 부족 / 유발=공통 장식 / 수정=상단 전용공간·4열·진한 본체 / 잠금=102 제거,204 유지 */
.equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.equipment-card{padding-top:42px}.equipment-card>.ph-equipment-mark{top:8px;right:14px}.equipment-card>.eq-badge{display:block;padding-top:0}.eq-model{white-space:nowrap}.equipment-card h3>.ph-icon{display:none!important}.eq-card-copy h3{font-family:"Malgun Gothic",sans-serif;font-weight:750;font-size:14px}.eq-korean{font-size:11px;line-height:1.7}.equipment-card .eq-card-copy p{color:#536c85}
.hero h1 .ph-text.ph-metal{background-image:linear-gradient(105deg,#161e29 0%,#161e29 40%,#536171 46%,#161e29 52%,#161e29 100%)!important}
.hero h1 .ph-text.ph-metal em{background-image:linear-gradient(105deg,#123c6b 0%,#123c6b 40%,#376fa8 46%,#123c6b 52%,#123c6b 100%)!important}
@media(max-width:1000px){.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.equipment-grid{grid-template-columns:1fr}}/* HUD-FIX2: 문제=em 중요 애니메이션이 정지 규칙을 이김 / 유발=선택자 우선순위 / 수정=동일 범위 정지 / 잠금=정지 시 두 줄 모두 paused */ body[data-ph-still=true] .hero h1 .ph-text.ph-metal em{animation-play-state:paused!important}
/* HUD-FIX3: 문제=기록관 사진 가림·글씨 잘림·고정 버튼 겹침 / 유발=상세용 패널 공통적용 / 수정=목록용 단일 HUD 아이콘·하단 제어영역 / 잠금=상세 HUD 유지 */
.archive-thumb .uf-layer .uf-badge{left:auto!important;right:10px!important;top:10px!important;bottom:auto!important;width:34px!important;height:34px!important;min-width:0!important;max-width:34px!important;padding:4px!important;border-radius:10px!important;gap:0!important;box-sizing:border-box}
.archive-thumb .uf-badge .uf-copy,.archive-thumb .uf-badge .uf-num,.archive-thumb .uf-flag,.archive-thumb .uf-extra{display:none!important}.archive-thumb .uf-icon.ph-icon{width:24px!important;height:24px!important;margin:0!important}.archive-thumb>.play6{font-size:0}.archive-thumb>.play6:after{content:'▶';font-size:34px;color:#d6f6ff}.archive-card>strong{display:flex;align-items:center;gap:7px}.archive-card>strong>.ph-icon{width:22px;height:22px;margin:0}.archive-card .ph-text{min-width:0;overflow-wrap:anywhere}.archive-card small{color:#536d84}.archive-controls label>.ph-icon{width:20px;height:20px;margin-right:5px}.ph-action-icon{width:20px;height:20px;margin-right:6px}.ph-controls-dock{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 12px;background:#eaf3fa;border-top:1px solid #cadbe8}.ph-controls-dock>.uf-toolbar,.ph-controls-dock>.graphic-toggle6,.ph-controls-dock>.ph-motion-control{position:static!important;margin:0!important;max-width:100%;box-sizing:border-box}.ph-controls-dock .uf-toolbar{flex-wrap:wrap;justify-content:center}.ph-controls-dock button{white-space:normal}.archive-card .ph-title:after{display:none}
.archive-thumb>.play6:after{display:none}.archive-thumb>.play6>.ph-icon{width:48px;height:48px;margin:0}
.archive-intro>span>.ph-text{padding:0;border:0;border-radius:0;background:transparent}.archive-intro>span>.ph-icon{padding:0;border:0;border-radius:0;background:transparent;width:22px;height:22px;margin-right:7px}
/* HUD-FIX5: 문제=마우스 설명이 제목·본문 가림 / 유발=호버 패널 / 수정=설명 레이어 제거 / 잠금=본문과 기존 클릭 기능 유지 */
.ph-title[data-ph-description]:hover:after,.ph-title[data-ph-description]:focus-visible:after{display:none!important;content:none!important}
.story-copy>h3{position:relative;clear:both;line-height:1.5}.story-copy>h3 .ph-text{overflow-wrap:anywhere}.story-section .ph-title:hover>.ph-text{background-image:linear-gradient(105deg,#bdd6e8 0%,#bdd6e8 38%,#f2f9ff 46%,#bdd6e8 54%)!important}
/* HUD-BLUE6: 문제=메인 아래 문구 블루가 지나치게 어두움 / 유발=이전 대비 우선 색상 / 수정=코발트 메탈블루와 좁은 스틸블루 반사 / 잠금=윗줄·속도·정지 기능 보존 */
.hero h1 .ph-text.ph-metal em{background-image:linear-gradient(105deg,#124b8c 0%,#124b8c 38%,#226ab0 43%,#3c7fbd 46%,#226ab0 49%,#124b8c 54%,#124b8c 100%)!important;font-style:normal;text-shadow:none!important}