:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #182638;--amber: #c97d0e;--amber-lt: #e8a020;--sky: #3b9fdb;--cream: #f2ece0;--cream-deep: #ebe7dd;--surface: rgba(255,255,255,.85);--border: rgba(24, 38, 56, .1);--text: #0f1d2e;--muted: #5a6a7e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--cream);color:var(--text);background-image:radial-gradient(ellipse 80% 50% at 50% -4%,rgba(201,125,14,.14),transparent 58%),radial-gradient(ellipse 50% 40% at 96% 94%,rgba(59,159,219,.1),transparent 52%)}button,a{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;height:60px;padding:0 clamp(20px,5vw,64px);gap:32px;background:#f2ece0db;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:.97rem;color:var(--navy);flex-shrink:0}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--cream-deep);border:1px solid var(--border);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:0;transform:scale(1.28)}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,28px);color:var(--muted);font-size:.88rem;font-weight:500;flex:1}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--navy)}.nav-cta{flex-shrink:0;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:7px;background:var(--navy);color:#fff;font-size:.82rem;font-weight:600;transition:background .15s,transform .15s}.nav-cta:hover{background:#243449;transform:translateY(-1px)}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(72px,11vw,128px) clamp(20px,5vw,72px) clamp(40px,7vw,72px);gap:52px}.hero-copy{max-width:840px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--amber);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{margin-bottom:24px;font-size:clamp(3rem,7.5vw,7rem);line-height:.97;letter-spacing:-.03em;font-weight:900;background:linear-gradient(148deg,var(--navy) 38%,var(--amber-lt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text{max-width:560px;margin:0 auto 32px;color:var(--muted);font-size:1.05rem;line-height:1.82}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.primary-action,.secondary-action,.card-actions a,.card-actions button,.detail-links a,.nav-cta{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-weight:600;transition:all .18s}.primary-action{height:44px;padding:0 22px;border-radius:9px;background:var(--navy);color:#fff;font-size:.9rem;box-shadow:0 2px 14px #18263838}.primary-action:hover{background:#243449;transform:translateY(-2px);box-shadow:0 6px 22px #18263847}.secondary-action{height:44px;padding:0 22px;border-radius:9px;background:transparent;color:var(--muted);font-size:.9rem;border:1.5px solid var(--border)!important}.secondary-action:hover{border-color:#18263838!important;color:var(--navy)}.hero-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:960px}.hero-tile{position:relative;padding:22px 20px 18px;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;cursor:pointer;transition:all .22s;overflow:hidden}.hero-tile:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.hero-tile:hover,.hero-tile.active{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 8px 28px #1826381a,0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent);transform:translateY(-3px)}.hero-tile.active:before,.hero-tile:hover:before{transform:scaleX(1)}.tile-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tile-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;overflow:hidden}.tile-icon:has(img){background:#fff;border:1.5px solid rgba(24,38,56,.09);box-shadow:0 1px 3px #18263814,0 4px 14px #18263812}.tile-icon img{width:78%;height:78%;object-fit:contain;border-radius:6px}.tile-status-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:var(--muted);flex-shrink:0}.tile-status-dot[data-status=active]{background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:pulse-dot 2s infinite}.tile-status-dot[data-status=building]{background:#f59e0b;box-shadow:0 0 6px #f59e0b80;animation:pulse-dot 2s infinite}.tile-status-dot[data-status=pilot]{background:var(--sky)}.tile-title{display:block;font-size:1.02rem;font-weight:700;color:var(--navy);margin-bottom:4px}.tile-category{display:block;font-size:.78rem;color:var(--muted)}.metrics-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff7a}.metric-item{padding:32px clamp(20px,5vw,64px);border-right:1px solid var(--border)}.metric-item strong{display:block;font-size:2.4rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--navy),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.metric-item span{display:block;color:var(--muted);font-size:.82rem}.section{padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px)}.section-heading{margin-bottom:36px}.section-action{display:flex;justify-content:center;margin-top:18px}.subpage{min-height:calc(100vh - 60px)}.section-heading .eyebrow{margin-bottom:8px}h2{margin-bottom:0;font-size:clamp(1.9rem,3.8vw,3rem);line-height:1.08;letter-spacing:-.022em;font-weight:800;color:var(--navy)}h3{margin-bottom:8px;font-size:1.05rem;font-weight:700;color:var(--navy)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.project-card:nth-child(1){grid-column:span 8}.project-card:nth-child(2){grid-column:span 4}.project-card:nth-child(3){grid-column:span 4}.project-card:nth-child(4){grid-column:span 8}.project-card:nth-child(5){grid-column:span 4}.project-card:nth-child(6){grid-column:span 8}.project-card:nth-child(n+7){grid-column:span 4}.project-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;overflow:hidden;transition:all .22s;display:flex;flex-direction:column}.project-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);transform:translateY(-3px);box-shadow:0 14px 40px #1826381f,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.card-accent-bar{height:4px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--cream)));flex-shrink:0;opacity:.75;transition:opacity .22s}.project-card:hover .card-accent-bar{opacity:1}.card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}.project-card:nth-child(1) .card-body,.project-card:nth-child(4) .card-body,.project-card:nth-child(6) .card-body{padding:22px 26px 24px}.project-card:nth-child(1) .project-mark,.project-card:nth-child(4) .project-mark,.project-card:nth-child(6) .project-mark{width:52px;height:52px}.project-card:nth-child(1) h3,.project-card:nth-child(4) h3,.project-card:nth-child(6) h3{font-size:1.2rem}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;overflow:hidden;font-size:.9rem}.project-mark:has(img){background:#fff;border:1.5px solid rgba(24,38,56,.09);box-shadow:0 1px 3px #18263814,0 4px 14px #18263812}.project-card:nth-child(1) .project-mark:has(img),.project-card:nth-child(4) .project-mark:has(img),.project-card:nth-child(6) .project-mark:has(img){border:1.5px solid rgba(24,38,56,.09);box-shadow:0 1px 3px #18263814,0 4px 14px #18263812}.project-mark img{width:78%;height:78%;object-fit:contain;border-radius:6px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--cream-deep);color:var(--muted);font-size:.72rem;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--muted)}.status-pill[data-status=active] .status-dot{background:#22c55e;animation:pulse-dot 2s infinite}.status-pill[data-status=building] .status-dot{background:#f59e0b;animation:pulse-dot 2s infinite}.status-pill[data-status=pilot] .status-dot{background:var(--sky)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.card-category{margin-bottom:4px;color:var(--accent);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.card-subtitle{color:var(--muted);line-height:1.65;font-size:.9rem;margin-bottom:0}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 16px;padding-top:14px}.tag-row span{padding:3px 9px;color:var(--muted);font-size:.72rem;font-family:ui-monospace,Fira Code,Cascadia Code,monospace;border:1px solid var(--border);border-radius:5px;background:var(--cream)}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card-actions a,.card-actions button{height:36px;padding:0 14px;border-radius:7px;font-size:.82rem;font-weight:600}.card-actions a{background:var(--accent);color:#fff;border:none;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 25%,transparent)}.card-actions a:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 36%,transparent)}.card-actions button{background:transparent;border:1.5px solid var(--border)!important;color:var(--muted);cursor:pointer}.card-actions button:hover{border-color:#18263838!important;color:var(--navy)}.detail-section{background:var(--navy);color:#f2ece0;padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px)}.detail-inner{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:clamp(28px,6vw,72px);align-items:center;max-width:1200px}.detail-visual{aspect-ratio:1 / 1;display:grid;place-items:center;min-height:240px;border-radius:20px;background:radial-gradient(circle at 28% 28%,color-mix(in srgb,var(--accent) 72%,#fff),transparent 52%),radial-gradient(circle at 72% 72%,color-mix(in srgb,var(--accent) 52%,#000),transparent 52%),color-mix(in srgb,var(--accent) 38%,#0f1d2e);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.detail-visual:has(img){background:#0a101a8c;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 100px color-mix(in srgb,var(--accent) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-visual span{font-size:clamp(3rem,8vw,6.5rem);font-weight:900;color:#ffffffe6}.detail-visual img{width:64%;height:64%;object-fit:contain;border-radius:20px;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff1a}.detail-copy .eyebrow{color:var(--amber-lt)}.detail-copy h2{color:#f2ece0;margin-bottom:14px}.detail-desc{color:#f2ece09e;line-height:1.82;font-size:.97rem;max-width:680px}.highlight-list{display:grid;gap:8px;margin:24px 0 28px;padding:0;list-style:none}.highlight-list li{padding:10px 16px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:0 8px 8px 0;color:#f2ece0d6;font-size:.91rem;line-height:1.55}.detail-links{display:flex;flex-wrap:wrap;gap:10px}.detail-links a{height:40px;padding:0 18px;border-radius:8px;border:1.5px solid rgba(242,236,224,.2)!important;color:#f2ece0c7;background:transparent;font-size:.88rem;font-weight:600;transition:all .18s}.detail-links a:hover{border-color:#f2ece066!important;color:#f2ece0;background:#f2ece00f}.blog-layout{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px;align-items:start}.latest-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-sidebar{position:sticky;top:76px;display:grid;gap:8px}.blog-tab{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 12px;border:1.5px solid var(--border);border-radius:8px;background:#ffffff75;color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:650;text-align:left;transition:all .16s}.blog-tab strong{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:var(--cream-deep);color:var(--navy);font-size:.72rem}.blog-tab:hover,.blog-tab.active{border-color:#18263838;background:#fff;color:var(--navy)}.blog-main{display:grid;gap:16px}.writer-panel{padding:18px;border:1.5px solid var(--border);border-radius:8px;background:#ffffff94}.admin-panel{max-width:840px}.writer-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.writer-session div{display:grid;gap:2px}.writer-session strong{color:var(--navy);font-size:.94rem}.writer-session span,.form-actions span{color:var(--muted);font-size:.8rem}.auth-form,.employee-form,.post-form{display:grid;gap:12px}.employee-form{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-form label,.employee-form label,.post-form label{display:grid;gap:5px;color:var(--muted);font-size:.78rem;font-weight:700}.auth-form input,.employee-form input,.post-form input,.post-form select,.auth-form textarea,.employee-form textarea,.post-form textarea{width:100%;min-height:38px;padding:9px 10px;border:1.5px solid var(--border);border-radius:7px;background:#ffffffd1;color:var(--text);font:inherit;font-size:.88rem;outline:none}.auth-form textarea,.employee-form textarea,.post-form textarea{resize:vertical;line-height:1.55}.auth-form input:focus,.employee-form input:focus,.post-form input:focus,.post-form select:focus,.auth-form textarea:focus,.employee-form textarea:focus,.post-form textarea:focus{border-color:#18263857;background:#fff}.auth-tabs{display:inline-flex;width:fit-content;padding:3px;border:1.5px solid var(--border);border-radius:8px;background:var(--cream-deep)}.auth-tabs button,.writer-session button,.form-actions button{height:34px;padding:0 12px;border:0;border-radius:6px;cursor:pointer;font-weight:700;font-size:.8rem}.auth-tabs button{background:transparent;color:var(--muted)}.auth-tabs button.active,.form-actions button{background:var(--navy);color:#fff}.writer-session button{border:1.5px solid var(--border);background:transparent;color:var(--muted)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-card{padding:24px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;cursor:pointer;transition:all .22s;display:flex;flex-direction:column;gap:10px}.note-card:hover{border-color:#18263833;transform:translateY(-3px);box-shadow:0 14px 36px #1826381a}.note-meta{display:flex;align-items:center;gap:8px}.note-category{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--cream-deep);color:var(--amber);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.note-date{color:var(--muted);font-size:.78rem}.note-card h3{margin:0;font-size:1rem;line-height:1.45}.note-excerpt{color:var(--muted);line-height:1.7;font-size:.88rem;margin-bottom:0}.note-body{color:#0f1d2ec2;line-height:1.74;font-size:.86rem;white-space:pre-wrap;flex:1}.note-author{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.author-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--cream-deep);border:1px solid var(--border);font-size:.72rem;font-weight:700;color:var(--navy);flex-shrink:0}@media(max-width:1100px){.project-grid{grid-template-columns:repeat(6,1fr)}.project-card:nth-child(1){grid-column:span 4}.project-card:nth-child(2){grid-column:span 2}.project-card:nth-child(3){grid-column:span 2}.project-card:nth-child(4){grid-column:span 4}.project-card:nth-child(5){grid-column:span 2}.project-card:nth-child(6){grid-column:span 4}.project-card:nth-child(n+7){grid-column:span 3}}@media(max-width:900px){.detail-inner,.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.notes-grid,.latest-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.nav-links{flex:none}.nav-cta{margin-left:auto}.hero-section{padding-top:clamp(48px,10vw,80px)}.hero-board{grid-template-columns:1fr}.metrics-band{grid-template-columns:repeat(2,1fr)}.metric-item:nth-child(2n){border-right:0}.metric-item:nth-child(1),.metric-item:nth-child(2){border-bottom:1px solid var(--border)}.project-grid{grid-template-columns:1fr!important}.project-card:nth-child(n){grid-column:span 1!important}.notes-grid,.latest-notes,.blog-sidebar,.form-row{grid-template-columns:1fr}}