@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(--cream);color:var(--black)}.masthead img{background:var(--black);border-radius:50%;padding:2px}.lineament-main{max-width:1500px;margin:auto;padding:0 48px 34px;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.lineament-main h1{grid-column:1/-1;grid-row:2;text-align:center;margin:2px 0 34px;font-size:96px}.drawing-figure{grid-column:1/-1;grid-row:1;position:relative}.drawing-figure .scene{width:100%;height:380px;overflow:visible}.drawing-figure svg{max-width:630px;margin:auto}.drawing-figure figcaption{position:absolute;right:0;bottom:32px}.control{background:var(--black);color:var(--cream)}.drawing path{fill:none;stroke:var(--black);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.drawing path:last-child{stroke:var(--red)}.drawing[data-drawing] path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line 1100ms var(--ease) forwards;animation-delay:calc(var(--i)*260ms)}@keyframes draw-line{to{stroke-dashoffset:0}}.lineament-definition{max-width:30em}.lineament-definition .english{margin-top:14px}.lineament-origin{max-width:33em;justify-self:end;padding-top:4px}.foot{max-width:1500px;margin:auto;padding:26px 48px 36px;gap:32px}.lineament-main .origin{font-size:18px}.lineament-main .origin [lang=en]{font-size:16px}.foot .mail{font-weight:500}@media(min-width:701px) and (min-height:950px){.drawing-figure .scene{height:440px}.lineament-main{padding-top:10px;padding-bottom:44px}.lineament-main h1{margin-bottom:44px}.foot{padding-top:38px}}@media(max-width:1000px) and (min-width:701px){.drawing-figure figcaption{bottom:0}.lineament-main{gap:28px}.lineament-main h1{margin:0 0 18px;font-size:80px}.lineament-main .origin{font-size:16px}.lineament-main .origin [lang=en]{font-size:14px}}@media(max-width:700px){.lineament-main{display:flex;flex-direction:column;padding:12px 24px 26px;gap:0}.lineament-main h1{order:0;text-align:left;font-size:60px;margin:0 0 14px}.drawing-figure{order:1;margin:0 0 22px}.drawing-figure .scene{height:250px}.drawing-figure figcaption{position:static;display:flex;justify-content:flex-end;margin-top:4px}.lineament-definition{order:2}.lineament-definition .english{margin-top:8px}.lineament-origin{order:3;margin-top:22px;padding:0}.lineament-main .origin{font-size:15px}.lineament-main .origin [lang=en]{font-size:14px}.foot{padding:0 24px 28px;gap:8px}.status{font-size:16px}.status [lang=en]{font-size:14px}}@media(max-width:360px){.lineament-main h1{font-size:51px}}
.lineament-main .availability{grid-row:4;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.status{font-size:19px}.status [lang=en]{display:inline;margin-left:12px}.welcome{font-size:15px}.welcome [lang=en]{display:none}.mail{margin:0}.lineament-main{padding-bottom:40px}@media(max-width:700px){.lineament-definition{order:1}.lineament-main .availability{order:2;display:block;margin:18px 0 4px}.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}.drawing-figure{order:3;margin:10px 0 0}.drawing-figure .scene{height:240px}.lineament-origin{order:4;margin-top:24px}.lineament-main{padding-bottom:30px}}

.mail{min-height:44px}