*{box-sizing:border-box}html{background:#f8f6f1;color:#202940;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 #a5a9bd}.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 #6b7298;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:#f8f6f1;padding:15px;border:1px solid #6b7298;box-shadow:0 10px 20px #20294022}details a{display:block;padding:7px}.button,button{padding:11px 18px;border:1px solid #202940;border-radius:24px;background:#f4cd4a;color:#202940;display:inline-block;font-size:13px;font-weight:bold;text-decoration:none}.button:hover,button:hover{background:#edbd2e}.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:#626b88}.horizon-art{height:260px;max-width:900px;margin:40px auto 0;position:relative;overflow:hidden;background:#202940;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:#f4cd4a;box-shadow:0 0 0 14px #f4cd4a15}.horizon-art>span{position:absolute;bottom:25px;left:0;right:0;color:#f8f6f1;font:700 15px/1.6 monospace;letter-spacing:4px}.horizon-art small{font-size:9px}.reading{border-top:1px solid #a5a9bd;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:#626b88;margin:0}.translation{font-size:12px;padding:16px 20px;background:#e5e6f3;border:1px solid #bcbfd9;margin:0}.essay{background:#ffffff;padding:27px;border:1px solid #c7cadc;margin:0}.stitch{font:11px monospace;letter-spacing:3px;color:#626b88}.essay h2{font-size:27px;margin:17px 0}.essay p{font-size:15px}.sources{font-size:10px!important;color:#626b88}.journal-preview{grid-column:1/-1;background:transparent}.rail{margin:40px 0}.app-card{border:1px solid #a5a9bd;background:#ffffff;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:#e5e6f3;padding:32px;border:1px solid #6b7298;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 #6b7298;background:#ffffff;color:#202940}.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}.shelf button{border-radius:4px;background:#ffffff;text-align:center}.shelf button[aria-pressed=true]{background:#202940;color:#f8f6f1}.result:not(:empty){padding:20px 25px;margin-top:25px;background:#ffffff;border-inline-start:5px solid #6b7298}.result h3{font-size:15px;margin:10px 0 5px}.result a{font-size:12px}.next{padding:30px;border-top:1px solid #a5a9bd;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 #a5a9bd;padding:8px 12px;text-decoration:none;border-radius:20px}.end-app{padding:42px 30px;background:#202940;color:#ffffff;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:#e5e6f3;margin-bottom:45px;border-top:1px solid #a5a9bd}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:#202940;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:#202940}.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}
header{flex-direction:row;justify-content:space-between;background:#202940;color:#fff}header summary{border-color:#a5a9bd}header details>div{background:#202940}main{max-width:1200px}.hero{text-align:start;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.hero>div:first-child{max-width:none}.hero h1{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-3px;font-size:clamp(44px,5.6vw,76px);margin-inline:0}.hero .actions{justify-content:flex-start}.spectrum-art{height:330px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(3deg)}.spectrum-art>div{background:#3454d1;border-radius:5px}.spectrum-art>div:nth-child(2){background:#f4cd4a}.spectrum-art>div:nth-child(3){background:#202940}.spectrum-art>div:nth-child(4){background:#db694a}.spectrum-art>span{position:absolute;left:15px;bottom:18px;color:white;font:700 10px/1.4 monospace;letter-spacing:1px}.reading article{grid-template-columns:1fr;gap:0}.editorial{text-align:start;padding-bottom:25px}.essay{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:10px 30px;border:0;border-top:1px solid #c7cadc;background:transparent;padding:30px 0}.essay .stitch{grid-column:1;grid-row:1}.essay h2{grid-column:1;grid-row:2;font-family:Arial,sans-serif;font-weight:800}.essay p{grid-column:2;grid-row:1/3;margin:0}.essay p.sources{grid-column:2;grid-row:3}.essay.journal-preview{display:block;background:#e5e6f3;padding:25px}.tool{margin:20px 0 35px}.tool h2,.tool .eyebrow,.tool>p{text-align:start}.tool .actions{justify-content:flex-start}.tool form{max-width:none}.shelf{grid-template-columns:1fr 1fr}#palette-swatches{display:flex;gap:10px;margin-top:20px}#palette-swatches i{display:block;width:50%;height:90px;background:repeating-linear-gradient(45deg,#bcbfd9,#bcbfd9 2px,transparent 2px,transparent 10px);border:1px solid #a5a9bd}.next h2{font-family:Arial,sans-serif;font-weight:bold}.nav-grid{justify-content:flex-start}.app-card h2{font-family:Arial,sans-serif;font-weight:800}.end-app{text-align:start}.end-app h2{font-family:Arial,sans-serif;font-weight:800;margin-inline:0}h2{font-family:Arial,sans-serif;font-weight:800}@media(max-width:850px){header{flex-direction:column;align-items:flex-start}.hero{display:block}.hero h1{letter-spacing:-2px}.spectrum-art{margin:35px 8px 15px;height:290px}.essay{display:block;padding:25px 0}.essay h2{margin:15px 0}.essay p{margin:15px 0}.shelf{grid-template-columns:1fr}.app-card{padding:23px}.tool h2{text-align:start}}
.essay>div{display:contents}.essay .stitch{grid-row:1}.essay h2{grid-column:1;grid-row:2;margin-top:0}.essay p{grid-column:2;grid-row:1/3}.essay p.sources{grid-column:2;grid-row:3}.journal-preview>div{display:block}@media(max-width:850px){.essay>div{display:block}}
#palette-swatches.palette-0 i:first-child{background:#3454d1}#palette-swatches.palette-0 i:last-child{background:#f3d34a}#palette-swatches.palette-1 i:first-child{background:#be4141}#palette-swatches.palette-1 i:last-child{background:#39794b}#palette-swatches.palette-2 i:first-child{background:#fcf7ef}#palette-swatches.palette-2 i:last-child{background:#202634}#palette-swatches.palette-3 i:first-child{background:#75449c}#palette-swatches.palette-3 i:last-child{background:#d88b45}
/* 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}