.hanjan-page{color:var(--c-milk);background:linear-gradient(#110d20 0%,#17122b 30%,#1b1532 62%,#110d1e 100%)}.hanjan-page .eyebrow,.article-page .eyebrow--lamp{--eyebrow:var(--c-lamp)}.jhero{height:100svh;min-height:680px;position:relative;overflow:hidden}.jhero__still{right:var(--gutter);color:var(--c-milk);bottom:24px}.jhero__sky{background:radial-gradient(45% 40% at 74% 28%,#ffc88229,#0000 70%),radial-gradient(90% 55% at 50% 112%,#5d3b66 0%,#0000 62%),linear-gradient(#0b0918 0%,#16112d 55%,#2a1e44 100%);position:absolute;inset:0}.jhero__fallback{background:radial-gradient(14% 22% at 74% 30%,#fbeed6,#fbeed633 60%,#0000 75%);position:absolute;inset:0}.jhero__stage{position:absolute;inset:0}.jhero__copy{z-index:2;height:100%;padding-top:var(--header-h);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:relative}.jhero__copy>*{pointer-events:auto;align-self:flex-start}.jhero__copy h1{text-shadow:0 10px 40px #05030f99;margin-top:22px;font-size:clamp(40px,5.6vw,88px)}.jhero__copy h1 em{color:#0000;background:linear-gradient(90deg,#ffe4b0,#ffc872 50%,#f3a36a);-webkit-background-clip:text;background-clip:text;font-style:normal}.jhero__copy .lead{color:#fff8efcc;margin-top:22px}.jhero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.jhero__vows{color:#fff8ef9e;flex-wrap:wrap;gap:8px 22px;margin-top:44px;font-size:14px;display:flex}.jhero__vows li:before{content:"✦";color:var(--c-lamp);margin-right:8px}@media (max-width:860px){.jhero__copy{padding-bottom:calc(100px + env(safe-area-inset-bottom));justify-content:flex-end}.jhero__copy:before{content:"";z-index:-1;background:linear-gradient(#0000,#0c091a80 40%,#0c091aeb);position:absolute;inset:30% -20px 0}.jhero__vows{margin-top:26px}}.jsec__head{max-width:680px}.jsec__head h2,.jshelf__head h2{margin-top:14px}.jsec__head .lead,.jshelf__head .lead{color:#fff8efb3;margin-top:14px}.jweek{padding-block:clamp(80px,9vw,130px) 30px}.jweek__grid{perspective:1400px;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:46px;display:grid}.jweek__side{gap:22px;display:grid}.letter{--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s var(--ease-out)}.letter.is-hover{transition:transform .12s linear}.letter__link{height:100%;color:var(--c-ink);background:linear-gradient(160deg,#fcf6ec,#efe3cf);border-radius:28px;grid-template-columns:40% 1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 80px -50px #000000d9,inset 0 0 0 1px #fff9}.letter__link:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 27px,#7b46320d 27px 28px);position:absolute;inset:0}.letter--featured .letter__link{grid-template-rows:minmax(240px,1fr) auto;grid-template-columns:1fr}.letter__photo{min-height:170px;position:relative;overflow:hidden}.letter__photo img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out);position:absolute;inset:0}.letter:hover .letter__photo img{transform:scale(1.06)}.letter.is-sealed .letter__photo img{filter:grayscale(.55)blur(2px)brightness(.8)}.letter__wax{color:#ffe6d6;background:radial-gradient(circle at 35% 30%,#db474e,#9c1c23 70%);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 10px 20px #46000073,inset 0 0 0 5px #ffffff1f}.letter__body{z-index:2;flex-direction:column;gap:10px;padding:24px 26px 22px;display:flex;position:relative}.letter__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.letter__cat{color:#7b4632;font-size:14px;font-weight:700}.letter__title{font-size:21px;line-height:1.38}.letter--featured .letter__title{font-size:clamp(24px,2.4vw,32px)}.letter__summary{color:var(--c-ink-soft);font-size:15px}.letter__meta{color:var(--c-ink-soft);flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:6px;font-size:14px;display:flex}.letter__meta span{align-items:center;gap:5px;display:inline-flex}.letter__glare{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,30%), #ffffff80, transparent 42%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;position:absolute;inset:0}.letter.is-hover .letter__glare{opacity:1}@media (max-width:960px){.jweek__grid{grid-template-columns:1fr}}@media (max-width:560px){.letter__link{grid-template-rows:170px auto;grid-template-columns:1fr}}.jshelf{padding-block:clamp(80px,9vw,130px) 40px}.jshelf__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.seg--dark{background:#fff8ef14}.seg--dark button{color:#fff8efc7}.seg--dark button[aria-pressed=true]{color:var(--c-ink);background:var(--c-lamp)}.library{grid-template-columns:minmax(0,1fr) 340px;align-items:end;gap:32px;margin-top:48px;display:grid}.shelf{background:radial-gradient(60% 70% at 50% 0,#ffc87229,#0000 70%),linear-gradient(#ffffff05,#ffffff0f);border:1px solid #fff8ef14;border-bottom:0;border-radius:28px 28px 0 0;padding:0 30px;position:relative}.shelf__row{perspective:1100px;align-items:flex-end;gap:8px;min-height:460px;padding-top:50px;display:flex}.book{--w:84px;transform-style:preserve-3d;transition:opacity .5s, filter .5s, transform .6s var(--ease-out);flex:none;position:relative}.book:nth-child(2){--w:74px}.book:nth-child(3){--w:90px}.book:nth-child(4){--w:78px}.book__link{width:var(--w);height:var(--h,340px);transform-style:preserve-3d;transition:transform .8s var(--ease-out);display:block;position:relative}.book:hover .book__link,.book__link:focus-visible,.book.is-focus .book__link{transform:translateY(-26px)rotateY(-26deg)}.book__spine{color:#fbf1e0;background:linear-gradient(90deg, #00000047, transparent 20%, transparent 78%, #00000038), var(--spine);border-radius:7px 4px 4px 7px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:22px 0 16px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 30px -22px #000000e6}.book__spine:before,.book__spine:after{content:"";opacity:.75;background:#e8c67a;height:2px;position:absolute;left:9px;right:9px}.book__spine:before{top:10px}.book__spine:after{bottom:44px}.book__cat{writing-mode:vertical-rl;letter-spacing:.12em;opacity:.8;font-size:11px;font-weight:700}.book__title{writing-mode:vertical-rl;text-orientation:upright;min-height:0;font-family:var(--f-display);letter-spacing:.04em;flex:1;font-size:16.5px;font-weight:600;line-height:1.25;overflow:hidden}.book__date{opacity:.85;font-size:13px}.book__cover{width:calc(var(--h,340px) * .68);filter:brightness(.92);transform-origin:0;background-position:50%;background-size:cover;border-radius:0 7px 7px 0;height:100%;position:absolute;top:0;left:100%;transform:rotateY(90deg);box-shadow:inset 10px 0 18px #0006}.book.is-dim{opacity:.22;filter:grayscale(.7);pointer-events:none;transform:translateY(10px)}.book--ghost .book__spine{color:#fff8ef80;background:repeating-linear-gradient(135deg, #ffffff0d 0 8px, transparent 8px 16px), var(--spine);border:1px dashed #fff8ef33;padding-top:30px}.book--ghost{height:var(--gh)}.book--ghost .book__spine{width:var(--w);height:var(--gh);position:relative}.shelf__deco{align-items:flex-end;gap:18px;margin-left:auto;padding-left:18px;display:flex}.plant{width:62px;height:140px;position:relative}.plant:after{content:"";background:linear-gradient(#d08a46,#8a5226);border-radius:4px 4px 14px 14px;width:44px;height:42px;position:absolute;bottom:0;left:9px}.plant i{transform-origin:bottom;background:linear-gradient(#9cc26a,#4f7a36);border-radius:50%/60% 60% 40% 40%;width:18px;height:64px;animation:5s ease-in-out infinite leaf;position:absolute;bottom:38px;left:22px}.plant i:first-child{rotate:-32deg}.plant i:nth-child(2){height:80px;animation-delay:-1.5s;rotate:4deg}.plant i:nth-child(3){height:56px;animation-delay:-3s;rotate:34deg}@keyframes leaf{50%{transform:rotate(4deg)}}.mini-cup{background:linear-gradient(#fbf3e6,#ddd0bd);border-radius:4px 4px 16px 16px;width:46px;height:38px;margin-right:14px;position:relative}.mini-cup:after{content:"";border:4px solid #ece2d3;border-left:0;border-radius:0 10px 10px 0;width:16px;height:18px;position:absolute;top:7px;right:-13px}.mini-cup:before{content:"";filter:blur(3px);background:radial-gradient(closest-side,#fff4e273,#0000);border-radius:50%;width:14px;height:36px;animation:4s ease-in-out infinite steamy;position:absolute;bottom:44px;left:14px}@keyframes steamy{0%{opacity:0;translate:0 8px}50%{opacity:1}to{opacity:0;translate:4px -18px}}.shelf__board{background:linear-gradient(#6d4b3a,#3b2820);border-radius:4px;height:22px;margin:0 -30px;box-shadow:0 34px 40px -22px #000000d9,inset 0 2px #ffffff24}.reading{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(150deg,#fff8ef1f,#fff8ef0a);border:1px solid #fff8ef24;border-radius:26px;justify-items:start;gap:10px;padding:26px 26px 24px;display:grid}.reading .latin{color:var(--c-lamp);font-size:15px}.reading h3{font-size:24px;line-height:1.35}.reading__summary{color:#fff8efbf;font-size:15px}.reading__meta{color:#fff8ef8c;font-size:14px}.reading__actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.jshelf__hint{color:#fff8ef80;margin-top:16px;font-size:14px}@media (max-width:1000px){.library{grid-template-columns:minmax(0,1fr)}.shelf{padding:0 16px}.shelf__row{scroll-snap-type:x proximity;scrollbar-width:none;min-height:430px;overflow-x:auto}.shelf__board{margin:0 -16px}.book{scroll-snap-align:center}}.jclub{padding-block:clamp(80px,9vw,130px) clamp(90px,10vw,140px)}.jclub__grid{grid-template-columns:.85fr 1.15fr;gap:28px;margin-top:46px;display:grid}.window{border-radius:220px 220px 28px 28px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff8ef1f,0 0 90px -20px #ffc87259}.window img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.window:after{content:"";background:linear-gradient(#0000 45%,#0e0a1cd9);position:absolute;inset:0}.window figcaption{z-index:1;gap:4px;font-size:15px;display:grid;position:absolute;bottom:24px;left:26px;right:26px}.window figcaption .latin{color:var(--c-lamp)}.jclub__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.activity{transition:transform .5s var(--ease-out), background-color .3s;background:#fff8ef0d;border:1px solid #fff8ef1a;border-radius:26px;padding:26px 24px}.activity:hover{background:#fff8ef14;transform:translateY(-4px)}.activity__icon{width:46px;height:46px;color:var(--c-lamp);background:#ffc87224;border-radius:15px;place-items:center;display:grid}.activity__meta{color:var(--c-lamp);margin-top:18px;font-size:14px;font-weight:700}.activity h3{margin-top:6px;font-size:20px}.activity p:last-child{color:#fff8efad;margin-top:8px;font-size:14px}.jjoin{background:linear-gradient(120deg,#ffc87229,#ffc8720a);border:1px solid #ffc87240;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding:30px 34px;display:flex}.jjoin h2{font-size:clamp(20px,2vw,26px)}.jjoin p{color:#fff8efb3;margin-top:6px;font-size:14.5px}@media (max-width:960px){.jclub__grid{grid-template-columns:1fr}.window{min-height:380px}}@media (max-width:560px){.jclub__list{grid-template-columns:1fr}}.jfaq{padding-block:clamp(40px,6vw,90px) clamp(90px,10vw,140px)}.jfaq .wrap{gap:14px;display:grid}.jfaq .faq{margin-top:12px}.jshelf__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alist{gap:12px;margin-top:36px;display:grid}.alist__row{gap:6px;display:grid}.alist__item{border-radius:var(--r-m);color:var(--c-moon);transition:background-color .3s, border-color .3s, transform .5s var(--ease-out);background:#fff8ef0d;border:1px solid #fff8ef1a;grid-template-columns:clamp(104px,16vw,200px) minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.4vw,28px);padding:14px;display:grid}.alist__item:hover{background:#fff8ef17;border-color:#ffc87259;transform:translateY(-2px)}.alist__img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s);width:100%;max-width:100%}.alist__body{justify-items:start;gap:6px;min-width:0;display:grid}.alist__meta{color:#fbeed6d1;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;font-size:14px;display:flex}.alist__meta span+span:before{content:"·";opacity:.6;margin-right:12px}.alist__title{text-wrap:balance;font-size:clamp(19px,1.9vw,24px);line-height:1.35}.alist__summary{-webkit-line-clamp:2;color:#fbeed6db;-webkit-box-orient:vertical;font-size:15.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.alist__arrow{color:var(--c-lamp)}.alist__sub{min-height:44px;color:var(--c-lamp);justify-self:end;align-items:center;gap:6px;padding:0 6px;font-size:15px;font-weight:600;display:inline-flex}.alist__empty{color:#fbeed6db;margin-top:36px;font-size:16px}@media (max-width:560px){.alist__item{grid-template-columns:96px minmax(0,1fr);align-items:start;padding:12px}.alist__arrow,.alist__summary{display:none}}.alist__row--result .alist__item{border-color:#7fd4a047}.jcats__toggle{gap:6px}.jcats{background:#fff8ef0d;border:1px solid #fff8ef1f;border-radius:18px;flex-wrap:wrap;gap:8px;margin-top:16px;padding:14px;display:flex}.jcats__item{min-height:44px;color:var(--c-milk);background:#fff8ef14;border:1px solid #fff8ef24;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;display:inline-flex}.jcats__item span{color:#fff8ef9e;font-size:14px}.jcats__item[aria-pressed=true]{color:var(--c-ink);background:var(--c-honey);border-color:var(--c-honey)}.jcats__item[aria-pressed=true] span{color:#2a1a12b3}.jcats__item:disabled{opacity:.5;cursor:default}