:root{--navy:#14306e;--navy-deep:#0c1f4d;--ink:#131b33;--text:#2b3348;--gray:#5b6478;--rule:#d5dae4;--wash:#f3f5f9;--paper:#fff;--on-navy-sub:#cfd8ee;--on-navy-rule:#4a5f93;--r:4px;--ease:cubic-bezier(.2,.8,.2,1);--t-display:clamp(34px,5.2vw,68px);--t-title:clamp(26px,3vw,40px);--t-sub:clamp(19px,1.6vw,22px);--t-body:17px;--t-small:14px;--wrap:1200px;--gap:24px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}html,body{overflow-x:clip}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;font-size:var(--t-body);color:var(--text);background:var(--paper);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,h2,h3{color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;font-weight:700}p,li,dd,td{text-wrap:pretty}b,strong{color:var(--ink);font-weight:500}.wrap{width:min(var(--wrap),100% - 64px);margin-inline:auto}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.skip-link{background:var(--navy);color:#fff;z-index:50;padding:12px 16px;position:absolute;top:-64px;left:16px}.skip-link:focus{top:12px}h1{font-size:var(--t-display);letter-spacing:-.03em;color:var(--navy-deep);line-height:1.14}h2{font-size:var(--t-title);letter-spacing:-.03em;line-height:1.2}h3{font-size:var(--t-sub);letter-spacing:-.02em;line-height:1.4}.lead{font-size:var(--t-sub);max-width:32em;line-height:1.6}.meta{font-size:var(--t-small);color:var(--gray);line-height:1.5}.intro{max-width:36em;margin-top:16px}.split{gap:48px var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.btn{white-space:nowrap;border-radius:var(--r);border:1px solid var(--navy);background:var(--navy);color:#fff;height:48px;transition:background-color .15s var(--ease),transform .12s var(--ease);flex:none;justify-content:center;align-items:center;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.98)}.btn-line{background:var(--paper);color:var(--navy)}.link{min-height:44px;color:var(--navy);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:6px;transition:text-decoration-color .15s var(--ease);align-items:center;font-weight:500;text-decoration-thickness:2px;display:inline-flex}.more-link{margin-top:24px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--navy-deep)}.btn-line:hover,.menu-btn:hover{background:var(--wash)}.link:hover{text-decoration-color:var(--navy)}.gnb a:hover,.recent a:hover{color:var(--navy)}.thumbs a:hover img,.videos a:hover img{transform:scale(1.03)}.videos a:hover b{color:var(--navy)}}.site-head{z-index:20;background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0}.bar{align-items:center;gap:16px 32px;min-height:80px;display:flex}.brand{align-items:center;gap:12px;min-height:44px;margin-right:auto;display:flex}.brand img{width:auto;height:44px}.brand b{letter-spacing:-.02em;color:var(--navy-deep);white-space:nowrap;font-size:17px;font-weight:700}.brand-sub{color:var(--gray);font-size:13px;font-weight:400;line-height:1.3;display:block}.gnb{color:var(--ink);gap:32px;font-size:16px;font-weight:500;display:flex}.gnb a{white-space:nowrap;min-height:44px;transition:color .15s var(--ease);align-items:center;display:flex}.gnb a[aria-current]{color:var(--navy);box-shadow:inset 0 -2px 0 var(--navy)}.gnb .btn{display:none}.menu-btn{border:1px solid var(--navy);border-radius:var(--r);background:var(--paper);height:44px;font:inherit;color:var(--navy);cursor:pointer;align-items:center;padding:0 16px;font-size:16px;font-weight:700;display:none}.hero{padding:64px 0}.hero .lead{margin-top:24px}.hero .act{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.capture{border:1px solid var(--rule);border-radius:var(--r);background:var(--wash);margin-top:64px;overflow:hidden}.capture img{width:100%}section{padding:64px 0}.band{background:var(--wash);padding:96px 0}#works{padding-bottom:96px}#contents{padding:96px 0}.about p{max-width:26em;margin-top:24px}.areas div{border-bottom:1px solid var(--rule);grid-template-columns:8em 1fr;gap:16px;padding:16px 0;display:grid}.areas div:first-child{border-top:1px solid var(--ink)}.areas dt{color:var(--ink);font-weight:700}.tbl{margin-top:48px}.tbl thead th{text-align:left;font-size:var(--t-small);color:var(--gray);border-bottom:1px solid var(--ink);padding:0 24px 12px 0;font-weight:500}.tbl tbody th,.tbl td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:16px 24px 16px 0}.tbl tbody th{color:var(--ink);white-space:nowrap;font-weight:700}.tbl .end{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:0}.tbl.plain tbody tr:first-child th,.tbl.plain tbody tr:first-child td{border-top:1px solid var(--ink)}.work{gap:24px var(--gap);border-top:1px solid var(--rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;padding:48px 0;display:grid}.works-list .work:first-of-type{border-top-color:var(--ink);margin-top:48px}.work .meta{margin-top:4px}.work p.desc,.work ul{max-width:24em;margin-top:16px}.work li{border-top:1px solid var(--rule);grid-template-columns:5.5em minmax(0,1fr);gap:8px;padding:12px 0;display:grid}.work li b{font-weight:700}.figs{gap:var(--gap);display:grid}.shot{border:1px solid var(--rule);border-radius:var(--r);background:var(--wash);overflow:hidden}.shot img{width:100%}.pair{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.mat{background:var(--wash);border-radius:var(--r);aspect-ratio:4/3;position:relative}.mat.wide{aspect-ratio:16/10}.mat.tall{aspect-ratio:3/4}.mat img{object-fit:contain;width:calc(100% - 48px);height:calc(100% - 48px);position:absolute;inset:24px}.thumbs{gap:12px;display:grid}.thumbs.four{grid-template-columns:repeat(4,minmax(0,1fr))}.thumbs.five{grid-template-columns:repeat(5,minmax(0,1fr))}.thumbs a{border-radius:var(--r);border:1px solid var(--rule);background:var(--wash);display:block;overflow:hidden}.thumbs img{object-fit:cover;width:100%;transition:transform .3s var(--ease)}.thumbs.four img{aspect-ratio:9/16}.thumbs.five img{aspect-ratio:3/4}.more h3{border-top:1px solid var(--rule);padding-top:48px}.more .tbl{margin-top:24px}.edu p{max-width:24em;margin-top:24px}.sched caption{text-align:left;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:12px;font-weight:700}.sched th,.sched td{text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);padding:12px 0}.sched th{width:5em;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.sched td b{font-weight:700;display:block}.cert{margin-top:48px}.cert div{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);grid-template-columns:5em 1fr;padding:16px 0;display:grid}.cert dt{color:var(--ink);font-weight:700}.cert dd b{font-weight:700}.ch{margin-top:48px}.ch+.ch{margin-top:64px}.ch-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;align-items:center;gap:0 16px;display:flex}.ch-head .link{margin-left:auto}.recent li{border-bottom:1px solid var(--rule);grid-template-columns:5em 1fr;display:grid}.recent time{color:var(--gray);font-variant-numeric:tabular-nums;padding:16px 0}.recent a{color:var(--ink);transition:color .15s var(--ease);padding:16px 0;font-weight:500}.ch .thumbs{margin-top:24px}.videos{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 12px;display:grid}.videos a{display:block}.videos .cover{border-radius:var(--r);border:1px solid var(--rule);background:var(--wash);display:block;overflow:hidden}.videos img{aspect-ratio:9/16;object-fit:cover;width:100%;transition:transform .3s var(--ease)}.videos time{font-variant-numeric:tabular-nums;margin-top:12px;display:block}.videos b{font-size:var(--t-small);text-wrap:pretty;transition:color .15s var(--ease);margin-top:4px;line-height:1.5;display:block}.contact{background:var(--navy);color:#fff;padding:96px 0}.contact h2,.contact h3{color:#fff}.contact .split{margin-top:48px}.contact p{color:var(--on-navy-sub);max-width:24em}.contact p b{color:#fff;font-weight:700}.contact .btn{margin-top:32px}.contact :focus-visible{outline-color:#fff}.steps{counter-reset:step;border-top:1px solid #fff;margin-top:16px}.steps li{border-bottom:1px solid var(--on-navy-rule);counter-increment:step;grid-template-columns:2em 7em 1fr;gap:0 8px;padding:16px 0;display:grid}.steps li:before{content:counter(step);font-variant-numeric:tabular-nums;font-weight:700}.steps b{color:#fff;font-weight:700}.steps span{color:var(--on-navy-sub)}.site-foot{padding:96px 0 64px}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.site-foot .meta{margin-top:16px;line-height:1.8}.site-foot nav{gap:24px;display:flex}.page-head{padding:64px 0 96px}.page-head .lead{margin-top:24px}.jump{flex-wrap:wrap;gap:0 24px;margin-top:24px;display:flex}.entries{padding:0 0 96px}.entry{border-top:1px solid var(--ink);padding:64px 0}.entry:last-child{padding-bottom:0}.entry-head .meta{margin-top:8px}.row{gap:24px var(--gap);border-top:1px solid var(--rule);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;margin-top:48px;padding-top:48px;display:grid}.row h3+p{max-width:24em;margin-top:8px}.facts{max-width:24em}.facts li{border-top:1px solid var(--rule);padding:12px 0}.facts:first-child li:first-child{border-top:0;padding-top:0}p+.facts{margin-top:16px}.effect{border-top:1px solid var(--rule);grid-template-columns:5.5em minmax(0,1fr);gap:8px;max-width:24em;padding:12px 0;display:grid}.effect dt{color:var(--ink);font-weight:700}.entry .tbl{margin-top:0}.entry .note{border-top:1px solid var(--rule);max-width:24em;padding:12px 0}.stack{gap:32px;display:grid}.ch-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.ch-top .meta{margin-top:8px}.entry .videos,.entry .thumbs.five{border-top:1px solid var(--rule);margin-top:48px;padding-top:48px}.spec div{border-top:1px solid var(--rule);grid-template-columns:5.5em minmax(0,1fr);gap:8px;padding:12px 0;display:grid}.spec dt{color:var(--ink);font-weight:700}.edu-page p{max-width:24em}.edu-page h2+p{margin-top:24px}.edu-page .spec{max-width:24em;margin-top:24px}.edu-page .cert{margin-top:0}.edu-page .cert div{border-top:0;grid-template-columns:5.5em minmax(0,1fr);gap:8px}.edu-page .cert div:first-child{border-top:1px solid var(--ink)}.about-page h2+.meta{margin-top:12px}.about-page h2+p:not(.meta){max-width:24em;margin-top:24px}.letter p{max-width:36em}.letter p+p{margin-top:24px}.letter .sign-off{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:48px;display:flex}.sign-off b{font-weight:700}.sign-off img{width:220px}.missing{padding:96px 0 128px}.missing p{margin-top:24px}.missing .btn{margin-top:32px}@media (width<=960px){.wrap{width:calc(100% - 48px)}.bar{min-height:64px}html{scroll-padding-top:80px}html.js .menu-btn{display:inline-flex}html.js .gnb{background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;padding:0 24px 24px;display:none;position:absolute;top:100%;left:0;right:0}html.js .gnb.open{display:flex}html.js .gnb a{border-bottom:1px solid var(--rule);min-height:48px}html.js .gnb a[aria-current]{box-shadow:none}html.js .gnb .btn{border:1px solid var(--navy);color:#fff;margin-top:16px;display:inline-flex}html:not(.js) .bar{flex-wrap:wrap}html:not(.js) .gnb{flex-wrap:wrap;order:3;gap:0 24px;width:100%}.videos{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){:root{--t-body:16px}.wrap{width:calc(100% - 40px)}.bar>.btn{display:none}.brand img{height:36px}.brand b{font-size:16px}.hero{padding:48px 0}.page-head{padding:48px 0 64px}.capture{margin-top:48px}section{padding:48px 0}.band,#contents,.contact{padding:64px 0}#works{padding-bottom:64px}.site-foot{padding:64px 0 48px}.split,.work,.row{grid-template-columns:minmax(0,1fr)}.work{padding:32px 0}.row{margin-top:32px;padding-top:32px}.about p,.edu p,.edu-page p,.edu-page .spec,.work p.desc,.work ul,.contact p,.row h3+p,.facts,.effect,.entry .note,.about-page h2+p:not(.meta){max-width:none}.hero .act .btn,.contact .btn{flex:100%;width:100%}.tbl thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tbl tbody tr{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 0;display:grid}.tbl tbody tr:first-child{border-top:1px solid var(--ink)}.tbl tbody th,.tbl td{border:0;padding:0;display:block}.tbl.plain tbody tr:first-child th,.tbl.plain tbody tr:first-child td{border-top:0}.tbl tbody th{white-space:normal;grid-area:1/1}.tbl .end{font-size:var(--t-small);color:var(--gray);grid-area:1/2;align-self:center}.tbl td[data-label]{grid-column:1/-1}.tbl td[data-label]:not([data-label=""]):before{content:attr(data-label);font-size:var(--t-small);color:var(--gray);margin-top:4px;display:block}.pair{grid-template-columns:minmax(0,1fr)}.pair.keep{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.mat img{width:calc(100% - 32px);height:calc(100% - 32px);inset:16px}.thumbs.four{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbs.five{grid-template-columns:repeat(3,minmax(0,1fr))}.thumbs.five a:nth-child(n+4){display:none}.videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.areas div{grid-template-columns:7em 1fr}.recent li{grid-template-columns:3.5em 1fr}.steps li{grid-template-columns:2em 1fr}.steps span{grid-column:2}.entries{padding-bottom:64px}.entry{padding:48px 0}.entry-head{gap:16px}.entry .videos,.entry .thumbs.five{margin-top:32px;padding-top:32px}.stack{gap:24px}}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}.thumbs img,.videos img{transition:none}.thumbs a:hover img,.videos a:hover img{transform:none}}