:root{
  --밤:#070a1a; --남:#0d1330; --남2:#10173a; --금:#d9b766; --금밝:#f5e2a8; --금짙:#9c7a2f;
  --청:#2c5fb5; --적:#c8322d; --황:#e8b923; --백:#fbf6ea; --흑:#15151a;
  --글:#efe8d6; --흐린:rgba(239,232,214,.74);
  --붓:"East Sea Dokdo",serif; --본:"Nanum Myeongjo",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--밤);color:var(--글);font-family:var(--본);line-height:1.8;overflow-x:hidden;word-break:keep-all}
body.잠금{overflow:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%;height:auto}
.건너가기{position:absolute;left:-999px;top:0;background:var(--금);color:#000;padding:8px 12px;z-index:100}
.건너가기:focus{left:8px}

.색동{height:4px;background:linear-gradient(90deg,var(--청) 0 20%,var(--적) 20% 40%,var(--황) 40% 60%,var(--백) 60% 80%,var(--흑) 80%)}

/* 머리 */
header.머리{position:fixed;inset:0 0 auto;z-index:20;transition:background .4s, opacity 1s .9s, transform 1s .9s}
body.인트로중 header.머리{opacity:0;transform:translateY(-12px)}
header.머리.내림, body.서브 header.머리{background:rgba(7,10,26,.92)}
.머리안{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.로고{display:flex;align-items:baseline;gap:10px}
.로고 b{font-family:var(--붓);font-size:34px;font-weight:400;color:var(--금밝);letter-spacing:1px;line-height:1}
.로고 small{font-size:12px;color:var(--흐린);letter-spacing:2px}
nav.메뉴 ul{display:flex;gap:26px;list-style:none;font-size:15px;align-items:center}
nav.메뉴 a{position:relative;padding:4px 0}
nav.메뉴 a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--금);transform:scaleX(0);transition:transform .3s}
nav.메뉴 a:hover::after,nav.메뉴 a[aria-current]::after{transform:scaleX(1)}
nav.메뉴 a[aria-current]{color:var(--금밝)}
nav.메뉴 li:last-child a{border:1px solid var(--금);color:var(--금밝);padding:7px 16px;border-radius:999px}
nav.메뉴 li:last-child a::after{display:none}
.햄버거{display:none;background:none;border:0;color:var(--금밝);font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}

/* 버튼 */
.버튼{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .2s}
.버튼:hover{transform:translateY(-2px)}
.버튼.금{background:linear-gradient(180deg,#f3dc9a,#c99a3e);color:#2a1e06;box-shadow:0 8px 30px rgba(217,183,102,.35)}
.버튼.선{border:1px solid rgba(245,226,168,.6);color:var(--금밝)}
.버튼들{display:flex;flex-wrap:wrap;gap:12px}

/* 히어로 (첫 화면) */
.히어로{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.하늘{position:absolute;inset:-4%;z-index:-3;animation:하늘숨 26s ease-in-out infinite alternate}
.하늘 img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
@keyframes 하늘숨{to{transform:scale(1.08) translateY(-1.5%)}}
.히어로::before{content:"";position:absolute;inset:0;z-index:-2;
  background:radial-gradient(ellipse 60% 70% at 72% 55%,rgba(245,214,150,.28),transparent 60%),
             linear-gradient(180deg,rgba(7,10,26,.55) 0%,rgba(7,10,26,.15) 40%,rgba(7,10,26,.85) 100%)}
.히어로::after{content:"";position:absolute;inset:auto 0 0;height:30%;z-index:1;pointer-events:none;background:linear-gradient(0deg,var(--밤),transparent)}
#금가루{position:absolute;inset:0;z-index:0;pointer-events:none}
.히어로안{position:relative;z-index:2;max-width:1240px;width:100%;margin:auto;padding:120px 24px 80px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px}
.꼬리표{display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:3px;color:var(--금밝)}
.꼬리표::before{content:"";width:36px;height:1px;background:var(--금)}
.히어로 .꼬리표,.히어로 .부제,.히어로 .이름,.히어로 .버튼들{opacity:0;transform:translateY(10px);transition:1s}
.히어로 .꼬리표{transition-delay:.6s}.히어로 .부제{transition-delay:.9s}.히어로 .이름{transition-delay:1.1s}.히어로 .버튼들{transition-delay:1.3s}
h1.금글씨{font-family:var(--붓);font-weight:400;line-height:.92;margin:18px 0 10px;font-size:clamp(88px,13vw,196px);letter-spacing:2px;transition:opacity 1.1s}
.금글씨 span,.금빛{background:linear-gradient(180deg,#fff4cf 0%,#f1d48a 38%,#c99a3e 62%,#f7e3a6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
h1.금글씨 span{display:block;width:max-content;filter:drop-shadow(0 0 22px rgba(240,200,110,.35)) drop-shadow(0 4px 2px rgba(0,0,0,.45))}
h1.금글씨 .둘{margin-left:.55em}
.부제{font-size:clamp(18px,2vw,24px);color:var(--백);letter-spacing:1px}
.부제 em{font-style:normal;color:var(--금밝)}
.이름{margin-top:22px;display:flex;align-items:center;gap:14px}
.이름 b{font-family:"Nanum Brush Script";font-size:40px;font-weight:400;color:var(--백)}
.이름 small{font-size:13px;color:var(--흐린);line-height:1.5}
.히어로 .버튼들{margin-top:34px}
.인물{position:relative;align-self:end;justify-self:center;height:min(86vh,820px);opacity:0;transform:translateY(60px);transition:opacity 1.6s .3s, transform 2s .3s cubic-bezier(.2,.7,.2,1)}
.인물 img{height:100%;width:auto;max-width:none;position:relative;z-index:1;filter:drop-shadow(0 0 40px rgba(255,236,190,.35))}
.인물::before{content:"";position:absolute;left:50%;top:22%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,232,170,.55),rgba(255,214,140,.12) 45%,transparent 68%);animation:후광 6s ease-in-out infinite alternate}
@keyframes 훑기{to{left:130%}}
.빛줄기{display:none}
@media (max-width:960px){.인물 .빛줄기{display:block}}
@keyframes 후광{to{opacity:.6;transform:translate(-50%,-50%) scale(1.08)}}
.인물::after{content:"";position:absolute;left:-30%;right:-30%;bottom:-2%;height:28%;z-index:2;background:radial-gradient(ellipse at 50% 100%,rgba(230,232,245,.85),rgba(230,232,245,.35) 45%,transparent 72%);filter:blur(8px)}
body.열림 .히어로 .꼬리표,body.열림 .히어로 .부제,body.열림 .히어로 .이름,body.열림 .히어로 .버튼들,body.열림 .인물{opacity:1;transform:none}
body.인트로중 h1.금글씨{opacity:0}
.내려보기{position:absolute;left:50%;bottom:26px;z-index:3;transform:translateX(-50%);font-size:12px;letter-spacing:3px;color:var(--흐린);text-align:center;opacity:0;transition:1s 1.8s}
.내려보기::after{content:"";display:block;margin:8px auto 0;width:1px;height:38px;background:linear-gradient(var(--금),transparent);animation:내림 2s infinite}
@keyframes 내림{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
body.열림 .내려보기{opacity:1}

/* 인트로 */
#인트로{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 45%,#111a3d,#05070f 75%);transition:opacity 1.4s ease}
#인트로.걷힘{opacity:0;pointer-events:none}
#조각{position:fixed;inset:0;z-index:60;pointer-events:none}
.인트로말{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-size:14px;letter-spacing:6px;color:rgba(245,226,168,.78);opacity:0;animation:말 1.2s .3s forwards}
@keyframes 말{to{opacity:1}}
.건너뛰기{position:absolute;right:20px;bottom:20px;background:none;border:1px solid rgba(245,226,168,.4);color:rgba(245,226,168,.85);padding:6px 14px;border-radius:999px;font:13px var(--본);cursor:pointer}

/* 서브 페이지 머리 */
.서브머리{position:relative;padding:170px 24px 90px;text-align:center;overflow:hidden;isolation:isolate}
.서브머리 picture,.서브머리>img{position:absolute;inset:0;z-index:-2}
.서브머리 img{width:100%;height:100%;object-fit:cover}
.서브머리::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,10,26,.75),rgba(7,10,26,.55) 50%,var(--밤))}
.서브머리 small{display:block;font-size:13px;letter-spacing:5px;color:var(--금)}
.서브머리 h1{font-family:var(--붓);font-weight:400;font-size:clamp(64px,9vw,120px);line-height:1.05;margin:6px 0 8px}
.서브머리 p{color:var(--흐린);font-size:17px}
.빵{font-size:13px;color:var(--흐린);margin-top:18px}
.빵 a{color:var(--금밝)}

/* 본문 공통 */
section.칸{padding:100px 24px;position:relative}
.안{max-width:1180px;margin:auto}
.좁은{max-width:820px;margin:auto}
.칸제목{text-align:center;margin-bottom:52px}
.칸제목 small{display:block;font-size:13px;letter-spacing:5px;color:var(--금)}
.칸제목 h2{font-family:var(--붓);font-weight:400;font-size:clamp(52px,6vw,76px);line-height:1.1;color:var(--금밝);margin-top:6px}
.칸제목 p{color:var(--흐린);margin-top:10px}
.글 h2{font-size:26px;color:var(--금밝);margin:44px 0 14px;line-height:1.5}
.글 h3{font-size:20px;color:var(--백);margin:30px 0 10px}
.글 p{margin-bottom:16px;color:var(--글)}
.글 ul{margin:0 0 18px 1.2em;color:var(--글)}
.글 li{margin-bottom:6px}
.글 a{color:var(--금밝);text-decoration:underline;text-underline-offset:3px}
.출처{font-size:13px;color:var(--흐린);margin-top:28px;padding-top:16px;border-top:1px solid rgba(217,183,102,.2)}
.밝은{background:url(/assets/img/hanji-600.webp) center/420px;color:#2b2416}
.밝은 .칸제목 h2{color:#7a5a1e}.밝은 .칸제목 small{color:#7d5f22}.밝은 .칸제목 p{color:#5b5141}
.짙은{background:linear-gradient(180deg,var(--밤),#0e1431)}

/* 두 칸 */
.두칸{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.두칸.좌좁{grid-template-columns:.8fr 1.2fr}
.두칸 img{border-radius:4px}
.두칸 h3{font-size:28px;line-height:1.5;margin-bottom:16px}
.짙은 .두칸 h3{color:var(--금밝)} .짙은 .두칸 p{color:var(--흐린)}
.밝은 .두칸 h3{color:#3a2a10} .밝은 .두칸 p{color:#4a4032}
.두칸 p{margin-bottom:14px}
.액자{position:relative}
.액자 img{box-shadow:0 30px 60px rgba(0,0,0,.3)}
.액자::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid #b8913f;z-index:-1}
.표{margin-top:24px;border-top:1px solid #cdb27a}
.표 div{display:grid;grid-template-columns:110px 1fr;padding:12px 0;border-bottom:1px solid #e3d3ad;font-size:15px}
.표 dt{color:#7d5f22;font-weight:700}
.특징{list-style:none;margin:6px 0 18px;border-top:1px solid rgba(217,183,102,.25)}
.특징 li{padding:10px 0 10px 22px;border-bottom:1px solid rgba(217,183,102,.15);position:relative;font-size:15px}
.특징 li::before{content:"";position:absolute;left:4px;top:19px;width:7px;height:7px;background:var(--금);transform:rotate(45deg)}
.도장{display:inline-block;margin-top:10px;padding:8px 16px;border:1px solid var(--적);color:#f0a59f;font-size:14px;letter-spacing:1px}

/* 하이라이트 영상 */
.무대{position:relative;padding:0 24px 100px}
.무대틀{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.영상틀{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(217,183,102,.3)}
.영상틀 video{width:100%;aspect-ratio:1;object-fit:cover;background:#000}
.영상틀 .딱지{position:absolute;left:14px;top:14px;background:rgba(7,10,26,.75);color:var(--금밝);font-size:12px;letter-spacing:2px;padding:5px 10px;border-radius:3px}

/* 유튜브 (누르면 재생) */
.유튜브들{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.유튜브{margin:0}
.유튜브 button{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;background:#000 center/cover;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(217,183,102,.3)}
.유튜브 button::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.55))}
.유튜브 button::after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:rgba(217,183,102,.92);color:#2a1e06;font-size:24px;display:grid;place-items:center;padding-left:4px}
.유튜브 iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:6px}
.유튜브 figcaption{margin-top:10px;font-size:14.5px;color:var(--흐린)}
.유튜브 figcaption b{display:block;color:var(--백);font-size:16px}
.밝은 .유튜브 figcaption{color:#5b5141}.밝은 .유튜브 figcaption b{color:#2b2416}

/* 갤러리 */
.갤러리{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.갤러리 figure{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:1}
.갤러리 figure.큰{grid-column:span 2;grid-row:span 2}
.갤러리 img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.갤러리 figure:hover img{transform:scale(1.05)}
.갤러리 figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;font-size:13px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:var(--백)}

/* 굿의 순서 */
.순서{background:#0e1431;overflow:hidden}
.순서::before{content:"";position:absolute;inset:0;background:url(/assets/img/cloth-960.webp) center/cover;opacity:.08}
.거리들{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:거리}
.거리{counter-increment:거리;position:relative;padding:26px 16px 22px;border:1px solid rgba(217,183,102,.28);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));text-align:center;transition:.3s}
.거리:hover{border-color:var(--금);transform:translateY(-4px);background:rgba(217,183,102,.08)}
.거리::before{content:counter(거리,decimal-leading-zero);display:block;font-size:12px;letter-spacing:3px;color:var(--금)}
.거리 b{display:block;font-family:var(--붓);font-weight:400;font-size:40px;color:var(--백);margin:4px 0 6px;line-height:1.1}
.거리 p{font-size:13.5px;color:var(--흐린);line-height:1.6}
.거리.핵심{border-color:var(--금);background:linear-gradient(180deg,rgba(217,183,102,.18),rgba(217,183,102,.04))}
.거리.핵심 b{color:var(--금밝)}
.거리 i{position:absolute;top:0;left:0;right:0;height:3px}
.주석{text-align:center;margin-top:26px;font-size:13px;color:var(--흐린)}

/* 카드 */
.카드들{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.카드들.넷{grid-template-columns:repeat(4,1fr)}
.카드{position:relative;padding:32px 26px;background:var(--남2);border-top:3px solid var(--c,var(--금));display:flex;flex-direction:column}
.카드 small{color:var(--금);letter-spacing:3px;font-size:12px}
.카드 h3{font-family:var(--붓);font-weight:400;font-size:44px;color:var(--금밝);line-height:1.05;margin:4px 0 2px}
.카드 h3.보통{font-family:var(--본);font-size:18px;font-weight:700;color:var(--백);line-height:1.5;margin:10px 0 6px}
.카드 p{margin-top:10px;color:var(--흐린);font-size:15px}
.카드 .더{margin-top:auto;padding-top:16px;font-size:14px;color:var(--금밝)}
a.카드{transition:transform .25s, background .25s}
a.카드:hover{transform:translateY(-4px);background:#141c45}

/* 작품 */
.작품{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:56px 0;border-bottom:1px solid rgba(217,183,102,.18)}
.작품:nth-child(even){grid-template-columns:1.1fr 1fr}
.작품:nth-child(even) .작품사진{order:2}
.작품사진 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.작품 small{color:var(--금);letter-spacing:3px;font-size:12px}
.작품 h2{font-family:var(--붓);font-weight:400;font-size:clamp(48px,5vw,64px);color:var(--금밝);line-height:1.05;margin:4px 0 14px}
.작품 p{color:var(--흐린);margin-bottom:12px}
.작품 dl{margin-top:16px;border-top:1px solid rgba(217,183,102,.2)}
.작품 dl div{display:grid;grid-template-columns:90px 1fr;padding:9px 0;border-bottom:1px solid rgba(217,183,102,.12);font-size:14.5px}
.작품 dt{color:var(--금)}

/* 연보 */
.연보{position:relative;margin-left:8px;border-left:1px solid rgba(217,183,102,.35);padding-left:34px}
.연보 li{list-style:none;position:relative;padding:0 0 38px}
.연보 li::before{content:"";position:absolute;left:-40px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--금);box-shadow:0 0 0 5px rgba(217,183,102,.15)}
.연보 time{font-size:14px;letter-spacing:2px;color:var(--금)}
.연보 h3{font-size:20px;color:var(--백);margin:4px 0 6px;line-height:1.5}
.연보 p{color:var(--흐린);font-size:15px}

.큰붓{font-family:var(--붓);font-weight:400;font-size:clamp(48px,5vw,68px);line-height:1.1;margin:10px 0 18px}
.밝은연보{border-left-color:#c9ab6a}
.밝은연보 h3{color:#2b2416}.밝은연보 p{color:#5b5141}.밝은연보 time{color:#7d5f22}

/* 비교표 */
.감싸기{overflow-x:auto;-webkit-overflow-scrolling:touch}
.비교{width:100%;min-width:640px;border-collapse:collapse;background:rgba(255,255,255,.5);font-size:15px;color:#2b2416}
.비교 th{background:#7a5a1e;color:#fbf6ea;padding:14px 10px;font-weight:700;line-height:1.4}
.비교 th small{font-weight:400;opacity:.85}
.비교 td{vertical-align:top;padding:16px 12px;border:1px solid #e3d3ad;line-height:2;text-align:center}
.비교 td b{color:#9c2a20}
.어두운표{border-top-color:rgba(217,183,102,.35)}
.어두운표 div{border-bottom-color:rgba(217,183,102,.18)}
.어두운표 dt{color:var(--금)} .어두운표 dd{color:var(--글)}
.밝은묻답 details{border-bottom-color:#e3d3ad}
.밝은묻답 summary{color:#2b2416}.밝은묻답 summary::after{color:#7d5f22}
.밝은묻답 details p{color:#4a4032}

/* 소식 */
.글목록{list-style:none;border-top:1px solid rgba(217,183,102,.25)}
.글목록 li a{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:24px 4px;border-bottom:1px solid rgba(217,183,102,.15);transition:background .2s}
.글목록 li a:hover{background:rgba(217,183,102,.05)}
.글목록 time{color:var(--금);font-size:14px;padding-top:3px}
.글목록 b{display:block;font-size:19px;color:var(--백);line-height:1.5}
.글목록 span{display:block;margin-top:6px;color:var(--흐린);font-size:14.5px}
.글머리 time{color:var(--금);font-size:14px;letter-spacing:2px}
.글머리 h1{font-size:clamp(26px,3.4vw,38px);line-height:1.45;color:var(--백);margin:8px 0 0}

/* FAQ */
.묻답 details{border-bottom:1px solid rgba(217,183,102,.2)}
.묻답 summary{cursor:pointer;padding:20px 30px 20px 0;font-size:18px;color:var(--백);list-style:none;position:relative}
.묻답 summary::-webkit-details-marker{display:none}
.묻답 summary::after{content:"+";position:absolute;right:4px;top:16px;font-size:24px;color:var(--금)}
.묻답 details[open] summary::after{content:"−"}
.묻답 details p{padding:0 0 20px;color:var(--흐린)}

/* 문의 */
.문의판{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.큰번호{display:inline-block;font-size:clamp(32px,4.4vw,48px);font-weight:800;color:var(--백);letter-spacing:2px;line-height:1.2}
.문의상자{padding:36px;background:var(--남2);border:1px solid rgba(217,183,102,.3)}
.문의상자 h2{font-size:22px;color:var(--금밝);margin-bottom:14px}
.준비{list-style:none;counter-reset:준비}
.준비 li{counter-increment:준비;position:relative;padding:12px 0 12px 44px;border-bottom:1px solid rgba(217,183,102,.15)}
.준비 li::before{content:counter(준비);position:absolute;left:0;top:12px;width:28px;height:28px;border-radius:50%;border:1px solid var(--금);color:var(--금);font-size:14px;display:grid;place-items:center}

/* 상담 폼 */
.상담폼 .폼안내{font-size:14px;color:var(--흐린);margin:-6px 0 16px}
.폼줄{margin-bottom:14px}
.폼줄.둘{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.상담폼 label{display:block;font-size:14px;color:var(--금밝)}
.상담폼 label small{color:var(--흐린)}
.상담폼 input:not([type=radio]):not([type=checkbox]),.상담폼 textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(217,183,102,.35);border-radius:4px;color:var(--백);font:16px var(--본)}
.상담폼 input:focus,.상담폼 textarea:focus{outline:2px solid var(--금);outline-offset:1px}
.상담폼 input[type=date]{color-scheme:dark}
.고르기{border:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.고르기 legend{font-size:14px;color:var(--금밝);margin-bottom:6px;width:100%}
.고르기 label{position:relative}
.고르기 input{position:absolute;opacity:0}
.고르기 span{display:inline-block;padding:8px 16px;border:1px solid rgba(217,183,102,.4);border-radius:999px;color:var(--글);cursor:pointer;font-size:14.5px}
.고르기 input:checked+span{background:var(--금);color:#2a1e06;border-color:var(--금);font-weight:700}
.고르기 input:focus-visible+span{outline:2px solid var(--금밝);outline-offset:2px}
.동의{display:flex!important;gap:8px;align-items:flex-start;font-size:13px!important;color:var(--흐린)!important;line-height:1.6}
.동의 input{margin-top:4px;accent-color:#c99a3e}
.폼알림{margin-top:12px;font-size:14.5px;min-height:1.4em}
.폼알림.됨{color:#9fe0a8}.폼알림.안됨{color:#ffb4ae}

/* 오시는 길 */
.길판{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-top:60px;padding-top:60px;border-top:1px solid rgba(217,183,102,.2)}
.지도{border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(217,183,102,.3)}
.지도 iframe{display:block;width:100%;height:360px;border:0;filter:grayscale(.3) contrast(1.05)}
.길주소{font-size:20px;color:var(--백);margin:10px 0 6px}

/* 하단 띠 */
.띠{background:linear-gradient(rgba(7,10,26,.72),rgba(7,10,26,.9)),url(/assets/img/candle-960.webp) center/cover;text-align:center;padding:110px 24px}
.띠 h2{font-family:var(--붓);font-weight:400;font-size:clamp(56px,7vw,92px);line-height:1.1}
.띠 p{color:var(--흐린);margin:14px 0 30px}

footer.발{padding:48px 24px 60px;text-align:center;font-size:13.5px;color:rgba(239,232,214,.66);line-height:2}
footer.발 b{font-family:var(--붓);font-weight:400;font-size:30px;color:var(--금밝)}
footer.발 .제작{margin-top:14px;font-size:12px;color:rgba(239,232,214,.62)}
footer.발 nav{margin:10px 0}
footer.발 nav a{margin:0 8px}

/* 아래 고정 전화 (모바일) */
.고정전화{display:none}

@media (max-width:960px){
  .햄버거{display:block}
  nav.메뉴{position:fixed;inset:0;z-index:30;background:rgba(7,10,26,.97);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
  nav.메뉴.열린{opacity:1;pointer-events:auto}
  nav.메뉴 ul{flex-direction:column;gap:22px;font-size:20px}
  .메뉴닫기{position:absolute;top:18px;right:20px;background:none;border:0;color:var(--금밝);font-size:34px;cursor:pointer}
  /* 모바일 첫 화면 — 제목 아래 가운데에 전신이 다 보이게 */
  .히어로{min-height:auto;align-items:flex-start}
  .히어로안{grid-template-columns:1fr;padding:92px 20px 70px;gap:0;justify-items:center;text-align:center}
  .히어로안>div:first-child{display:contents}
  .히어로 .꼬리표{order:1;justify-self:center}
  h1.금글씨{order:2;margin:10px 0 0;font-size:21vw;text-align:center}
  h1.금글씨 span{margin:0 auto}
  h1.금글씨 .둘{margin-left:auto}
  .인물{order:3;position:relative;height:62vh;max-height:560px;min-height:380px;margin:-6px 0 0;justify-self:center;align-self:auto;transform:translateY(40px) scale(.96);transition:opacity 1.6s .2s, transform 2.2s .2s cubic-bezier(.2,.7,.2,1)}
  .인물::before{top:30%;width:150%}
  .인물::after{bottom:-6%;height:24%}
  /* 모바일 효과 — 사진 위로 빛줄기가 한 번 훑고 지나간다 */
  .인물 .빛줄기{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;-webkit-mask:url(/assets/img/cutout.webp) center/contain no-repeat;mask:url(/assets/img/cutout.webp) center/contain no-repeat}
  .인물 .빛줄기::after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,240,200,.75),transparent)}
  body.열림 .인물 .빛줄기::after{animation:훑기 2.4s 1.4s ease-in-out forwards}
  .히어로 .부제{order:4;margin-top:6px;font-size:18px}
  .히어로 .이름{order:5;justify-content:center;margin-top:14px}
  .히어로 .이름 small{text-align:left}
  .히어로 .버튼들{order:6;justify-content:center;margin-top:22px}
  .내려보기{display:none}
  body.열림 .인물{opacity:1}
  .두칸,.두칸.좌좁,.무대틀,.문의판,.길판,.작품,.작품:nth-child(even){grid-template-columns:1fr}
  .작품:nth-child(even) .작품사진{order:0}
  .거리들{grid-template-columns:repeat(2,1fr)}
  .카드들,.카드들.넷{grid-template-columns:1fr}
  .갤러리{grid-template-columns:repeat(2,1fr)}
  .유튜브들{grid-template-columns:1fr}
  .폼줄.둘{grid-template-columns:1fr}
  .문의상자{padding:26px 20px}
  .글목록 li a{grid-template-columns:1fr;gap:4px}
  .고정전화{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:25;justify-content:center;gap:8px;padding:14px;border-radius:999px;background:linear-gradient(180deg,#f3dc9a,#c99a3e);color:#2a1e06;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.45)}
  body.인트로중 .고정전화{display:none}
  footer.발{padding-bottom:100px}
}
@media (min-width:961px){.메뉴닫기{display:none}}
@media (max-width:520px){
  h1.금글씨{font-size:24vw}
  .로고 small{display:none}
  section.칸{padding:76px 20px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}