*{box-sizing:border-box}html{background:#fbf4f0;color:#3a243e;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:#3a243e;color:#fbf4f0}.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:#ffffff;color:#3a243e;border:1px solid #ad8b9c;padding:14px;box-shadow:0 12px 30px #3a243e22}details a{display:block;padding:7px}.button,button{background:#f4ab74;border:1px solid #3a243e;color:#3a243e;font-size:13px;font-weight:bold;display:inline-block;text-decoration:none;padding:12px 20px;border-radius:2px}.button:hover,button:hover{background:#f7c6a0}.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:#806c82}.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:#ffffff;border:1px solid #9f6284;box-shadow:5px 8px 0 #3a243e0a;transform:rotate(-12deg)}.record-art i:nth-child(2){transform:rotate(7deg);background:repeating-linear-gradient(#ffffff 0 29px,#d8c8cb 30px 31px)}.record-art i:nth-child(3){transform:rotate(0);width:11%;height:52%;left:17%;top:24%;background:#9f6284;border:0}.record-art b{position:absolute;top:14%;left:58%;width:24%;height:12%;background:#f4ab74;border:1px solid #3a243e;transform:rotate(7deg)}.reading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;border-top:2px solid #3a243e;padding-top:26px}.editorial{font-size:11px;color:#806c82;margin:0 0 26px}.translation{padding:15px 18px;background:#f0e0e5;font-size:12px}.essay{position:relative;padding:24px 0 25px 38px;border-inline-start:1px solid #c8a4b7;border-bottom:1px solid #debecb}.essay .stitch{position:absolute;left:-13px;top:33px;background:#fbf4f0;padding:2px;font:11px monospace;color:#9f6284}.essay h2{margin:0 0 15px}.essay p{font-size:15px}.sources{font-size:10px!important;color:#806c82}.journal-preview{background:#f0e0e5;padding:26px;margin:25px 0;border:0}.journal-preview .stitch{display:none}.app-card{background:#ffffff;border:1px solid #c8a4b7;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 #debecb}.tool{background:#f0e0e5;padding:28px;border-top:4px solid #9f6284;margin:20px 0 32px}.tool h2{margin:12px 0}.tool>p{font-size:14px}.tool select{width:100%;padding:13px;border:1px solid #9f6284;background:#ffffff;color:#3a243e}.shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.shelf button{background:#ffffff;text-align:start;border-color:#ad8b9c}.shelf button[aria-pressed=true]{background:#3a243e;color:#ffffff}.result:not(:empty){background:#ffffff;border-inline-start:5px solid #9f6284;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:#9f6284}.next{padding:28px 0;margin-top:40px;border-top:2px solid #3a243e}.nav-grid{display:flex;gap:12px;flex-wrap:wrap}.nav-grid a{padding:8px 12px;border:1px solid #c8a4b7;font-size:12px;text-decoration:none}.end-app{padding:34px 38px;background:#3a243e;color:#ffffff;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:#f0e0e5;margin-bottom:45px;border-top:1px solid #c8a4b7}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:#3a243e;color:#ffffff;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:#3a243e}.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}}

header{background:#fbf4f0;color:#3a243e;border-bottom:1px solid #c8a4b7}.hero{grid-template-columns:1.5fr 1fr;gap:50px;padding:58px 0}.hero h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-3px;font-size:clamp(45px,5.7vw,80px)}.hero .eyebrow{border-inline-start:5px solid #f4ab74;padding-inline-start:14px}.compass-art{height:350px;background:#3a243e;position:relative;overflow:hidden;border-radius:0 85px 0 0}.compass-art i{position:absolute;background:#fbf4f0;height:58px;width:75%;left:12.5%;top:50px;transform:rotate(-8deg);box-shadow:0 7px 0 #0002}.compass-art i:nth-child(2){top:145px;width:60%;background:#f4ab74;transform:rotate(8deg);left:27.5%}.compass-art i:nth-child(3){top:240px;width:70%;transform:rotate(-4deg)}.compass-art b{position:absolute;left:0;top:0;height:100%;width:14%;background:repeating-linear-gradient(transparent 0 28px,#7394ad 29px 30px);border-inline-end:1px solid #7394ad}.reading{display:block;border-top:0}.reading article{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editorial,.translation,.tool{grid-column:1/-1}.essay{padding:28px 30px;border:1px solid #c8a4b7;background:#fff}.essay .stitch{position:static;display:block;background:transparent;margin-bottom:14px}.essay h2{font:700 25px/1.25 Arial,sans-serif}.essay:last-of-type:not(.journal-preview){grid-column:1/-1}.journal-preview{grid-column:1/-1;margin:0}.rail{display:block;margin:35px 0}.app-card{display:grid;grid-template-columns:60px minmax(0,1fr) 130px;column-gap:25px;align-items:center;padding:30px}.app-card>img:first-child{grid-column:1;grid-row:1/3;float:none}.app-brand{grid-column:2;grid-row:1;padding:0;line-height:1.3;align-self:end}.app-byline{grid-column:2;grid-row:2;padding:0;align-self:start}.app-card h2{grid-column:1/3;grid-row:3;margin:15px 0;font:700 29px/1.3 Arial,sans-serif}.app-card .screenshot{grid-column:3;grid-row:1/6;width:110px}.badges{grid-column:1/3;grid-row:4}.app-card>p:not(.app-brand):not(.app-byline){grid-column:1/3;grid-row:5}.app-card small{grid-column:1/3}.rail-nav{display:none}.tool{margin:0;border:1px solid #c8a4b7;border-top:5px solid #f4ab74}.tool h2{font:700 32px/1.2 Arial,sans-serif}.tool .actions{margin-bottom:0}.tool .shelf{grid-template-columns:repeat(4,minmax(0,1fr))}h2{font-family:Arial,sans-serif}.end-app h2{font-weight:700}.next h2{font-weight:700}[dir=rtl] .essay{padding:28px 30px}@media(max-width:900px){.hero{grid-template-columns:1fr}.compass-art{max-width:600px;width:100%;height:280px}.compass-art i{top:35px}.compass-art i:nth-child(2){top:115px}.compass-art i:nth-child(3){top:195px}.reading article{grid-template-columns:1fr}.tool .shelf{grid-template-columns:1fr 1fr}.essay:last-of-type{grid-column:auto}}@media(max-width:580px){.hero h1{letter-spacing:-2px}.app-card{display:block;padding:23px}.app-card>img:first-child{float:inline-start}.app-brand{padding-inline-start:59px;line-height:46px}.app-byline{clear:both;padding-top:9px}.app-card h2{font-size:26px}.app-card .screenshot{margin:20px auto}.tool .shelf{grid-template-columns:1fr}.essay{padding:24px}[dir=rtl] .essay{padding:24px}.tool h2{font-size:27px}}

.essay:has(+.journal-preview){grid-column:1/-1}

header{flex-direction:column;gap:20px;background:#3a243e;color:#fbf4f0;padding:25px 5%}.hero{display:block;text-align:center;padding-top:54px}.hero>div:first-child{max-width:900px;margin:auto}.hero h1{font:normal clamp(46px,6vw,82px)/1.06 Georgia,serif;letter-spacing:-2px}.hero .eyebrow{border:0;padding:0}.hero .deck{max-width:780px;margin:22px auto}.hero .actions{justify-content:center}.habitat-art{max-width:900px;height:230px;background:#f0e0e5;position:relative;margin:35px auto 0;overflow:hidden;border:1px solid #c8a4b7}.habitat-art i{position:absolute;bottom:-90px;width:310px;height:310px;border-radius:50%;background:#9f6284;left:-35px;transform:rotate(35deg);border:1px solid #3a243e}.habitat-art i:nth-child(2){left:30%;width:280px;height:450px;bottom:-220px;border-radius:200px 200px 0 0;background:#f4ab74;transform:rotate(-20deg)}.habitat-art i:nth-child(3){left:auto;right:-40px;background:#3a243e;width:370px;height:330px;bottom:-190px}.habitat-art b{position:absolute;width:220px;height:120px;background:#fbf4f0;border:1px solid #3a243e;left:calc(50% - 110px);top:50px;transform:rotate(-8deg);box-shadow:9px 9px 0 #3a243e20}.reading{border-top:1px solid #c8a4b7;padding-top:25px}.reading article{display:block;max-width:920px;margin:auto}.editorial{text-align:center}.essay{display:grid;grid-template-columns:40px 1fr;padding:30px 0;border:0;border-bottom:1px solid #c8a4b7;background:transparent;gap:10px}.essay>div{display:contents}.essay .stitch{grid-column:1;grid-row:1/4;padding:8px 0}.essay h2{grid-column:2;font:normal 33px/1.2 Georgia,serif;max-width:720px}.essay p{grid-column:2;font-size:16px}.essay .sources{grid-column:2}.journal-preview{display:block;padding:25px 30px;margin-top:25px;background:#f0e0e5}.journal-preview>div{display:block}.tool{background:#f0e0e5;border-top:4px solid #9f6284;padding:30px}.tool h2{font:normal 34px/1.2 Georgia,serif}.tool .shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.tool .actions{margin-bottom:20px}.app-card h2{font:normal 31px/1.3 Georgia,serif}.next h2{text-align:center;font-family:Georgia,serif;font-weight:normal}.nav-grid{justify-content:center}.end-app{text-align:center;background:#3a243e;color:#fbf4f0}.end-app h2{font-family:Georgia,serif;font-weight:normal;margin-inline:auto}[dir=rtl] .essay{padding:30px 0}@media(max-width:900px){.hero{display:block}.habitat-art{height:210px}.essay{grid-template-columns:25px 1fr}.essay h2{font-size:29px}}@media(max-width:580px){header{align-items:flex-start}.hero{text-align:start}.hero .actions{justify-content:flex-start}.habitat-art{height:180px}.habitat-art b{width:150px;height:100px;left:calc(50% - 75px);top:38px}.essay{padding:25px 0;gap:7px}.essay p{font-size:15px}.tool{padding:21px}.tool .shelf{grid-template-columns:1fr}.tool h2{font-size:29px}.app-card h2{font-size:27px}.journal-preview{padding:24px}.nav-grid{justify-content:flex-start}[dir=rtl] .essay{padding:25px 0}}

header{flex-direction:row;justify-content:space-between;background:#fbf4f0;color:#3a243e}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;text-align:start;align-items:center;padding:60px 0}.hero h1{font-style:italic;font-size:clamp(49px,6vw,82px);letter-spacing:-2px}.hero .actions{justify-content:flex-start}.angle-art{height:350px;position:relative;overflow:hidden;background:#f0e0e5;border-radius:50% 50% 0 0;border:1px solid #c8a4b7}.angle-art i{position:absolute;width:220px;height:160px;border:2px solid #3a243e;left:calc(50% - 110px);top:85px;transform:rotate(-18deg);background:#f4ab74}.angle-art i:nth-child(2){width:110px;height:110px;border-radius:50%;top:125px;left:calc(50% - 55px);background:#fbf4f0;border-width:1px;transform:none}.angle-art i:nth-child(3){width:1px;height:240px;left:50%;top:55px;border:0;background:#9f6284;transform:rotate(28deg)}.angle-art b{width:60px;height:60px;position:absolute;top:150px;left:calc(50% - 30px);border-radius:50%;background:#3a243e}.reading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.reading article{display:block}.essay{display:block;padding:27px 0;border-bottom:1px solid #c8a4b7}.essay>div{display:block}.essay .stitch{display:inline-block;float:inline-start;width:40px;font:11px monospace;line-height:40px}.essay h2{font:normal 31px/1.2 Georgia,serif;padding-inline-start:40px;margin-top:0}.essay p{font-size:15px}.essay .sources{padding-inline-start:40px}.rail{display:block;margin:0}.app-card{display:block;padding:25px}.app-card>img:first-child{float:inline-start}.app-brand{padding-inline-start:59px;line-height:46px}.app-byline{padding-top:9px;clear:both}.app-card h2{font:normal 28px/1.3 Georgia,serif}.app-card .screenshot{margin:20px auto}.badges{flex-wrap:wrap}.rail-nav{display:block;padding-top:25px}.tool{padding:26px;border-top-color:#f4ab74}.tool h2{font:normal 31px/1.2 Georgia,serif}.tool .shelf{grid-template-columns:1fr 1fr}.journal-preview{padding:25px;background:#f0e0e5;margin-top:25px}.journal-preview h2{padding:0}.journal-preview>div{display:block}.end-app{text-align:start}.end-app h2{margin-inline:0}.next h2{text-align:start}.nav-grid{justify-content:flex-start}[dir=rtl] .essay{padding:27px 0}@media(max-width:1000px){header{flex-direction:column;align-items:flex-start}.hero{gap:30px}.reading{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.rail-nav{padding-top:0}.angle-art{height:300px}.angle-art i{top:65px}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:35px}.angle-art{height:250px;max-width:450px;width:100%}.angle-art i{top:45px}.angle-art i:nth-child(2){top:65px}.angle-art b{top:90px}.angle-art i:nth-child(3){top:5px}.rail{display:block}.rail-nav{display:none}.tool .shelf{grid-template-columns:1fr}.app-card .badges{flex-wrap:nowrap}.essay h2{font-size:28px}.essay .sources{padding-inline-start:0}.tool h2{font-size:29px}.journal-preview h2{padding:0}}

.reading>*{min-width:0}.tool select{min-width:0}button{overflow-wrap:anywhere}.brand span{min-width:0}

/* 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}