/* 쩜미노트 목록 — 사진첩처럼 정렬된 정사각형 보드 */
.notes-page{max-width:1180px;margin:0 auto;padding:84px 28px 110px}
.notes-header{text-align:center;margin-bottom:50px}
.notes-kicker{font-size:10px;letter-spacing:3px;font-weight:800;color:var(--gold);margin-bottom:15px}
.notes-header h1,.note-hero h1{font-family:'Gowun Batang',serif;color:var(--text);font-weight:700;word-break:keep-all}
.notes-header h1{font-size:36px;line-height:1.3;letter-spacing:-1.5px;margin:0}
.notes-header p{margin:15px 0 0;color:var(--text2);font-size:14px;line-height:1.8}
.notes-filters{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:-18px 0 36px}
.notes-filters a{font-size:12px;color:var(--text3);text-decoration:none;padding:7px 13px;border:1px solid var(--bd);border-radius:999px;background:#fff;transition:.18s ease}
.notes-filters a:hover,.notes-filters a.on{color:var(--ac);border-color:var(--ac-bd);background:var(--ac-bg);font-weight:700}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.notes-grid.is-single{display:block}
.notes-grid.is-single .note-tile{
  max-width:940px;min-height:420px;aspect-ratio:2.15/1;margin:0 auto
}
.notes-grid.is-single .note-tile-copy{padding:42px 44px 39px}
.notes-grid.is-single .note-tile strong{max-width:620px;font-size:33px;line-height:1.35}
.notes-grid.is-single .note-subtitle{max-width:590px;font-size:14px}
.note-tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--r);background:linear-gradient(145deg,var(--bg-dark2),#120622);box-shadow:0 9px 28px rgba(30,9,56,.08);text-decoration:none;isolation:isolate}
.note-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.note-tile-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,22,.03) 25%,rgba(10,6,22,.22) 52%,rgba(10,6,22,.92) 100%);z-index:1;transition:opacity .25s}
.note-tile-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 24px 23px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.note-tile-eyebrow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.note-topic{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--gold2);text-transform:uppercase}
.note-card-issue{flex:0 0 auto;font-size:8px;font-weight:900;letter-spacing:1.5px;color:rgba(255,255,255,.58)}
.note-tile strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:'Gowun Batang',serif;font-size:21px;line-height:1.42;letter-spacing:-.6px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.note-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:12px;line-height:1.55;color:rgba(255,255,255,.68)}
.note-tile:hover img{transform:scale(1.035)}
.note-tile:hover .note-tile-shade{opacity:.9}
.notes-empty{text-align:center;padding:90px 20px;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.notes-empty span{font-family:'Gowun Batang',serif;font-size:22px;font-weight:700;color:var(--text)}
.notes-empty p{font-size:13px;color:var(--text3);margin-top:10px}
.notes-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:44px;font-size:12px;color:var(--text3)}
.notes-pagination a{color:var(--ac);text-decoration:none;font-weight:700}

/* 상세 — 조용하지만 장면 전환이 분명한 에디토리얼 레이아웃 */
.note-preview-bar{position:sticky;top:60px;z-index:250;background:#1e0938;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 18px;font-size:12px}
.note-preview-bar span{color:rgba(255,255,255,.55)}
.note-preview-bar a{color:var(--gold2);font-weight:700;text-decoration:none}
.note-article{max-width:1180px;margin:0 auto;padding:45px 30px 120px;overflow:hidden}
.note-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(43,25,57,.15);padding-bottom:15px;margin-bottom:55px}
.note-back{display:inline-flex;gap:8px;align-items:center;color:var(--text3);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.4px}
.note-back:hover{color:var(--ac)}
.note-issue{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--text3)}
.note-hero{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:60px;align-items:end;max-width:1020px;margin:0 auto 58px}
.note-hero .note-topic{color:var(--ac);margin:0 0 21px;font-size:10px;letter-spacing:2.2px}
.note-hero h1{max-width:850px;font-size:clamp(44px,5vw,66px);line-height:1.23;letter-spacing:-3.2px;margin:0}
.note-hero p{font-size:17px;line-height:1.85;color:var(--text2);margin:26px 0 0;max-width:660px;word-break:keep-all}
.note-hero-meta{border-left:1px solid var(--bd);padding-left:22px;display:flex;flex-direction:column;color:var(--text3);font-size:8px;font-weight:900;letter-spacing:1.6px}
.note-hero-meta strong{font-family:'Gowun Batang',serif;font-size:39px;line-height:1;color:var(--ac);letter-spacing:-1px;margin:9px 0 4px}
.note-hero-meta small{font-size:7px;letter-spacing:1.3px}
.note-hero-meta i{display:block;width:1px;height:50px;background:var(--gold);margin:20px 0;opacity:.7}
.note-cover-stage{display:grid;grid-template-columns:minmax(0,740px) minmax(190px,280px);gap:56px;align-items:center;max-width:1020px;margin:0 auto 105px}
.note-cover{margin:0;position:relative}
.note-cover:before{content:"";position:absolute;left:-14px;top:18px;width:4px;height:95px;background:var(--gold);z-index:2}
.note-cover img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;filter:saturate(.9) contrast(1.02)}
.note-cover figcaption{font-size:8px;letter-spacing:1.2px;color:var(--text3);margin-top:11px;text-transform:uppercase}
.note-cover figcaption a{color:inherit;margin-left:8px}
.note-cover-note{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--gold);border-bottom:1px solid var(--bd);padding:48px 0 38px}
.note-cover-index{position:absolute;right:0;top:-44px;font-family:'Gowun Batang',serif;font-size:114px;line-height:1;color:rgba(63,26,96,.07);letter-spacing:-10px}
.note-cover-note p{position:relative;font-family:'Gowun Batang',serif;font-size:20px;line-height:1.75;letter-spacing:-.6px;color:var(--text2);word-break:keep-all;margin:0}
.note-cover-note p strong{display:inline-block;color:var(--ac);font-size:25px;margin-top:6px}
.note-cover-word{position:absolute;right:-18px;bottom:42px;writing-mode:vertical-rl;font-size:8px;font-weight:900;letter-spacing:3px;color:var(--gold)}
.note-reading-layout{display:grid;grid-template-columns:105px minmax(0,760px);gap:42px;max-width:920px;margin:0 auto}
.note-rail{padding-top:8px;display:flex;align-items:center;flex-direction:column;color:var(--text3);font-size:8px;font-weight:900;letter-spacing:2px}
.note-rail span,.note-rail small{writing-mode:vertical-rl}
.note-rail i{display:block;width:1px;height:90px;background:var(--bd);margin:19px 0}
.note-rail small{color:var(--gold);font-size:8px}
.note-reading-column{counter-reset:note-section;min-width:0}
.note-body{color:#352b43;font-size:17px;line-height:2.12;letter-spacing:-.2px}
.note-body p{margin:0 0 1.8em}
.note-body-before>p:first-child{font-family:'Gowun Batang',serif;font-size:21px;line-height:2;color:#30243b;letter-spacing:-.45px}
.note-body-before>p:first-child::first-letter{float:left;font-family:'Gowun Batang',serif;font-size:82px;line-height:.77;color:var(--ac);padding:13px 11px 0 0}
.note-body h2{position:relative;font-family:'Gowun Batang',serif;font-size:29px;line-height:1.55;color:var(--text);letter-spacing:-1px;margin:3.5em 0 1em;padding-top:25px;word-break:keep-all}
.note-body h2:before{counter-increment:note-section;content:"0" counter(note-section);position:absolute;top:0;left:0;font-family:Arial,sans-serif;font-size:9px;line-height:1;font-weight:900;letter-spacing:1px;color:var(--gold)}
.note-body h3{font-size:19px;line-height:1.6;color:var(--text);margin:2.6em 0 .8em}
.note-body strong{font-weight:850;color:#241431;background:linear-gradient(transparent 64%,rgba(201,168,76,.24) 0);padding:0 .04em}
.note-body em{color:var(--text2)}
.note-body blockquote{position:relative;width:calc(100% + 155px);margin:3.1em 0 3.2em -78px;padding:50px 58px;border:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font-family:'Gowun Batang',serif;font-size:31px;line-height:1.65;letter-spacing:-1.2px;text-align:center;color:#4f3266;background:linear-gradient(90deg,rgba(201,168,76,.02),rgba(201,168,76,.08),rgba(201,168,76,.02))}
.note-body blockquote:before{content:"“";display:block;font-family:Georgia,serif;color:var(--gold);font-size:54px;line-height:.45;margin-bottom:18px}
.note-body ul,.note-body ol{list-style:none;margin:2em 0 2.3em;padding:8px 28px;background:#f8f5fa;border-top:1px solid rgba(63,26,96,.12);border-bottom:1px solid rgba(63,26,96,.12);counter-reset:item}
.note-body li{position:relative;margin:0;padding:19px 4px 19px 34px;border-bottom:1px solid rgba(63,26,96,.1);line-height:1.8}
.note-body li:last-child{border-bottom:0}
.note-body li:before{position:absolute;left:2px;top:22px;font-family:Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:.5px;color:var(--gold)}
.note-body ul li:before{content:"◆";font-size:7px}
.note-body ol li{counter-increment:item}
.note-body ol li:before{content:"0" counter(item)}
.note-body a{color:var(--ac);text-underline-offset:3px}
.note-body hr{border:0;width:38px;height:1px;background:var(--gold);opacity:.55;margin:62px auto}
.note-body zzummi-cta{display:none}
.note-mid-cta{position:relative;display:grid;grid-template-columns:82px 1fr 62px;gap:24px;align-items:center;margin:82px -25px 88px;padding:42px 40px 40px;background:linear-gradient(135deg,#220b3c,#35135a 72%,#43206a);color:#fff;overflow:hidden;box-shadow:0 22px 55px rgba(36,10,62,.16)}
.note-mid-cta:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(224,194,112,.18);border-radius:50%;right:-130px;top:-145px}
.note-cta-number{font-family:'Gowun Batang',serif;font-size:72px;line-height:1;color:var(--gold2);opacity:.92;letter-spacing:-5px}
.note-mid-cta-copy{position:relative;z-index:1}
.note-mid-cta-copy>span{font-size:8px;font-weight:900;letter-spacing:2px;color:var(--gold2)}
.note-mid-cta h2{font-family:'Gowun Batang',serif;font-size:25px;line-height:1.5;letter-spacing:-.8px;margin:10px 0 8px;color:#fff;word-break:keep-all}
.note-mid-cta p{font-size:13px;line-height:1.75;color:rgba(255,255,255,.62);margin:0 0 22px;max-width:475px}
.note-mid-cta a{display:inline-flex;align-items:center;gap:22px;color:#fff;text-decoration:none;border-bottom:1px solid var(--gold2);padding-bottom:7px;font-size:12px;font-weight:800}
.note-mid-cta a b{color:var(--gold2);font-size:16px;transition:transform .2s}
.note-mid-cta a:hover b{transform:translateX(4px)}
.note-cta-time{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;color:rgba(255,255,255,.5)}
.note-cta-time strong{font-family:'Gowun Batang',serif;font-size:35px;line-height:1;color:#fff}
.note-cta-time span{font-size:7px;letter-spacing:1.5px;margin-top:4px}
.note-signoff{margin:73px 0 0;padding-top:29px;border-top:1px solid var(--bd);display:flex;flex-direction:column;align-items:flex-end;color:var(--text3);font-size:11px}
.note-signoff strong{font-family:'Gowun Batang',serif;color:var(--text);font-size:18px;margin-top:5px}
.note-final-cta{position:relative;max-width:1020px;min-height:420px;margin:120px auto 0;padding:76px 78px;display:flex;align-items:center;background:#f4efe4;color:var(--text);overflow:hidden}
.note-final-cta:before{content:"";position:absolute;inset:18px;border:1px solid rgba(117,86,27,.2);pointer-events:none}
.note-final-orbit{position:absolute;right:-56px;top:42px;transform:rotate(90deg);font-size:8px;letter-spacing:6px;color:rgba(63,26,96,.32)}
.note-final-mark{position:absolute;right:50px;bottom:-60px;font-family:'Gowun Batang',serif;font-size:310px;line-height:1;color:rgba(63,26,96,.055)}
.note-final-copy{position:relative;z-index:1;max-width:650px}
.note-final-copy>span{font-size:8px;font-weight:900;letter-spacing:2.5px;color:#9b792b}
.note-final-copy h2{font-family:'Gowun Batang',serif;font-size:37px;line-height:1.45;letter-spacing:-1.6px;word-break:keep-all;margin:17px 0 17px;color:#2b173a}
.note-final-copy p{font-size:14px;line-height:1.9;color:#695e6e;max-width:590px;margin:0 0 29px;word-break:keep-all}
.note-final-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.note-final-actions a{text-decoration:none;font-size:12px;font-weight:850}
.note-final-primary{display:inline-flex;align-items:center;gap:28px;background:var(--ac);color:#fff!important;padding:14px 19px 14px 21px}
.note-final-primary b{color:var(--gold2);font-size:16px}
.note-final-secondary{color:var(--text2);border-bottom:1px solid rgba(43,23,58,.35);padding:9px 0 5px}
.note-related{max-width:1020px;margin:115px auto 0;padding-top:36px;border-top:1px solid var(--bd)}
.note-related-head{display:flex;align-items:end;justify-content:space-between;font-family:'Gowun Batang',serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:22px}
.note-related-head small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:var(--text3)}
.notes-grid-related .note-tile-copy{padding:20px}
.notes-grid-related .note-tile strong{font-size:17px}

@media(max-width:900px){
  .note-hero{grid-template-columns:minmax(0,1fr) 90px;gap:34px}.note-cover-stage{grid-template-columns:minmax(0,1fr) 220px;gap:36px}.note-cover-note p{font-size:18px}.note-reading-layout{grid-template-columns:60px minmax(0,1fr);gap:24px}.note-body blockquote{width:calc(100% + 80px);margin-left:-40px}.note-mid-cta{margin-left:0;margin-right:0}
}
@media(max-width:760px){
  .notes-page{padding:57px 16px 76px}.notes-header{margin-bottom:38px}.notes-header h1{font-size:29px}.notes-header p{font-size:13px}
  .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.note-tile{border-radius:12px}.note-tile-copy{padding:15px 13px 14px}.note-tile-eyebrow{margin-bottom:5px}.note-topic{font-size:8px}.note-card-issue{font-size:6px;letter-spacing:1px}.note-tile strong{font-size:15px;line-height:1.35}.note-subtitle{font-size:10px;line-height:1.4;margin-top:5px;-webkit-line-clamp:2}
  .notes-grid.is-single{display:block}
  .notes-grid.is-single .note-tile{min-height:0;aspect-ratio:1/1;max-width:none}
  .notes-grid.is-single .note-tile-copy{padding:22px 20px 20px}
  .notes-grid.is-single .note-tile strong{font-size:21px}
  .notes-grid.is-single .note-subtitle{font-size:12px}
  .note-article{padding:28px 18px 76px}.note-topline{margin-bottom:37px}.note-issue{font-size:7px;letter-spacing:1.4px}
  .note-hero{display:block;margin:0 0 35px}.note-hero .note-topic{margin-bottom:15px}.note-hero h1{font-size:37px;line-height:1.31;letter-spacing:-2px}.note-hero p{font-size:14px;line-height:1.8;margin-top:17px}.note-hero-meta{display:none}
  .note-cover-stage{display:block;margin:0 0 66px}.note-cover:before{left:-7px;top:13px;height:70px;width:3px}.note-cover img{aspect-ratio:4/5}.note-cover figcaption{font-size:7px}.note-cover-note{min-height:auto;margin:35px 0 0;padding:27px 0 25px}.note-cover-index{top:-25px;font-size:78px}.note-cover-note p{font-size:16px;line-height:1.7}.note-cover-note p strong{font-size:21px}.note-cover-word{right:-6px;bottom:24px}
  .note-reading-layout{display:block}.note-rail{display:none}.note-body{font-size:15px;line-height:2}.note-body-before>p:first-child{font-size:18px;line-height:1.95}.note-body-before>p:first-child::first-letter{font-size:65px;padding-right:8px}.note-body h2{font-size:24px;line-height:1.52;margin-top:3.3em}.note-body blockquote{width:calc(100% + 22px);margin:2.8em 0 2.9em -11px;padding:38px 18px;font-size:24px;line-height:1.6}.note-body ul,.note-body ol{margin-left:-5px;margin-right:-5px;padding:5px 17px}.note-body li{padding:16px 2px 16px 29px}
  .note-mid-cta{grid-template-columns:1fr;margin:65px 0 72px;padding:32px 28px 30px;gap:16px}.note-cta-number{position:absolute;right:20px;top:16px;font-size:74px;opacity:.13}.note-mid-cta h2{font-size:22px;padding-right:15px}.note-mid-cta p{font-size:12px}.note-cta-time{display:none}
  .note-signoff{margin-top:58px}.note-final-cta{min-height:0;margin-top:82px;padding:55px 37px 50px}.note-final-cta:before{inset:11px}.note-final-mark{font-size:190px;right:-10px;bottom:-35px}.note-final-orbit{display:none}.note-final-copy h2{font-size:28px;line-height:1.5}.note-final-copy p{font-size:13px}.note-final-actions{align-items:flex-start;flex-direction:column;gap:12px}.note-final-primary{width:100%;justify-content:space-between;box-sizing:border-box}
  .note-related{margin-top:78px}.note-related-head{font-size:19px}.note-related-head small{display:none}.note-related .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-preview-bar{top:60px;flex-wrap:wrap;gap:7px;padding:8px 12px}.note-preview-bar span{display:none}
}
@media(max-width:380px){.note-tile strong{font-size:14px}.note-subtitle{display:none}.note-hero h1{font-size:34px}.note-final-copy h2{font-size:26px}}