@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;600&family=Klee+One&display=swap');
.hl-kr21{--b:var(--wp--preset--font-size--body);--ink:#32442f;--soft:#5d6656;--mark:#efd6c4;--clay:#f4ece3;--water:#e5efee;--line:rgba(50,68,47,.22)}
.hl-kr21 p{font-size:var(--wp--preset--font-size--body);line-height:2.1;margin:0 0 1.6em}
.hl-kr21 .mk{background:linear-gradient(transparent 62%,var(--mark) 62%)}
.hl-kr21 .lead{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.3);line-height:2;margin:16px 0 64px}
.hl-kr21 .still{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:var(--clay);padding:84px 24px 64px;margin-top:40px;margin-bottom:72px}
.hl-kr21 .slips{max-width:40em;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:22px 26px}
.hl-kr21 .slips span{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.15);background:#fffdf9;padding:.7em 1.1em;border:1px solid var(--line);box-shadow:2px 3px 0 rgba(50,68,47,.07);letter-spacing:.05em}
.hl-kr21 .slips .s0{transform:rotate(-2.5deg)}.hl-kr21 .slips .s1{transform:rotate(1.8deg) translateY(10px)}.hl-kr21 .slips .s2{transform:rotate(-1deg)}.hl-kr21 .slips .s3{transform:rotate(2.6deg) translateY(-6px)}
.hl-kr21 .still .cap{max-width:40em;margin:52px auto 0;text-align:center;color:var(--soft);letter-spacing:.06em}
.hl-kr21 .voice{margin:72px auto 80px;max-width:30em;padding-left:1.4em;border-left:2px solid var(--mark)}
.hl-kr21 .voice p{font-family:'Klee One',cursive;font-size:calc(var(--b) * 1.2);line-height:2;margin:0 0 .5em}
.hl-kr21 .flow{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#fff 0,var(--water) 90px,var(--water) calc(100% - 90px),#fff 100%);padding:110px 24px;margin-top:72px;margin-bottom:72px}
.hl-kr21 .flow .in{max-width:40em;margin:0 auto}
.hl-kr21 .steps{margin:40px 0 48px}
.hl-kr21 .steps span{display:block;font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.15);line-height:2.3;margin-left:calc(var(--k) * min(2.4em,5vw))}
.hl-kr21 .flow .big{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.5);line-height:1.9;text-align:center;margin:64px 0;letter-spacing:.06em}
.hl-kr21 .pot{position:relative;margin:80px 0 56px;padding:44px 32px 36px;border:1px solid var(--line);border-radius:4px}
.hl-kr21 .pot:before{content:"";position:absolute;top:-22px;left:28px;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:inset 0 0 0 9px var(--clay)}
.hl-kr21 .pot .lift{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.15);margin-bottom:0}
.hl-kr21 .quiet{text-align:center;color:var(--soft);line-height:2.6;margin:56px 0;letter-spacing:.08em}
.hl-kr21 .pull{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.45);line-height:1.9;text-align:center;margin:80px 0;letter-spacing:.06em}
.hl-kr21 .key{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.35);line-height:2;padding:40px 0;margin:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.hl-kr21 .big,.hl-kr21 .pull,.hl-kr21 .key,.hl-kr21 .now,.hl-kr21 .quiet,.hl-kr21 .cap{text-wrap:balance}
.hl-kr21 .close{margin:110px 0 40px;text-align:center}
.hl-kr21 .close .now{font-family:'Zen Old Mincho',serif;font-size:calc(var(--b) * 1.6);line-height:1.9;margin:56px 0;letter-spacing:.06em}
.hl-kr21 .close .after{color:var(--soft)}
@media(max-width:700px){.hl-kr21 .lead{font-size:calc(var(--b) * 1.15)}.hl-kr21 .still{padding:64px 16px 48px}.hl-kr21 .slips{gap:14px 12px}.hl-kr21 .slips span{font-size:calc(var(--b) * 1)}.hl-kr21 .flow{padding:84px 16px}.hl-kr21 .flow .big,.hl-kr21 .pull{font-size:calc(var(--b) * 1.25)}.hl-kr21 .key{font-size:calc(var(--b) * 1.15);text-align:left}.hl-kr21 .close .now{font-size:calc(var(--b) * 1.3)}.hl-kr21 .pot{padding:40px 20px 28px}.hl-kr21 .steps span{font-size:var(--b);line-height:2.1;margin-bottom:.4em}}