@charset "UTF-8";
:root{--ink:#16372e;--muted:#61726a;--green:#146449;--line:#d8e2db;--paper:#fff;--bg:#f3f5f0;font-family:"Malgun Gothic","맑은 고딕",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 14px}button:hover{border-color:#8cae9b;background:#eef5ee}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #60ac86;outline-offset:3px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#0e503a;color:white}.plain{border:0;background:transparent;padding-left:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 4vw;background:#fff;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:19px;font-weight:700;display:flex;align-items:center;gap:12px}.mark{background:var(--ink);color:white;border-radius:10px;width:43px;height:43px;display:grid;place-items:center;font-size:12px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.6px;margin-top:5px;font-weight:400}nav{display:flex;gap:6px}nav button{font-size:13px;border-color:transparent}nav button[aria-current=page]{background:var(--ink);color:white}main{padding:30px 4vw 60px;max-width:1840px;margin:auto}footer{border-top:1px solid var(--line);padding:25px 4vw;color:var(--muted);font-size:11px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:var(--green);margin:0 0 15px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:30px 0 38px}.hero h1{font-size:clamp(34px,3.7vw,62px);line-height:1.28;letter-spacing:-2.7px;margin:0 0 24px}.lead{font-size:15px;line-height:1.95;color:var(--muted);word-break:keep-all}.hero-actions{display:flex;gap:9px;margin-top:25px}.hero-actions button{padding:13px 18px;font-size:13px}.hero-image{padding:0;overflow:hidden;position:relative;background:#16372e;border:0;border-radius:15px;box-shadow:0 15px 45px #173b2220;text-align:left}.hero-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.hero-image>span{display:block;background:var(--ink);color:#b7ccbf;padding:17px 22px;font-size:10px;letter-spacing:1.3px}.hero-image strong{display:block;color:white;margin-top:6px;font-size:14px;letter-spacing:0}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:11px;margin:0 0 40px;overflow:hidden}.summary-strip>div{padding:23px;border-right:1px solid var(--line)}.summary-strip>div:last-child{border:0}.summary-strip strong{font-size:29px;display:block;margin-bottom:4px}.summary-strip span{font-size:12px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:25px 0 18px}.section-title h2{margin:0;font-size:23px;letter-spacing:-.8px}.section-title p{margin:0;font-size:12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.card-image{display:block;position:relative;width:100%;height:215px;padding:0;border:0;border-radius:0;background:#d9e1d8;overflow:hidden}.card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.play-stamp{position:absolute;right:14px;bottom:14px;border-radius:6px;background:#12382edc;color:white;font-size:11px;padding:9px 12px}.card-body{padding:22px}.card-body .eyebrow{font-size:10px;letter-spacing:.3px;margin-bottom:11px}.card-body h2{margin:0 0 8px;font-size:19px;letter-spacing:-.8px}.card-body h2 button{padding:0;border:0;text-align:left;font:inherit;background:transparent}.card-body p{color:var(--muted);font-size:12px;line-height:1.7;margin:8px 0 15px}.badges{display:flex;flex-wrap:wrap;gap:5px}.badges span{font-size:10px;background:#eff4ed;color:#46624f;border-radius:4px;padding:5px 7px}.card-link{font-size:12px;padding:8px 0;margin-top:14px;background:transparent;border:0}.project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;font-size:12px}.project-top select{padding:10px;max-width:55%;border:1px solid var(--line);border-radius:7px;background:white;font-size:12px}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:24px}.project-heading h1{font-size:32px;letter-spacing:-1.2px;margin:0 0 12px}.project-heading p:not(.eyebrow){max-width:920px;line-height:1.9;font-size:13px;color:var(--muted);margin:0;word-break:keep-all}.context-link{font-size:12px;white-space:nowrap;color:var(--green);padding-bottom:5px}.media-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.media-tabs button{font-size:12px;padding:9px 13px}.media-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.media-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;align-items:start}#assetList{max-height:85vh;overflow-y:auto;padding:1px 6px 1px 0;scrollbar-width:thin}.asset-thumb{display:flex;gap:10px;width:100%;text-align:left;align-items:center;padding:9px;margin-bottom:8px;font-size:12px;line-height:1.5}.asset-thumb img{width:66px;height:66px;object-fit:cover;object-position:top;border:1px solid var(--line);background:white;flex-shrink:0}.asset-thumb small{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.asset-thumb[aria-current=true]{border-color:var(--green);background:#eaf3e8;box-shadow:inset 3px 0 var(--green)}.main-media{min-width:0}#mediaViewer{scroll-margin-top:12px}#mobileAsset{display:none}.image-viewer{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:6px;padding:9px;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar button{font-size:12px;padding:8px 10px}.toolbar>span{flex:1}.toolbar output{font-size:12px;min-width:42px;text-align:center}#stage{height:69vh;min-height:390px;overflow:auto;background:#dce3d9;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior:contain;scrollbar-width:thin}#stage.dragging{cursor:grabbing;user-select:none}.surface{width:max-content;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:flex-start;padding:12px}#mainImage{display:block;max-width:none;height:auto;user-select:none;-webkit-user-drag:none;box-shadow:0 3px 9px #203c2414}.viewer-hint{font-size:10px;color:var(--muted);margin:0;padding:9px 13px;border-top:1px solid var(--line)}.image-viewer.expanded,.image-viewer:fullscreen{position:fixed;inset:0;z-index:200;width:100%;height:100%;display:flex;flex-direction:column;border-radius:0}.image-viewer.expanded #stage,.image-viewer:fullscreen #stage{flex:1;height:auto;min-height:0}.video-box{border-radius:11px;overflow:hidden;background:#0b1b15}.video-box video{display:block;width:100%;max-height:76vh;aspect-ratio:16/9;background:#0b1b15}.chapters{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0}.chapters button{font-size:11px;padding:9px 12px}.chapters button span{color:var(--green);font-variant-numeric:tabular-nums;margin-right:7px}.asset-info{padding:22px 24px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:15px}.asset-meta{display:flex;gap:8px;font-size:10px;letter-spacing:.3px;color:var(--green);margin-bottom:10px}.asset-meta span{background:#edf4e9;padding:5px 8px;border-radius:4px}.asset-info h2{font-size:21px;margin:0 0 12px;letter-spacing:-.5px}.asset-info p,.asset-info li{font-size:13px;line-height:1.95;color:#53695a}.asset-info ul{padding-left:19px;margin:10px 0}.asset-related{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.asset-related h3{font-size:12px;margin:0 0 10px}.link-button{font-size:11px;padding:8px 11px;margin:0 5px 6px 0;text-align:left;background:#f7f9f4}.source-link{display:inline-block;margin-top:10px;font-size:11px;color:var(--muted)}.project-context{margin-top:40px;padding-top:10px;scroll-margin-top:20px}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 30px}.flow li{background:#e6eee2;padding:18px;border-radius:9px;font-size:12px;line-height:1.7}.flow li span{display:block;font-size:10px;color:#688466;margin-bottom:10px;letter-spacing:1px}.connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.connections article{border:1px solid var(--line);background:white;border-radius:10px;padding:22px}.connections h3{font-size:16px;line-height:1.7;margin:0 0 10px}.connections h3 span{color:#8b9d88;padding:0 5px}.connections p{font-size:12px;line-height:1.9;color:var(--muted)}.related-buttons{margin-top:15px}.skill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.skill-row span{font-size:11px;color:var(--green);border:1px solid #c6d8c0;border-radius:20px;padding:7px 12px}.document-links{margin-top:28px}.document-links h3,.related-projects h3{font-size:15px;margin:0 0 12px}.document-links>a{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);background:white;border-radius:8px;font-size:13px;margin-bottom:7px;text-decoration:none}.document-links small{font-size:11px;color:var(--muted)}.document-links>a>span{margin-left:auto;font-size:11px;white-space:nowrap}.related-projects{margin-top:28px}.related-projects button{font-size:12px;margin:0 6px 6px 0}.listing-header{padding:14px 0 20px}.listing-header h1{font-size:34px;letter-spacing:-1px;margin:0 0 12px}.listing-header>p:last-child{font-size:13px;color:var(--muted);line-height:1.8}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-grid article{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.video-card{position:relative;display:block;border:0;padding:0;border-radius:0;width:100%}.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.video-card-info{padding:24px}.video-card-info small{font-size:11px;color:var(--green)}.video-card-info h2{font-size:21px;margin:12px 0}.video-card-info p{font-size:13px;color:var(--muted);line-height:1.9}.video-card-info button{font-size:12px;margin-top:10px}.search{width:100%;border:1px solid var(--line);padding:14px;border-radius:8px;background:white;font-size:13px;margin-bottom:15px}.file-group h2{font-size:18px;margin:25px 0 13px}.file-rows{border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden}.file-rows button,.file-rows a{width:100%;display:flex;gap:15px;text-align:left;padding:14px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;text-decoration:none;font-size:12px;align-items:center}.file-rows span{font-size:10px;color:var(--muted);width:70px;flex-shrink:0}.file-rows b{font-size:11px;font-weight:400;margin-left:auto;white-space:nowrap}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:8px;z-index:300;font-size:12px}[hidden]{display:none!important}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.media-layout{grid-template-columns:170px minmax(0,1fr)}.asset-thumb img{width:47px;height:58px}.project-heading{display:block}.context-link{display:inline-block;margin-top:12px}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.site-header{padding:15px 16px;align-items:start;flex-wrap:wrap;gap:16px}.brand{font-size:17px}.brand small{font-size:8px}.site-header nav{width:100%;gap:4px}.site-header nav button{flex:1;font-size:12px;padding:9px}main{padding:21px 16px 35px}.hero{display:block;padding:8px 0 24px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero .lead{font-size:13px}.hero-actions{margin:18px 0 27px;flex-wrap:wrap}.hero-actions button{font-size:12px}.hero-image{width:100%}.hero-image img{aspect-ratio:16/9}.summary-strip{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.summary-strip>div{padding:16px;border-bottom:1px solid var(--line)}.summary-strip strong{font-size:25px}.summary-strip span{font-size:11px}.project-grid,.video-grid{grid-template-columns:1fr;gap:17px}.card-image{height:210px}.card-body{padding:19px}.section-title{align-items:start;flex-direction:column;gap:8px}.project-top{gap:12px;margin-bottom:22px}.project-top select{max-width:65%;font-size:11px}.project-heading h1{font-size:27px}.project-heading p:not(.eyebrow){font-size:12px;line-height:1.9}.eyebrow{font-size:10px}.media-tabs{gap:5px}.media-tabs button{font-size:11px;padding:8px 10px}.media-layout{display:block}#assetList{display:none}#mobileAsset{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px;margin-bottom:12px}.toolbar{gap:4px;padding:7px}.toolbar button{font-size:10px;padding:8px}.toolbar>span{display:none}.toolbar output{font-size:11px;min-width:35px}#stage{min-height:320px;height:62vh}.asset-info{padding:18px}.asset-info h2{font-size:18px}.asset-info p,.asset-info li{font-size:12px}.video-box video{max-height:none}.chapters button{font-size:10px}.flow{grid-template-columns:1fr 1fr;gap:8px}.flow li{padding:14px;font-size:11px}.connections{grid-template-columns:1fr}.connections article{padding:18px}.connections h3{font-size:15px}.document-links>a{flex-wrap:wrap;font-size:12px;gap:7px}.document-links small{width:100%;order:2}.file-rows button,.file-rows a{gap:8px;padding:13px 10px;font-size:11px}.file-rows span{width:55px;font-size:9px}.listing-header h1{font-size:28px}footer{font-size:9px;padding:20px 16px}}

img{image-orientation:from-image}