*{box-sizing:border-box}html{background:#eff1e4;color:#243c34;font:16px/1.7 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{display:flex;align-items:center;flex-direction:column;gap:20px;padding:24px 5%;border-bottom:1px solid #9baea0}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:20px;font-weight:bold;letter-spacing:4px}.brand img{width:70px}.brand small{display:block;font:10px/1.4 Arial;letter-spacing:1px}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}details{position:relative;font-size:12px}summary{border:1px solid #6c8774;padding:8px 16px;border-radius:24px;cursor:pointer}details>div{position:absolute;inset-inline-end:0;top:100%;z-index:90;min-width:220px;max-height:70vh;overflow:auto;background:#eff1e4;padding:15px;border:1px solid #6c8774;box-shadow:0 10px 20px #243c3422}details a{display:block;padding:7px}.button,button{padding:11px 18px;border:1px solid #243c34;border-radius:24px;background:#d8e581;color:#243c34;display:inline-block;font-size:13px;font-weight:bold;text-decoration:none}.button:hover,button:hover{background:#bfcd67}.quiet{background:transparent}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;margin:22px 0}.text-link{font-size:13px;font-weight:bold}main{max-width:1250px;padding:0 40px;margin:auto}.hero{padding:60px 0 45px;text-align:center;position:relative}.hero>div:first-child{max-width:900px;margin:auto}.eyebrow{font:700 11px/1.5 monospace;letter-spacing:3px;text-transform:uppercase}h1{font:normal clamp(44px,6.5vw,88px)/1.06 Georgia,serif;letter-spacing:-2px;max-width:950px;margin:22px auto;overflow-wrap:anywhere}h2{font:normal 30px/1.23 Georgia,serif;overflow-wrap:anywhere}.deck{font-size:20px;max-width:820px;margin:20px auto}.micro{font-size:11px;color:#607764}.horizon-art{height:260px;max-width:900px;margin:40px auto 0;position:relative;overflow:hidden;background:#243c34;border-radius:200px 200px 0 0}.orbit{position:absolute;border:1px solid #91a778;border-radius:50%;width:105%;height:400px;left:-2.5%;bottom:-310px}.orbit.b{width:75%;left:12.5%;bottom:-250px}.orbit.c{width:45%;left:27.5%;bottom:-200px}.sun{position:absolute;left:calc(50% - 45px);top:35px;width:90px;height:90px;border-radius:50%;background:#d8e581;box-shadow:0 0 0 14px #d8e58115}.horizon-art>span{position:absolute;bottom:25px;left:0;right:0;color:#eff1e4;font:700 15px/1.6 monospace;letter-spacing:4px}.horizon-art small{font-size:9px}.reading{border-top:1px solid #9baea0;padding-top:24px}.reading article{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.editorial,.translation,.tool{grid-column:1/-1}.editorial{font-size:11px;text-align:center;color:#607764;margin:0}.translation{font-size:12px;padding:16px 20px;background:#e2e7cc;border:1px solid #b7c4a1;margin:0}.essay{background:#f9faef;padding:27px;border:1px solid #bdcbb5;margin:0}.stitch{font:11px monospace;letter-spacing:3px;color:#607764}.essay h2{font-size:27px;margin:17px 0}.essay p{font-size:15px}.sources{font-size:10px!important;color:#607764}.journal-preview{grid-column:1/-1;background:transparent}.rail{margin:40px 0}.app-card{border:1px solid #9baea0;background:#f9faef;padding:30px;display:grid;grid-template-columns:60px minmax(0,1fr) 120px;column-gap:25px;align-items:center}.app-card>img:first-child{grid-column:1;grid-row:1/3}.app-brand{grid-column:2;grid-row:1;font-size:22px;font-weight:bold;margin:0!important;align-self:end}.app-byline{grid-column:2;grid-row:2;font-size:10px!important;margin:0;align-self:start}.app-card h2{grid-column:1/3;grid-row:3;font-size:28px;line-height:1.3;margin:18px 0}.app-card .screenshot{grid-column:3;grid-row:1/6;width:105px;justify-self:center}.badges{grid-column:1/3;grid-row:4;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.badges img{width:auto;height:34px}.app-card>p:not(.app-brand):not(.app-byline){grid-column:1/3;grid-row:5;font-size:11px}.app-card small{grid-column:1/3;font-size:10px}.rail-nav{display:none}.tool{background:#e2e7cc;padding:32px;border:1px solid #6c8774;margin:12px 0}.tool .eyebrow{text-align:center}.tool h2{text-align:center;max-width:850px;margin:12px auto}.tool>p{text-align:center;font-size:14px}.tool form{max-width:800px;margin:auto}.tool select{width:100%;padding:13px;border:1px solid #6c8774;background:#f9faef;color:#243c34}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.shelf button{border-radius:4px;background:#f9faef;text-align:center}.shelf button[aria-pressed=true]{background:#243c34;color:#eff1e4}.result:not(:empty){padding:20px 25px;margin-top:25px;background:#f9faef;border-inline-start:5px solid #6c8774}.result h3{font-size:15px;margin:10px 0 5px}.result a{font-size:12px}.next{padding:30px;border-top:1px solid #9baea0;margin-top:40px}.next h2{text-align:center}.nav-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.nav-grid a{font-size:12px;border:1px solid #9baea0;padding:8px 12px;text-decoration:none;border-radius:20px}.end-app{padding:42px 30px;background:#243c34;color:#f9faef;text-align:center;margin:25px 0 45px}.end-app h2{font-size:39px;max-width:800px;margin:0 auto 22px}.end-app p{font-size:11px}footer{padding:40px max(5%,calc((100vw - 1170px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#e2e7cc;margin-bottom:45px;border-top:1px solid #9baea0}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;inset-inline:0;bottom:0;z-index:95;background:#243c34;color:#f9faef;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:#243c34}.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 #ba923b;outline-offset:3px}@media(max-width:850px){header{align-items:flex-start}.brand{font-size:18px;letter-spacing:2px}nav{justify-content:flex-start}main{padding:0 21px}.hero{padding-top:35px}h1{letter-spacing:-1px}.horizon-art{height:230px}.reading article{grid-template-columns:1fr;gap:20px}.essay{padding:23px}.tool{padding:20px}.shelf{grid-template-columns:1fr}.app-card{display:block;padding:23px}.app-card>img:first-child{float:inline-start;width:45px;height:45px}.app-card .app-brand{padding-inline-start:58px;line-height:45px;white-space:nowrap}.app-byline{clear:both;padding-top:8px}.app-card h2{font-size:25px}.app-card .screenshot{display:block;width:100px;margin:20px auto}.badges{flex-wrap:nowrap}.badges img{height:31px}.app-card small,.app-card p{font-size:11px}.next{padding:25px 0}.nav-grid{justify-content:flex-start}.end-app{padding:30px 20px}.end-app h2{font-size:31px}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}}
.app-card .app-brand{font-size:22px!important;font-weight:bold}
/* 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}