@font-face{font-family:Fraunces;src:url('./fonts/fraunces-latin-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--cream:#fff8e7;--black:#000;--red:#c9302c;--ease:cubic-bezier(.23,1,.32,1);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:6px}button:active{transform:scale(.97)}button{transition:transform 150ms var(--ease),background-color 150ms var(--ease),color 150ms var(--ease)}button[hidden]{display:none!important}::selection{background:var(--red);color:var(--cream)}h1,h2,p,figure{margin:0}h1{font:600 clamp(64px,7.2vw,96px)/1.04 Fraunces,serif;letter-spacing:-.04em;text-wrap:balance}p{text-wrap:pretty}svg,canvas{display:block;width:100%;height:100%}canvas{position:absolute;inset:0;opacity:0}.scene[data-painted] canvas{opacity:1}.scene[data-painted] .fallback{visibility:hidden}.scene{position:relative;overflow:hidden}.fallback{position:absolute;inset:0}.masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 48px;font-size:15px}.masthead a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}.masthead img{width:28px;height:28px}.masthead .domain{font-size:15px}main{display:block}.intro-ko{font-size:22px;line-height:1.65;max-width:28em}.english{font-size:16px;line-height:1.55;max-width:38em}.mail{min-height:44px;display:inline-flex;align-items:center;font-size:17px;overflow-wrap:anywhere}.status{font-size:18px}.status [lang=en]{display:block;font-size:15px;margin-top:4px}.foot{display:flex;justify-content:space-between;align-items:center;gap:24px}.control{min-height:44px;padding:8px 20px;border:0;border-radius:0;font-size:15px}.control [lang=en]{margin-left:10px}.origin{font-size:16px;max-width:38em}.origin [lang=en]{display:block;margin-top:8px;font-size:15px}.skip{position:fixed;left:16px;top:12px;padding:10px 20px;transform:translateY(-150%);z-index:10;background:var(--cream);color:var(--black)}.skip:focus{transform:translateY(0)}@media(hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.control:hover{opacity:.85}}@media(max-width:700px){.masthead{padding:16px 24px;font-size:14px}.masthead .domain{font-size:14px}.intro-ko{font-size:18px;line-height:1.65}.english{font-size:14px}.origin{font-size:15px}.origin [lang=en]{font-size:14px}.mail{font-size:16px}.status{font-size:17px}.foot{align-items:flex-start;flex-direction:column;gap:12px}.control{font-size:14px;padding:8px 16px}.control [lang=en]{margin-left:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{background:var(--black);color:var(--cream);color-scheme:dark}.masthead{padding-bottom:10px}.chladni-main{max-width:1560px;margin:auto;display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;padding:24px 64px 32px;align-items:center}.plate-figure .scene{aspect-ratio:1;background:var(--black);max-height:580px}.plate-figure figcaption{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.plate-figure figcaption p{font-size:16px}.plate-figure figcaption [lang=en]{display:block;font-size:14px}.control{background:var(--cream);color:var(--black);flex-shrink:0}.chladni-intro h1{margin-bottom:32px}.chladni-intro .english{margin-top:16px}.chladni-intro .origin{margin-top:50px;max-width:25em}.foot{padding:24px 64px 40px;max-width:1560px;margin:auto}.foot .mail{color:var(--cream)}@media(min-width:701px) and (min-height:900px){.chladni-main{padding-top:52px;padding-bottom:40px}.plate-figure .scene{max-height:610px}.foot{padding-top:40px}}@media(max-width:1100px) and (min-width:701px){.chladni-main{gap:40px;padding:30px 48px}.chladni-intro h1{font-size:64px}.chladni-intro .origin{margin-top:30px}.plate-figure figcaption{display:block}.control{margin-top:10px}.foot{padding-left:48px;padding-right:48px}}@media(max-width:700px){.chladni-main{display:flex;flex-direction:column;gap:0;padding:14px 24px 22px;align-items:stretch}.chladni-intro{display:contents}.chladni-intro h1{order:0;font-size:68px;margin-bottom:15px}.chladni-intro>.intro-ko{order:1}.chladni-intro>.english{order:2;margin-top:8px}.plate-figure{order:3;margin:18px 0 20px}.plate-figure .scene{width:min(100%,320px);margin:auto}.plate-figure figcaption{margin-top:10px;gap:10px}.plate-figure figcaption p{font-size:14px}.plate-figure figcaption [lang=en]{font-size:13px}.control [lang=en]{display:none}.chladni-intro .origin{order:4;margin-top:0;max-width:none;font-size:14px}.chladni-intro .origin [lang=en]{font-size:13px}.foot{padding:0 24px 28px;gap:8px}.status{font-size:16px}.status [lang=en]{font-size:14px}}
.availability{margin-top:28px}.status{font-size:20px}.status [lang=en]{display:inline;margin-left:12px}.welcome{margin-top:10px;font-size:15px}.welcome [lang=en]{display:none}.mail{margin-top:2px}.chladni-intro .origin{margin-top:32px}@media(max-width:700px){.availability{order:3;margin-top:18px}.status{font-size:17px}.status [lang=en]{font-size:14px;margin-left:10px}.welcome{margin-top:6px;font-size:14px}.mail{font-size:15px;min-height:38px}.plate-figure{order:4;margin-top:14px}.plate-figure .scene{width:min(100%,300px)}.chladni-intro .origin{order:5;margin-top:0}.chladni-main{padding-bottom:30px}}

.mail{min-height:44px}

@media(min-width:701px){.chladni-main>.plate-figure{grid-column:1;grid-row:1}.chladni-main>.chladni-intro{grid-column:2;grid-row:1}}