F1E7E8 100%);padding:26px 0 20px}

/* 배너는 아래 콘텐츠와 같은 폭을 쓴다.
   원본이 1.35:1 이라 폭(1000px)을 다 쓰면 높이가 742px 이 된다.
   그보다 낮게 잡으면 위아래가 잘린다.

   ★ 잘리는 양 (원본 1000px 높이 기준)
     440px → 위아래 각 203px    620px → 각 81px
     500px → 각 162px           680px → 각 41px
     560px → 각 122px           742px → 안 잘림

   620px 으로 둔 이유: 올린 배너의 글자가 위에서 123px 부터 시작한다.
   81px 만 잘리므로 글자가 살아남는다.
   배너를 새로 만들 때는 위아래 각 210px 을 비워두면 어떤 높이에서도 안전하다. */
.slides{--banner-h:620px;max-width:1080px;margin:0 auto;padding:0 var(--m)}
.slide{display:none}
.slide.on{display:block}
.slide img{width:100%;height:var(--banner-h);object-fit:cover;object-position:center;
           border-radius:3px;
           box-shadow:0 1px 2px rgba(35,28,30,.10),0 10px 30px rgba(35,28,30,.12)}
.slide-nav{display:flex;align-items:center;justify-content:center;gap:16px;
           max-width:1080px;margin:16px auto 0;padding:0 var(--m)}
.dots{display:flex;gap:6px}
.dots i{width:26px;height:2px;background:rgba(107,30,50,.22);cursor:pointer}
.dots i.on{background:var(--jaju)}
.arrow{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:50%;
       display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.arrow svg{width:13px;height:13px;stroke:var(--ink);fill:none;stroke-width:1.8}

/* 테마 캐러셀 — 세로 카드, 글자를 이미지 위에 */
.cur{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;
     scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.cur::-webkit-scrollbar{height:0}
.cur-item{flex:0 0 300px;scroll-snap-align:center}
.cur-im{width:100%;aspect-ratio:3/4;border-radius:20px;overflow:hidden;
        background:var(--deep);position:relative;
        box-shadow:0 2px 4px rgba(35,28,30,.10),0 12px 30px rgba(35,28,30,.16)}
.cur-im img{width:100%;height:100%;object-fit:cover}
.cur-im .blank{font-size:64px}
/* 글자가 사진 위에 있으므로 아래쪽을 어둡게 깔아준다 */
.cur-shade{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(20,8,12,.78) 0%,rgba(20,8,12,.34) 32%,
             rgba(20,8,12,0) 62%)}
.cur-badge{position:absolute;left:18px;top:18px;font-size:11.5px;font-weight:600;
           color:#fff;background:rgba(255,255,255,.22);backdrop-filter:blur(8px);
           padding:6px 12px;border-radius:20px}
.cur-tx{position:absolute;left:20px;right:20px;bottom:20px;color:#fff}
.cur-tx h4{font-family:'Nanum Myeongjo',serif;font-size:20px;font-weight:700;
           line-height:1.42;margin-bottom:6px;
           text-shadow:0 1px 8px rgba(0,0,0,.4)}
.cur-tx p{font-size:13px;color:rgba(255,255,255,.86);line-height:1.55;margin-bottom:6px;
          text-shadow:0 1px 6px rgba(0,0,0,.4)}
.cur-n{font-family:'Cormorant Garamond',serif;font-size:13.5px;
       color:rgba(255,255,255,.72)}
.cur-dots{display:flex;justify-content:center;gap:6px;margin-top:2px}
.cur-dots i{width:6px;height:6px;border-radius:50%;background:rgba(107,30,50,.22);
            transition:width .2s}
.cur-dots i.on{width:20px;border-radius:3px;background:var(--jaju)}

/* 테마 상세 */
.th-head{padding:18px 0 20px;max-width:720px}
.th-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--jaju);
          background:rgba(107,30,50,.08);padding:4px 11px;border-radius:20px;margin-bottom:12px}
.th-head h1{font-family:'Nanum Myeongjo',serif;font-size:29px;font-weight:700;
            line-height:1.36;margin-bottom:10px}
.th-sub{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:8px}
.th-n{font-family:'Cormorant Garamond',serif;font-size:14px;color:var(--jaju)}
.th-cover{width:100%;max-width:560px;aspect-ratio:1/1;border-radius:16px;
          overflow:hidden;background:var(--deep);margin-bottom:34px}
.th-cover img{width:100%;height:100%;object-fit:cover}
.th-list{max-width:760px}
.th-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);
        align-items:flex-start}
.th-no{flex:0 0 26px;font-family:'Cormorant Garamond',serif;font-size:22px;
       font-weight:600;color:var(--jaju);line-height:1.2;padding-top:2px}
.th-im{flex:0 0 120px;height:88px;border-radius:3px;overflow:hidden;background:var(--deep)}
.th-im img{width:100%;height:100%;object-fit:cover}
.th-im .blank{font-size:28px}
.th-tx{flex:1;min-width:0}
.th-kind{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;
         border-radius:2px;margin-bottom:6px}
.th-kind.festival{color:var(--jaju);background:rgba(107,30,50,.08)}
.th-kind.place{color:#2C5138;background:#EAF2EC}
.th-tx h4{font-size:16.5px;font-weight:600;margin-bottom:5px}
.th-tx .pl{font-size:13px;color:var(--muted);margin-bottom:4px}
.th-tx .wh{font-size:12.5px;color:var(--muted)}

/* 매거진 */
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.story-card .im{width:100%;aspect-ratio:16/10;border-radius:3px;overflow:hidden;
                background:var(--deep);margin-bottom:12px;position:relative}
.story-card .im img{width:100%;height:100%;object-fit:cover}
.story-card .im .blank{font-size:44px}
.story-card .pin{position:absolute;left:10px;top:10px;font-size:10.5px;font-weight:700;
                 color:#fff;background:rgba(62,20,32,.62);backdrop-filter:blur(6px);
                 padding:4px 9px;border-radius:20px}
.story-card h4{font-family:'Nanum Myeongjo',serif;font-size:17px;font-weight:700;
               line-height:1.42;margin-bottom:6px}
.story-card .ex{font-size:13px;color:var(--muted);line-h