:root{--ink:#0c2447;--text:#28394f;--muted:#748093;--mint:#d9e0ee;--soft:#f0f2f7;--line:#dce1e9;--serif:'Nunito','Noto Sans TC',sans-serif;--sans:'Nunito','Noto Sans TC','Noto Sans KR',sans-serif}
.logo{letter-spacing:normal}.logo>img{width:210px;height:auto;max-height:64px}.logo-dot{display:none}.hero h1,.serif-line,html[lang=en] .serif-line{font-family:var(--sans);font-style:normal;font-weight:700}.brand-star{width:22px;height:22px;display:inline-block;flex:none}.hero .eyebrow{gap:11px}.hero-visual.hero-gallery{background:#0c2447;touch-action:pan-y}.gallery-track,.gallery-slide{position:absolute;inset:0}.gallery-slide{opacity:0;transition:opacity .65s ease}.gallery-slide.is-active{opacity:1}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-empty{height:100%;padding:45px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 75% 0%,#27305055,transparent 65%),#0c2447;color:#dce2ed}.gallery-empty[hidden],.gallery-controls[hidden],.gallery-manage[hidden]{display:none}.gallery-empty>img{width:min(100%,340px);filter:brightness(0) invert(91%) sepia(6%) saturate(418%) hue-rotate(180deg);margin-bottom:38px}.gallery-empty h2{font-size:21px!important;color:inherit;line-height:1.5;letter-spacing:0}.gallery-empty p{margin-top:12px;font-size:12px;color:#9cabc3;line-height:1.8}.gallery-empty .eyebrow{margin-top:45px;font-size:8px;letter-spacing:3px;color:#7f8ea8}.gallery-controls{position:absolute;bottom:20px;left:20px;right:20px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;background:#0b173b75;padding:10px 13px;backdrop-filter:blur(12px)}.gallery-controls>button{border:0;background:none;color:#fff;font-size:20px;padding:0 7px}.gallery-number{font-size:10px;letter-spacing:2px;white-space:nowrap}.gallery-dots{display:flex;gap:8px;margin-left:auto}.gallery-dots button{border:0;width:6px;height:6px;padding:0;border-radius:50%;background:#ffffff60}.gallery-dots button[aria-current=true]{background:#fff}.gallery-manage{position:absolute;top:17px;right:17px;z-index:4;background:#f8f9fded;color:#0c2447;border:1px solid #ffffff44;padding:7px 12px;font-size:10px}.photo-admin-link{font-size:10px;border-bottom:1px solid #b8c2d2;white-space:nowrap}.inquiry-section .field input,.inquiry-section .field select,.inquiry-section .field textarea{background:#152c4f;border-color:#536680}.footer-top{flex-wrap:wrap}
.photo-manager{max-width:1240px;margin:auto;padding:28px 40px 70px}.manager-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.manager-header img{width:195px;height:auto}.manager-back{font-size:12px}.manager-signin{max-width:560px;margin:100px auto;text-align:center}.photo-manager h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;line-height:1.5;font-weight:600;color:var(--ink)}.manager-signin p:not(.eyebrow){margin:18px 0 28px;color:var(--muted);font-size:14px}.manager-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:55px 0 30px}.manager-heading .eyebrow{color:#8190a8;margin-bottom:12px}.manager-heading>div>p:last-child{font-size:13px;color:var(--muted);margin-top:13px}.photo-count{display:flex;border:1px solid var(--line);padding:4px;gap:3px;flex:none}.photo-count button{border:0;background:none;padding:8px 23px;color:var(--muted);font-size:12px}.photo-count button[aria-pressed=true]{background:var(--ink);color:white}.manager-toolbar{display:flex;align-items:center;gap:24px;margin-bottom:28px}.manager-toolbar label{cursor:pointer}.manager-toolbar p{font-size:11px;color:var(--muted)}.photo-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-slot{background:white;border:1px solid var(--line);position:relative;min-width:0}.slot-number{position:absolute;top:12px;left:12px;z-index:1;font-size:10px;letter-spacing:1px;background:#fafbfeeb;color:var(--ink);padding:2px 8px}.slot-image{height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0f2f7;cursor:pointer;overflow:hidden;gap:10px}.slot-image img{height:100%;width:100%;object-fit:cover}.slot-image>span{font-size:42px;font-weight:300;color:#a4aec0}.slot-image>small{font-size:11px;color:#8190a4}.slot-details{padding:14px}.slot-details>input,.slot-details>select{width:100%;min-width:0;border:1px solid var(--line);background:white;padding:8px 10px;font-size:11px;color:var(--text);margin-bottom:10px;border-radius:0}.slot-actions{display:flex;gap:7px;justify-content:space-between}.slot-actions button{border:1px solid var(--line);background:transparent;font-size:10px;color:var(--text);padding:4px 10px}.slot-actions button:disabled{opacity:.3}.manager-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.manager-footnote{font-size:11px;color:var(--muted);text-align:right;margin-top:12px}#photo-status{font-size:12px;color:#506589;min-height:28px;padding-top:20px}#photo-status.is-error{color:#a74141}#gallery-preview{width:min(600px,calc(100% - 30px));padding:22px}#gallery-preview>.dialog-close{position:absolute;right:26px;top:26px;background:#ffffffd9;z-index:2}#preview-frame{height:min(68vh,680px);background:#eef0f5}#preview-frame img{width:100%;height:100%;object-fit:cover}.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:13px;font-size:11px;letter-spacing:2px}.preview-controls button{border:0;background:none;font-size:23px;color:var(--ink)}
@media(max-width:1100px){.logo>img{width:180px}.nav-shell{gap:25px}.nav{gap:20px}}
@media(max-width:800px){.logo>img{width:170px;max-height:54px}.gallery-empty{padding-inline:20px}.gallery-empty h2{font-size:17px!important}.photo-manager{padding:24px}.manager-heading{align-items:start;flex-direction:column;gap:22px;margin-top:35px}.photo-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-image{height:240px}.manager-toolbar{flex-wrap:wrap;gap:12px}.manager-header img{width:160px}}
@media(max-width:580px){.logo>img{width:150px}.hero-visual.hero-gallery{height:440px}.photo-slots{grid-template-columns:1fr}.slot-image{height:350px}.manager-actions{flex-direction:column}.manager-footnote{text-align:left}.manager-back{font-size:10px}.gallery-empty>img{width:260px}}
@media(prefers-reduced-motion:reduce){.gallery-slide{transition:none}}