@charset "UTF-8";
@font-face{font-family:HelloSerif;src:url("assets/hello-serif.ttf") format("truetype");font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#161616;--red:#d32e26}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}body{color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#efd3d1}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.porcelain{min-height:100svh;isolation:isolate;position:relative;display:grid;grid-template-rows:minmax(400px,1fr) auto auto;padding:0 6.5%;overflow:hidden;background:radial-gradient(ellipse at 53% 30%,#fff 0%,#fff 38%,#fbfbfb 79%,#f3f3f3 125%)}
.glaze{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,#fff0 16%,#fff9 37%,#fff0 48%),radial-gradient(ellipse 95% 35% at 62% -18%,#e2e4e5 0%,#fafafa 56%,#fff0 100%);box-shadow:inset 0 0 90px 12px #ffffff}
.brand{display:flex;justify-content:center;align-items:center;padding-top:3vh;padding-bottom:1vh;min-width:0}
h1{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(125px,21.5vw,330px);line-height:1;letter-spacing:-.045em;margin:0;text-shadow:0 1px 0 #fff,0 9px 24px #00000004}
.brand-w{margin-left:.08em}
.brand h1,.app h2{transform:scale(.7);transform-origin:center}
.collection{width:100%;max-width:1120px;margin:0 auto;padding:25px 0 66px}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:0}.app{display:flex;justify-content:center;min-width:0}.app h2{display:flex;flex-direction:column;align-items:flex-start;margin:0;line-height:.98;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,2.9vw,42px);letter-spacing:-1.6px;font-weight:700}.hello{white-space:nowrap}.comma{color:var(--red);display:inline-block}.app-name{display:block;margin-top:3px}.app-name.korean{font-family:HelloSerif,"AppleMyungjo",Batang,serif;font-size:.85em;letter-spacing:-1.8px;line-height:1.18;margin-top:5px}footer{display:flex;justify-content:space-between;align-items:center;padding:0 0 28px;font-size:10px;letter-spacing:.4px;color:#747474}footer a{padding-block:5px}footer a:hover{color:var(--ink)}
@media(min-width:1600px){.collection{padding-bottom:80px}.brand{padding-bottom:20px}}
@media(max-width:760px){.porcelain{padding-inline:8%;grid-template-rows:minmax(350px,1fr) auto auto}.brand{padding-block:20px}h1{font-size:25vw;letter-spacing:-.045em}.collection{max-width:460px;padding:25px 8px 55px}.apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 48px}.app h2{font-size:31px;letter-spacing:-1.3px}.app-name.korean{font-size:.86em;letter-spacing:-1.4px}footer{padding-bottom:21px;font-size:9px;letter-spacing:.2px}}
@media(max-width:380px){.porcelain{padding-inline:7%;grid-template-rows:minmax(300px,1fr) auto auto}.apps{gap:32px 30px}.app h2{font-size:28px}.collection{padding-bottom:42px}}
@media(max-height:640px) and (min-width:761px){.porcelain{grid-template-rows:minmax(280px,1fr) auto auto}.collection{padding-block:20px 40px}h1{font-size:min(20vw,220px)}.app h2{font-size:30px}footer{padding-bottom:18px}}