:root{color-scheme:only light;--ink:#231F20;--sub:#595959;--ghost:#8B8D90;--line:#E7E6E4;--soft:#F5F4F2;--hdh:92px;--m:20px;
--fd:'Wanted Sans Variable','Wanted Sans','Pretendard Variable',Pretendard,sans-serif;
--fb:'Pretendard Variable',Pretendard,-apple-system,sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;border-radius:0!important}
body{font-family:var(--fb);color:var(--ink);word-break:keep-all;background:#fff;-webkit-font-smoothing:antialiased;padding-top:var(--hdh)}
img{display:block;width:100%;height:auto}
a{color:var(--ink);text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

/* 헤더 */
#hd{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);z-index:10}
#hd .logo{display:flex;justify-content:center;padding:15px 0 11px}
#hd .logo img{width:150px;height:auto}
#hd nav{display:flex;justify-content:space-between;padding:0 36px 13px;font-size:15px}
#hd nav a{padding-bottom:4px;border-bottom:2px solid transparent}
#hd nav a.on{border-bottom-color:var(--ink);font-weight:600}
#hd.compact{height:52px}
#hd.compact .logo{position:absolute;left:var(--m);top:0;bottom:0;align-items:center;padding:0}
#hd.compact .logo img{width:104px}
#hd.compact nav{justify-content:flex-end;gap:26px;padding:0 var(--m);height:52px;align-items:center;font-size:14px}

/* 공통 */

.wrap{padding:0 var(--m)}
.sec{padding-top:60px}
.page > .sec:first-child{padding-top:48px}
.sec-label{font-size:13px;color:var(--sub);letter-spacing:.02em;margin-bottom:14px}
.sec-label.ink{color:var(--ink);font-weight:600}
.copy-xl{font-family:var(--fd);font-weight:700;font-size:24px;line-height:1.45;letter-spacing:-.01em}
.t-page{font-family:var(--fd);font-weight:700;font-size:24px;line-height:1.35}
.t-item{font-family:var(--fd);font-weight:700;font-size:19px;line-height:1.4}
.status{font-size:12px;letter-spacing:.12em;color:var(--sub);margin:18px 0 8px}
.body{font-size:16px;line-height:1.7}
.lead{font-size:18px;line-height:1.75}
.sub{color:var(--sub)}
.lnk{display:inline-block;font-size:15px;font-weight:600;border-bottom:1.5px solid var(--ink);padding-bottom:3px}
.ghosttx{color:var(--ghost)}
.hr{border:0;border-top:1px solid var(--line);margin:36px 0 0}

/* HOME */
.hero{position:relative;height:calc(100svh - var(--hdh) - 40px);min-height:480px;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 45%)}
.hero .copy{position:absolute;left:var(--m);bottom:30px;color:#fff;z-index:1}
.imgblock{margin-top:14px}
.desc{margin-top:10px}
.golink{margin-top:22px}

/* 소개 */
.num{font-size:13px;color:var(--sub);margin-bottom:16px}
.brand-sent{margin-top:22px}
.diagram{display:flex;align-items:flex-start;justify-content:center;margin:34px 0 30px}
.dg-cell{display:flex;flex-direction:column;align-items:center;width:52px}
.dg-n{font-family:var(--fd);font-weight:800;font-size:42px;line-height:1}
.dg-l{font-size:12px;color:var(--sub);margin-top:10px}
.dg-dash{width:26px;height:1px;background:var(--ink);margin-top:21px}
.dg-empty .dg-n{visibility:hidden}
.pr{padding:22px 0;border-top:1px solid var(--line)}
.pr:last-of-type{border-bottom:1px solid var(--line)}
.pr .no{font-family:var(--fd);font-weight:800;font-size:17px;margin-bottom:8px}

/* 작품 */
.card{display:block;margin-top:18px}
.card .poster{width:62%}
.card .t-item{margin-top:14px}
.card .st{font-size:12px;letter-spacing:.12em;color:var(--sub);margin-top:6px}
.inforow{display:flex;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.inforow span:first-child{width:88px;color:var(--sub);flex:none}
.cutstack .imgblock{margin-top:12px}

/* 문의 */
.mailline{margin-top:26px;font-size:14px;color:var(--sub)}
.mailline .addr{display:inline-block;margin-top:6px;font-size:16px;color:var(--ghost)}
.addrlink{display:inline-block;margin-top:6px;font-size:16px;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:2px}
.done{margin-top:26px;font-size:18px;line-height:1.75}
.field{margin-top:26px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.field label .opt{font-weight:400;color:var(--sub)}
input[type=text],input[type=email],textarea{width:100%;border:1px solid #D9D8D6;padding:14px;font-size:15px;font-family:var(--fb);color:var(--ink);background:#fff}
input::placeholder,textarea::placeholder{color:var(--ghost)}
input:focus,textarea:focus{border-color:var(--ink)}
textarea{min-height:150px;resize:vertical}
.sendbtn{width:100%;margin-top:30px;background:var(--ink);color:#fff;border:0;padding:17px;font-size:15px;font-weight:600;font-family:var(--fb);cursor:pointer}
.notice{margin-top:22px;background:var(--soft);padding:15px 16px;font-size:13px;line-height:1.6;color:var(--sub)}

/* 푸터 */
footer{margin-top:72px;border-top:1px solid var(--line);padding:40px var(--m) 60px;font-size:14px}
footer .frow{margin-bottom:12px}
footer .ig{font-weight:400}
footer .biz{font-size:12.5px;color:var(--sub);margin-top:26px}
footer .cr{font-size:12.5px;color:var(--sub);margin-top:26px}
.pagepad{padding-bottom:8px}
@media (prefers-reduced-motion:no-preference){#hd .logo img{transition:width .15s ease}}

/* ── 배포판: 데스크톱 임시 칼럼 ── */
main{display:block}
@media (min-width:768px){
  .wrap{max-width:720px;margin-left:auto;margin-right:auto}
  .hero{max-width:none;margin:0;width:100%;aspect-ratio:2/1;height:auto;max-height:calc(100svh - var(--hdh) - 40px)}
  .hero .copy{left:40px;bottom:36px}
  #hd nav{max-width:900px;margin:0 auto}
  #hd.compact .logo{left:calc(50% - 450px + 20px)}
  footer{padding-left:calc(50% - 360px + 20px);padding-right:calc(50% - 360px + 20px)}
  .detail-full{max-width:720px;margin:0 auto}
}
img{max-width:100%}
picture{display:block}