:root{color-scheme:light;--paper:#efe6d3;--ink:#1b2a3a;--accent:#c8472e;--soft:rgba(27,42,58,.62);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);line-height:1.45}
*{box-sizing:border-box}
html{scroll-behavior:auto;scrollbar-color:#9a978c var(--paper)}
body{margin:0;overflow-x:hidden}
a,button{-webkit-tap-highlight-color:transparent;color:inherit}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.stage{position:relative;min-height:100svh;background:var(--paper)}
.site-header{position:absolute;inset:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:clamp(16px,3.4vw,40px) clamp(20px,4.4vw,64px);z-index:2}
.wordmark{font-size:.8rem;font-weight:600;letter-spacing:.16em;white-space:nowrap}
.about-open,.about-close{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:44px;min-height:44px;padding:6px 0;background:none;border:0;font-size:.8rem;font-weight:500;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.about-open{margin-left:auto}
.about-open span,.about-close span{font-size:1.3em;font-weight:300}
.about-open:hover,.about-close:hover{opacity:.65}
.construction,.animated-copy,.scroll-hint{display:none}
.reading-fallback{min-height:100svh;padding:150px 24px 64px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.3rem;word-break:keep-all;overflow-wrap:anywhere}
.reading-fallback p{margin:0 0 1.3em}
.static-proof{display:block;width:min(350px,100%);margin-top:24px;color:var(--ink)}
.has-construction #home{height:300svh}
.has-construction .stage{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden;isolation:isolate}
.has-construction .construction{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.has-construction .reading-fallback{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.has-construction .animated-copy{display:block;position:absolute;left:var(--copy-x,50%);top:var(--copy-y,50%);width:calc(100% - 44px);transform:translateX(-50%);text-align:center;pointer-events:none;z-index:1}
.animated-copy p{margin:0;font-size:1.5rem;font-weight:400;letter-spacing:-.03em;line-height:1.3;word-break:keep-all;text-wrap:balance;overflow-wrap:break-word;opacity:var(--copy-alpha,0);transform:translateY(var(--copy-shift,0px))}
.animated-copy p[data-side="above"]{transform:translateY(calc(-100% + var(--copy-shift,0px) - 20px))}
.copy-previous{position:absolute;inset:0 0 auto}
.has-construction .scroll-hint{display:block;position:absolute;left:50%;bottom:clamp(14px,3.2vw,38px);transform:translateX(-50%);font-size:.56rem;letter-spacing:.2em;line-height:1.6;color:var(--soft);white-space:nowrap;pointer-events:none}
.scroll-hint span{margin-left:6px}
.name-dialog{position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:clamp(20px,4vw,60px);border:0;background:var(--paper);color:var(--ink);overflow-wrap:break-word}
.name-dialog[open]{display:block}
.dialog-inner{min-height:calc(100svh - 2 * clamp(20px,4vw,60px));display:flex;flex-direction:column;width:100%;margin:0 auto}
.has-dialog .name-dialog{position:fixed;inset:0;height:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.name-dialog::backdrop{background:var(--paper)}
.dialog-open{overflow:hidden}
.dialog-header{position:sticky;top:0;z-index:2;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.64rem;letter-spacing:.17em;color:var(--soft)}
.dialog-header>span{min-width:0;overflow-wrap:anywhere}
.dialog-header .about-close{flex-shrink:0;font-size:.832rem;letter-spacing:0;color:var(--ink)}
.brand-statement{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(48px,9svh,100px) 0;text-align:center}
.brand-statement h2{max-width:min(100%,1120px);font-size:clamp(2rem,4.8vw,4.5rem);font-weight:400;letter-spacing:-.06em;line-height:1.2;margin:0 0 clamp(24px,4svh,42px);word-break:keep-all;overflow-wrap:break-word}
.brand-statement p{max-width:100%;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.7;margin:0;word-break:keep-all;overflow-wrap:break-word}
.brand-statement p>span{display:block}
.name-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:36px 40px}
.latin-name{width:max-content;max-width:100%;font-size:.78rem;line-height:1.25;font-weight:400;letter-spacing:-.015em;margin:0;color:var(--soft)}
.latin-visual{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.latin-visual>span{max-width:100%;overflow-wrap:anywhere}
.latin-visual strong{font-size:1.12em;font-weight:700;line-height:1;letter-spacing:-.02em;color:inherit}
.historical-source{flex:0 1 340px;width:min(100%,340px);margin-left:auto;font-size:.78rem;line-height:1.65;color:var(--soft);word-break:keep-all;overflow-wrap:break-word}
.historical-source p{margin:0}
.source-mark{white-space:nowrap}
.source-credit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.source-credit>span{min-width:0}
.source-credit a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;text-decoration:none;color:var(--ink)}
.source-credit svg{width:18px;height:18px}
.source-credit a:hover{background:rgba(27,42,58,.08)}
@media(max-width:760px){.animated-copy p{font-size:1.4rem}}
@media(max-width:440px){.wordmark{font-size:.74rem}.about-open{font-size:.76rem}.animated-copy p{font-size:1.3rem}}
@media(max-height:520px){.site-header{padding:10px 24px}.animated-copy p{font-size:1rem}.has-construction .scroll-hint{bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}