*{box-sizing:border-box}html{background:#f8f2e9;color:#342237;font:16px/1.75 Arial,sans-serif;scroll-padding-top:20px}body{margin:0}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;max-width:100%}button{cursor:pointer}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#342237;color:#fff6ea}.brand{display:flex;gap:16px;align-items:center;text-decoration:none;letter-spacing:2px;font-weight:bold;font-size:19px}.brand img{width:65px}.brand small{display:block;letter-spacing:0;font:11px/1.5 Arial;max-width:240px}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}details{position:relative;font-size:12px}summary{cursor:pointer;border-bottom:1px solid #d5b1a0;padding:8px 12px}details>div{position:absolute;inset-inline-end:0;top:100%;min-width:220px;max-height:70vh;overflow:auto;z-index:90;background:#fff9ef;color:#342237;border:1px solid #ad8b9c;padding:14px;box-shadow:0 12px 30px #34223722}details a{display:block;padding:7px}.button,button{background:#e9b99f;border:1px solid #342237;color:#342237;font-size:13px;font-weight:bold;display:inline-block;text-decoration:none;padding:12px 20px;border-radius:2px}.button:hover,button:hover{background:#f2cfb7}.quiet{background:transparent}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0}.text-link{font-size:13px;font-weight:bold}main{max-width:1240px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;padding:70px 0 55px;align-items:center}.eyebrow{font:700 11px/1.5 monospace;letter-spacing:2px;text-transform:uppercase}h1{font:normal clamp(44px,5.4vw,74px)/1.08 Georgia,serif;letter-spacing:-2px;margin:24px 0;overflow-wrap:anywhere}h2{font:normal 31px/1.22 Georgia,serif;overflow-wrap:anywhere}.deck{font-size:19px}.micro{font-size:11px;color:#705969}.record-art{position:relative;min-height:360px;background:#e8ded9;border:1px solid #c9b1b7;overflow:hidden}.record-art i{position:absolute;width:66%;height:75%;left:17%;top:16%;background:#fff9ef;border:1px solid #7f536c;box-shadow:5px 8px 0 #3422370a;transform:rotate(-12deg)}.record-art i:nth-child(2){transform:rotate(7deg);background:repeating-linear-gradient(#fff9ef 0 29px,#d8c8cb 30px 31px)}.record-art i:nth-child(3){transform:rotate(0);width:11%;height:52%;left:17%;top:24%;background:#7f536c;border:0}.record-art b{position:absolute;top:14%;left:58%;width:24%;height:12%;background:#e9b99f;border:1px solid #342237;transform:rotate(7deg)}.reading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;border-top:2px solid #342237;padding-top:26px}.editorial{font-size:11px;color:#705969;margin:0 0 26px}.translation{padding:15px 18px;background:#eee3e7;font-size:12px}.essay{position:relative;padding:24px 0 25px 38px;border-inline-start:1px solid #bfa4b0;border-bottom:1px solid #cdbec3}.essay .stitch{position:absolute;left:-13px;top:33px;background:#f8f2e9;padding:2px;font:11px monospace;color:#7f536c}.essay h2{margin:0 0 15px}.essay p{font-size:15px}.sources{font-size:10px!important;color:#705969}.journal-preview{background:#eee3e7;padding:26px;margin:25px 0;border:0}.journal-preview .stitch{display:none}.app-card{background:#fff9ef;border:1px solid #bfa4b0;padding:23px}.app-card>img:first-child{width:46px;height:46px;float:inline-start}.app-brand{font-size:22px!important;font-weight:bold;line-height:46px;margin:0;padding-inline-start:59px;white-space:nowrap}.app-byline{clear:both;font-size:10px!important;padding-top:9px}.app-card h2{font-size:27px;line-height:1.25}.app-card .screenshot{width:110px;display:block;margin:20px auto}.badges{display:flex;flex-wrap:wrap;gap:8px}.badges img{height:31px;width:auto}.app-card p,.app-card small{font-size:10px}.rail-nav{padding:25px 0}.rail-nav a{display:block;font-size:12px;padding:9px 0;border-bottom:1px solid #cdbec3}.tool{background:#eee3e7;padding:28px;border-top:4px solid #7f536c;margin:20px 0 32px}.tool h2{margin:12px 0}.tool>p{font-size:14px}.tool select{width:100%;padding:13px;border:1px solid #7f536c;background:#fff9ef;color:#342237}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.shelf button{background:#fff9ef;text-align:start;border-color:#ad8b9c}.shelf button[aria-pressed=true]{background:#342237;color:#fff9ef}.result:not(:empty){background:#fff9ef;border-inline-start:5px solid #7f536c;padding:20px 24px;margin:24px 0 0;font-size:14px}.result h3{font-size:14px;margin:12px 0 5px}.result a{font-size:12px}#note-spine{display:flex;gap:8px;margin-top:16px}#note-spine i{width:25%;height:10px;background:#d4c2ca}#note-spine.note-0 i:first-child,#note-spine.note-1 i:nth-child(2),#note-spine.note-2 i:nth-child(3),#note-spine.note-3 i:last-child{background:#7f536c}.next{padding:28px 0;margin-top:40px;border-top:2px solid #342237}.nav-grid{display:flex;gap:12px;flex-wrap:wrap}.nav-grid a{padding:8px 12px;border:1px solid #bfa4b0;font-size:12px;text-decoration:none}.end-app{padding:34px 38px;background:#342237;color:#fff9ef;margin:25px 0 45px}.end-app h2{font-size:40px;max-width:800px;margin:0 0 24px}.end-app p{font-size:11px}footer{padding:40px max(5%,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#eee3e7;margin-bottom:45px;border-top:1px solid #bfa4b0}footer h2{font:700 15px Arial;letter-spacing:2px}footer p,footer>a{font-size:12px}footer .button{font-size:11px;margin:4px}.sticky{position:fixed;bottom:0;inset-inline:0;z-index:95;background:#342237;color:#fff9ef;display:flex;justify-content:space-between;gap:18px;padding:10px 22px;font-size:11px}.sticky a{white-space:nowrap;font-weight:bold}.skip{position:absolute;top:-250px}.skip:focus{top:0;z-index:110;background:white;padding:12px;color:#342237}.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid #ab705b;outline-offset:3px}[dir=rtl] .essay{padding:24px 38px 25px 0}[dir=rtl] .essay .stitch{left:auto;right:-13px}@media(max-width:900px){header{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;gap:20px;padding-top:35px}.record-art{min-height:240px;max-width:500px;width:100%}.reading{grid-template-columns:1fr;gap:30px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.rail-nav{padding:0}h1{letter-spacing:-1px}.brand{font-size:17px}}@media(max-width:580px){main{padding:0 21px}header{padding:22px 21px}.brand{gap:10px;letter-spacing:1px}.brand img{width:55px}nav{gap:10px}.hero{padding-bottom:30px}.essay{padding-inline-start:25px}[dir=rtl] .essay{padding-inline-start:25px;padding-inline-end:0}.tool{padding:21px}.shelf{grid-template-columns:1fr}.rail{display:block}.rail-nav{display:none}.app-card h2{font-size:27px}.badges{flex-wrap:nowrap}.end-app{padding:30px 24px}.end-app h2{font-size:32px}footer{grid-template-columns:1fr;padding:30px 21px 50px;gap:25px}.sticky{font-size:10px;padding:10px 12px}.sticky span{max-width:53%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Mobile dropdowns share the header's full-width containing block. */
@media(max-width:900px){
 header{position:relative;z-index:120}
 header nav{position:static}
 header nav details{position:static}
 header nav details>div{position:absolute!important;left:12px!important;right:12px!important;inset-inline:12px!important;top:100%!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:min(65vh,520px);overflow:auto;overflow-wrap:anywhere;white-space:normal;text-align:start;z-index:121}
 header nav details>div a{white-space:normal;overflow-wrap:anywhere}
}

@font-face{font-family:PawlineNavKorean;src:url(/assets/nav-korean-autonym.otf) format("opentype");font-style:normal;font-weight:100 900;font-display:swap}header nav a[lang=ko]{font-family:PawlineNavKorean,Arial,sans-serif}