@font-face{font-family:Kessar;src:url('./kessar.woff2') format('woff2');font-display:swap}
[hidden]{display:none!important}
html[data-motion="paused"] .panel-change,html[data-motion="paused"] .study-answer{animation:none!important}
.mobile-nav{overflow-y:auto;overscroll-behavior:contain}.mobile-nav a{flex-shrink:0}
.study-art{overflow:clip}
:root{--paper:#f4f2ec;--paper-light:#faf9f6;--ink:#22362f;--muted:#68716a;--accent:#ba4a32;--line:rgba(34,54,47,.18);--sans:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--serif:Georgia,"Songti SC","Noto Serif CJK SC",SimSun,serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}::selection{background:#d3ddcd;color:var(--ink)}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(36px,4.25vw,64px);line-height:1.4;letter-spacing:-.05em}p{line-height:1.9}.serif{font-family:var(--serif);font-weight:400}.accent{color:var(--accent)}.section-pad{padding-inline:5.8%}.section-space{padding-block:112px 100px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:500;line-height:1.6}.small-meta{font-size:10px;letter-spacing:.13em;color:var(--muted)}.muted{color:var(--muted)}.section-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;font-size:10px;letter-spacing:0;margin-right:13px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;padding-block:9px;border-bottom:1px solid currentColor;transition:color .25s,gap .3s}.text-link:hover{color:var(--accent);gap:25px}.text-link span{font-size:18px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:12px 24px;border-radius:30px;background:var(--ink);color:var(--paper-light);font-size:13px;transition:background .25s,transform .3s,box-shadow .3s}.pill-button:hover{background:var(--accent);transform:translateY(-3px);box-shadow:0 8px 22px #22362f12}.pill-button span{font-size:20px;line-height:1}.skip-link{position:fixed;z-index:100;top:10px;left:20px;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:20;height:83px;margin-inline:5.8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f4f2eceb;backdrop-filter:blur(18px);isolation:isolate}.site-header:before{content:"";position:absolute;inset:0 -6.5%;background:inherit;z-index:-1}.wordmark{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:600;letter-spacing:-1.7px}.brand-mark{width:23px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.7}.brand-period{color:var(--accent)}.desktop-nav{display:flex;gap:35px;margin-left:40px}.desktop-nav a{font-size:12px;color:#4c5c53;position:relative;padding-block:29px}.desktop-nav a:after{content:"";position:absolute;bottom:19px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.archive-link{font-size:11px;display:flex;gap:17px;align-items:center;border:1px solid var(--line);border-radius:25px;padding:10px 17px}.archive-link:hover{border-color:var(--ink)}.archive-link span{font-size:16px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:fixed;z-index:19;top:71px;left:0;right:0;bottom:0;background:var(--paper);padding:30px 6%;display:flex;flex-direction:column}.mobile-nav a{padding:24px 0;font-size:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.mobile-nav a span{font-size:13px;color:var(--muted)}
.hero{position:relative;min-height:720px;height:calc(100svh - 83px);max-height:940px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-top:22px;padding-bottom:86px;overflow:hidden}.hero-copy{z-index:2;position:relative;padding-block:20px}.hero .eyebrow{margin-bottom:37px;font-size:10px;letter-spacing:.14em}.tiny-cross{font-size:17px;color:var(--accent);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(48px,5.6vw,86px);line-height:1.33;letter-spacing:-.065em;font-weight:500;white-space:nowrap}.hero h1 .serif{font-size:1.08em;letter-spacing:-.06em}.title-dot{color:var(--accent)}.hero-english{font-family:Georgia,serif;font-style:italic;font-size:19px;color:var(--muted);margin-top:21px;letter-spacing:-.03em}.hero-description{font-size:14px;margin-top:28px;line-height:2;color:#5d6960}.hero .pill-button{margin-top:29px}.hero-art{position:relative;width:100%;height:100%;max-height:620px;min-height:480px;align-self:center;margin-left:14px}.hero-art canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.orbit-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.hero-art.canvas-ready .orbit-fallback{display:none}.art-coordinate{font-family:var(--sans);font-size:8px;letter-spacing:.12em;position:absolute;color:var(--muted);z-index:2}.coord-top{top:6%;left:9%}.coord-bottom{bottom:6%;left:9%}.art-side-note{position:absolute;right:-8px;top:45%;font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl;color:var(--muted)}.hero-bottom{position:absolute;bottom:27px;left:5.8%;right:5.8%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.hero-bottom p{font-size:10px;letter-spacing:.06em;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--accent);border-radius:50%}.scroll-hint{display:flex;align-items:center;gap:20px;letter-spacing:.08em}.scroll-hint span{animation:scrollHint 2s ease-in-out infinite;font-size:18px;color:var(--ink)}.motion-toggle{display:flex;align-items:center;gap:8px;background:none;padding:8px 0;font-size:10px;color:var(--muted)}.motion-icon{font-size:12px;color:var(--ink)}.chapter-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-strip a{display:flex;align-items:center;gap:20px;padding:28px 0;font-size:10px}.chapter-strip a+a{border-left:1px solid var(--line);padding-left:32px}.chapter-strip a>span:first-child{font-size:9px;letter-spacing:.08em;color:var(--muted)}.chapter-strip strong{font-weight:400;font-size:12px}.chapter-strip a>span:last-child{margin-left:auto;margin-right:28px;font-size:19px;color:var(--accent);transition:transform .3s}.chapter-strip a:hover>span:last-child{transform:translate(3px,3px)}
.language-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:start;margin-bottom:52px}.language-intro>div{padding-top:9px}.language-intro p{font-size:17px;line-height:1.9}.language-intro p.muted{font-size:13px;margin-top:15px}.language-intro .text-link{margin-top:19px}.language-exhibit{border:1px solid var(--line)}.language-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.language-tabs button{position:relative;padding:22px 18px;display:flex;justify-content:center;gap:12px;align-items:center;background:transparent;font-size:12px;color:var(--muted);transition:background .3s,color .3s}.language-tabs button+button{border-left:1px solid var(--line)}.language-tabs button span{font-size:10px;letter-spacing:.02em}.language-tabs button[aria-selected="true"]{color:var(--ink);background:#fff9}.language-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .3s}.language-tabs button[aria-selected="true"]:after{transform:scaleX(1)}.language-panel{display:grid;grid-template-columns:1.08fr 1fr;min-height:440px;background:var(--paper-light)}.specimen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 35px;overflow:hidden;background:#e8e9df;border-right:1px solid var(--line)}.specimen:before,.specimen:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #22362f0d;border-radius:50%;pointer-events:none}.specimen:after{width:470px;height:470px}.specimen-tag{position:absolute;top:28px;left:29px;font-size:8px;letter-spacing:.13em;color:#6b756b}.specimen-main{position:relative;z-index:1;font-family:Georgia,serif;font-size:clamp(35px,4.1vw,66px);line-height:1.7;letter-spacing:-.04em;text-align:center}.kessar{font-family:Kessar,sans-serif;font-size:clamp(36px,4.2vw,68px);line-height:1.7;letter-spacing:.08em;display:block;padding-block:22px}.specimen-bottom{position:absolute;bottom:25px;left:29px;right:29px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.language-details{padding:48px 11% 45px}.language-details .eyebrow{font-size:8px;letter-spacing:.13em;color:var(--muted);margin-bottom:19px}.language-details h3{font-size:28px;letter-spacing:-.04em}.language-latin{font-family:Georgia,serif;font-style:italic;font-size:18px;color:var(--muted);margin-top:7px}.language-details blockquote{margin:28px 0 5px;font-family:var(--serif);font-size:21px;line-height:1.7}.transliteration{font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--muted)}#language-description{margin-top:24px;max-width:350px;font-size:12px;color:var(--muted);line-height:2}.language-details .text-link{font-size:11px;margin-top:20px}.language-footnote{margin-top:24px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.language-footnote a span{margin-left:12px}.manifesto{position:relative;background:#e6e9e0;overflow:hidden;text-align:center;padding:110px 6%}.manifesto:before,.manifesto:after{content:"";position:absolute;left:50%;top:50%;width:900px;height:350px;transform:translate(-50%,-50%) rotate(-22deg);border:1px solid #22362f12;border-radius:50%;pointer-events:none}.manifesto:after{transform:translate(-50%,-50%) rotate(22deg)}.manifesto-inner{position:relative;z-index:1}.manifesto .eyebrow{font-size:9px;color:var(--muted)}.manifesto p{font-size:clamp(30px,4.2vw,60px);letter-spacing:-.045em;line-height:1.65;margin-top:25px}.manifesto p>span{color:#758275}.manifesto-line{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;font-size:9px;letter-spacing:.14em}.manifesto-line i{display:block;width:60px;height:1px;background:var(--line)}
.product-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}.product-kicker{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:15px}.product-heading h2{font-size:clamp(34px,4.1vw,62px)}.product-summary{padding-bottom:6px}.product-summary>p{font-size:13px;color:var(--muted);line-height:2}.button-row{display:flex;gap:25px;align-items:center;margin-top:28px}.button-row .pill-button{font-size:11px;min-height:43px;padding-inline:22px;gap:23px}.button-row .text-link{font-size:11px;gap:13px}.platforms{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-top:16px}.workspace-stage{position:relative;background:#dfe7de;margin-top:55px;padding:68px 7% 23px;overflow:hidden;perspective:1400px}.workspace-orbit{position:absolute;width:105%;height:520px;border:1px solid #4d6a5422;border-radius:50%;left:-2%;top:40px;transform:rotate(-16deg)}.workspace-orbit:before{content:"";position:absolute;inset:35px -30px;border:1px solid #4d6a5422;border-radius:50%}.app-window{position:relative;z-index:1;background:#f9faf7;border:1px solid #b4bfb3;border-radius:9px;overflow:hidden;box-shadow:0 30px 55px -25px #22362f45;transform:rotateX(3deg);transform-origin:bottom;transition:transform .9s var(--ease)}.workspace-stage:hover .app-window{transform:rotateX(0)}.window-titlebar{height:39px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22362f16;padding-inline:15px;background:#f1f3ed;font-size:9px;color:#6c776b}.window-dots{display:flex;gap:5px;width:60px}.window-dots i{width:6px;height:6px;background:#b9c2b5;border-radius:50%}.window-dots i:first-child{background:#ce8d77}.window-tag{font-size:8px;color:#788274;width:60px;text-align:right}.app-body{display:grid;grid-template-columns:190px 1fr;min-height:385px}.app-sidebar{border-right:1px solid #22362f14;background:#f1f3ed;padding:25px 16px;display:flex;flex-direction:column}.app-sidebar>img{width:127px;height:auto}.sidebar-caption{font-size:9px;color:#7a8576;margin:18px 0 17px}.workspace-tabs{display:flex;flex-direction:column;gap:5px}.workspace-tabs button{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;font-size:10px;color:#788174;padding:12px;border-radius:4px}.workspace-tabs button span{font-size:15px}.workspace-tabs button[aria-selected="true"]{background:#dfe7d9;color:#324d3b}.workspace-tabs button:hover{background:#e4e9df}.sidebar-footer{font-size:8px;color:#7c8778;margin-top:auto;padding-top:35px}.workspace-panel{padding:23px 33px}.workspace-breadcrumb{font-size:8px;display:flex;gap:11px;color:#8a9284}.workspace-breadcrumb span:last-child{color:#4a5e49}.workspace-overline{display:block;font-size:8px;letter-spacing:.09em;color:#85927e;margin-top:29px}.workspace-panel h3{font-size:27px;letter-spacing:-.03em;margin-top:10px}.workspace-panel h3+p{font-size:10px;color:#7d8874;margin-top:7px}.lexicon-map{display:flex;align-items:center;margin-top:27px;min-height:165px}.lexicon-root{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:115px;height:123px;border:1px solid #7e947c;background:#e7ede3;flex-shrink:0;border-radius:3px}.lexicon-root small{font-size:8px;color:#7b8d73}.lexicon-root strong{font-family:var(--serif);font-size:25px;font-weight:400}.lexicon-root>span{font-size:7px;letter-spacing:.17em;color:#819175}.lexicon-connector{height:1px;width:40px;background:#a9b9a2;flex-shrink:0}.lexicon-branches{flex:1;display:flex;flex-direction:column;gap:9px;position:relative}.lexicon-branches:before{content:"";position:absolute;width:1px;left:-14px;top:21px;bottom:21px;background:#a9b9a2}.lexicon-branches>div{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:5px 9px;padding:10px 12px;border:1px solid #dfe6d9;border-radius:3px;position:relative;background:#fafbf7}.lexicon-branches>div:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:#a9b9a2}.lexicon-branches>div>span{font-size:8px;color:#91a187;grid-row:span 2}.lexicon-branches strong{font-size:10px;font-weight:400}.lexicon-branches small{font-size:8px;color:#8a967f}.demo-caption{display:flex;gap:8px;align-items:center;position:relative;z-index:1;font-size:9px;color:#6a7d65;margin-top:22px}.demo-caption>span:last-child{margin-left:auto;font-size:7px;letter-spacing:.1em}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:47px}.feature-row>div+div{border-left:1px solid var(--line);padding-left:32px}.feature-row>div>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.feature-row h3{font-size:18px;margin-top:15px;letter-spacing:-.03em}.feature-row p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}.ipa-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:26px}.ipa-grid span{display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Georgia,serif;min-height:54px;border:1px solid #d9e2d1;border-radius:3px;background:#eff3e9}.ipa-grid span:nth-child(4n){background:#dce8d1}.workspace-script{font-family:Kessar,sans-serif;font-size:52px;margin-top:32px;text-align:center;color:#49673e;border-bottom:1px solid #d7e1ce;padding-bottom:23px;letter-spacing:.06em}.workspace-note{display:flex;justify-content:space-between;font-size:8px;color:#7e8d72;margin-top:18px}
.qonsona{background:#ece9e1;padding-top:92px}.qonsona-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.qonsona-copy{padding-block:10px}.qonsona-icon{width:47px;height:47px;object-fit:contain;margin-bottom:23px}.qonsona h2{font-size:clamp(32px,3.65vw,55px);line-height:1.5}.qonsona-description{font-size:12px;color:var(--muted);line-height:2;margin-top:24px}.study-art{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}.study-orbit{border:1px solid #947b6530;border-radius:50%;position:absolute;width:100%;height:72%;transform:rotate(-27deg);pointer-events:none}.study-orbit-two{width:78%;height:92%;transform:rotate(32deg)}.floating-word{position:absolute;font-family:Georgia,serif;font-style:italic;color:#8f7e6b;font-size:21px;animation:wordFloat 8s ease-in-out infinite}.word-bonjour{top:18px;right:13%}.word-hello{bottom:48px;left:1%;animation-delay:-3s}.word-nihon{top:135px;left:-6%;font-size:14px;writing-mode:vertical-rl;font-style:normal;animation-delay:-5s}.study-card{position:relative;z-index:2;width:80%;max-width:350px;background:#f9f7f0;border:1px solid #d0c9ba;box-shadow:0 25px 45px -25px #69563a50;transform:rotate(-5deg);padding:23px 24px 17px;transition:transform .7s var(--ease)}.study-card:hover,.study-card:focus-within{transform:rotate(0)}.study-card-header{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.06em;color:#827a6c;padding-bottom:17px;border-bottom:1px solid #dcd5c6}.study-card-header>span:first-child{letter-spacing:.17em}.study-card-label{display:block;font-size:9px;color:#928876;margin-top:25px}.study-word{font-family:Georgia,serif;font-style:italic;font-size:58px;letter-spacing:-.04em;line-height:1.2;margin-top:18px}.study-word>span{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.03em;font-style:normal;color:#9c8b75;margin-top:11px}.study-meaning{font-family:var(--serif);font-size:20px;margin-top:23px}.sound-wave{display:flex;justify-content:center;align-items:center;height:65px;gap:4px;margin-top:14px}.sound-wave i{display:block;width:2px;height:13px;background:#bf7657;border-radius:2px;animation:soundWave 1.8s ease-in-out infinite alternate}.sound-wave i:nth-child(3n){height:37px;animation-delay:-.7s}.sound-wave i:nth-child(4n){height:24px;animation-delay:-1.3s}.sound-wave i:nth-child(5n){height:51px;animation-delay:-.3s}.sound-wave i:nth-child(7n){height:18px;animation-delay:-1.1s}.study-card-note{font-size:9px;text-align:center;color:#938671}.study-flip{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;text-align:left;font-size:9px;color:#6a6d5d;margin-top:23px;border-top:1px solid #ded5c6;padding:16px 0 0;gap:8px}.study-flip>span{font-size:18px;color:var(--accent)}.study-answer[hidden]{display:none}.study-answer{margin-top:15px;border-top:1px dashed #d4c7b1;padding-top:15px;font-size:11px;animation:panelIn .5s var(--ease)}.study-answer strong{font-family:Georgia,serif;font-size:16px;font-weight:400;font-style:italic}.study-answer>span{display:block;font-size:8px;color:var(--muted);margin-top:10px}.study-art-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:.16em;color:#91846e}.learning-path{display:flex;align-items:center;justify-content:center;gap:32px;border-block:1px solid #22362f1c;padding:34px 0;margin-top:56px}.learning-path>div{display:grid;grid-template-columns:28px 1fr;gap:5px 12px;min-width:145px}.learning-path>div>span{grid-row:span 2;color:var(--accent);font-size:26px;align-self:center}.learning-path strong{font-size:13px;font-weight:400}.learning-path p{font-size:10px;color:var(--muted)}.learning-path>i{height:1px;width:9%;background:var(--line)}.language-support{padding-top:35px;display:flex;gap:40px;justify-content:space-between;align-items:start}.language-support>p{font-size:12px;white-space:nowrap}.language-support>div{display:flex;gap:15px 20px;flex-wrap:wrap;max-width:600px;justify-content:flex-end;line-height:1.8}.language-support span{font-size:10px;color:#828775}.language-support span.support-own{color:var(--accent)}.connection{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--paper-light);border-bottom:1px solid var(--line);overflow:hidden}.connection .eyebrow{font-size:9px;color:var(--muted);margin-bottom:22px}.connection h2{font-size:clamp(32px,3.4vw,51px);line-height:1.45}.connection p{font-size:12px;color:var(--muted);margin-top:23px;line-height:2}.connection .text-link{font-size:11px;margin-top:22px}.connection-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px}.connection-symbol{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border:1px solid #22362f40;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:80px;color:#59816c;padding-bottom:12px;background:#edf0e8;z-index:1}.connection-s{color:#bd7051;background:#f1ebe1}.connection-thread{display:flex;align-items:center;width:115px;position:relative;justify-content:space-evenly}.connection-thread:before,.connection-thread:after{content:"";position:absolute;width:180px;height:210px;border:1px solid #22362f1c;border-radius:50%;transform:rotate(65deg)}.connection-thread:after{transform:rotate(-65deg)}.connection-thread>i{width:3px;height:3px;background:var(--accent);border-radius:50%;animation:thread 3s ease-in-out infinite}.connection-thread>i:nth-child(2){animation-delay:.4s}.connection-thread>i:nth-child(3){animation-delay:.8s}.connection-art-label{position:absolute;bottom:-5px;font-size:8px;letter-spacing:.17em;color:var(--muted);display:flex;gap:20px}.connection-art-label>span{color:var(--accent)}
.about{padding-top:64px;background:var(--ink);color:var(--paper);overflow:hidden}.about-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f2ec25;padding-bottom:30px}.about-top .section-number{border-color:#f4f2ec40}.about-top>span{font-size:8px;letter-spacing:.1em;color:#9aa99e}.about-body{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;padding-block:62px 40px}.about h2{font-size:clamp(37px,4.5vw,68px);letter-spacing:-.035em;line-height:1.45}.about h2 .serif{color:#bac3a9}.about-description{padding-top:15px;max-width:330px}.about-description p{font-size:12px;line-height:2;color:#b0beb1}.about-description p+p{margin-top:18px}.about-link{display:flex;justify-content:space-between;border-bottom:1px solid #f4f2ec35;font-size:11px;padding:15px 0;color:#dedfd2}.about-link:first-of-type{margin-top:25px}.about-link span{font-size:19px}.about-link:hover{color:#d49b7e}.about-signature{font-size:clamp(100px,21.5vw,340px);line-height:1.18;font-weight:500;letter-spacing:-.075em;color:#f4f2ec12;display:flex;align-items:center;justify-content:space-between;user-select:none;margin-left:-.025em;margin-bottom:-.1em}.about-signature>span{font-size:.55em;color:#cb8064;animation:signatureTurn 50s linear infinite;line-height:1}.site-footer{display:flex;align-items:center;gap:25px;min-height:87px;font-size:9px;background:var(--ink);color:#b5bdb0;border-top:1px solid #f4f2ec20;position:relative;z-index:1}.footer-motto{margin-right:auto;color:#809582}.site-footer a:hover{color:var(--paper)}.site-footer .back-top{margin-left:35px;display:flex;align-items:center;gap:14px}.back-top span{font-size:17px}
.js-motion .reveal{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}.js-motion .hero-enter{animation:heroIn 1.1s var(--ease) both}.js-motion .hero-enter:nth-child(2){animation-delay:.1s}.js-motion .hero-enter:nth-child(3){animation-delay:.2s}.js-motion .hero-enter:nth-child(4){animation-delay:.3s}.js-motion .hero-enter:nth-child(5){animation-delay:.4s}.panel-change{animation:panelIn .55s var(--ease)}html[data-motion="paused"] *,html[data-motion="paused"] *:before,html[data-motion="paused"] *:after{animation-play-state:paused!important}.js-motion[data-motion="paused"] .reveal{opacity:1;transform:none}.js-motion[data-motion="paused"] .hero-enter{animation:none}html[data-motion="paused"]{scroll-behavior:auto}
@keyframes heroIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scrollHint{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes wordFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes soundWave{from{transform:scaleY(.5);opacity:.45}to{transform:scaleY(1);opacity:1}}@keyframes thread{0%,100%{transform:translateX(-8px);opacity:.2}50%{transform:translateX(8px);opacity:1}}@keyframes signatureTurn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.section-pad{padding-inline:max(5.8%,calc((100vw - 1450px)/2))}.site-header{margin-inline:max(5.8%,calc((100vw - 1450px)/2))}.hero h1{font-size:91px}.hero-art{max-height:700px}}
@media(max-width:1100px){.desktop-nav{gap:22px;margin-left:0}.hero{min-height:650px}.hero h1{font-size:5.8vw}.hero-art{min-height:430px;margin-left:0}.chapter-strip a{gap:12px}.chapter-strip a+a{padding-left:20px}.chapter-strip a>span:first-child{font-size:8px}.chapter-strip a>span:last-child{margin-right:20px}.section-space{padding-block:85px}.language-tabs button{flex-direction:column;gap:5px}.language-details{padding-inline:9%}.product-heading{gap:5%}.button-row{gap:17px}.workspace-stage{padding-inline:5%;padding-top:50px}.app-body{grid-template-columns:160px 1fr;min-height:365px}.app-sidebar{padding-inline:13px}.workspace-panel{padding:20px 25px}.workspace-panel h3{font-size:25px}.lexicon-root{width:90px}.lexicon-connector{width:28px}.qonsona-grid{gap:5%}.study-art{min-height:535px}.study-card{width:85%;padding-inline:20px}.study-word{font-size:51px}.word-nihon{left:-2%}.learning-path{gap:20px}.learning-path>i{width:6%}.language-support{gap:25px}.language-support>p{font-size:11px}}
@media(max-width:760px){html{scroll-padding-top:85px}.section-pad{padding-inline:6%}.site-header{height:71px;margin-inline:6%}.wordmark{font-size:26px}.brand-mark{width:21px}.desktop-nav,.archive-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;width:42px;height:42px;margin-right:-10px}.menu-toggle span{width:21px;height:1px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding-top:44px;padding-bottom:65px;isolation:isolate}.hero-copy{padding-block:0}.hero .eyebrow{font-size:9px;margin-bottom:25px}.hero h1{font-size:clamp(43px,8.9vw,66px);letter-spacing:-.06em}.hero-english{font-size:16px;margin-top:16px}.hero-description{font-size:12px;line-height:1.9;margin-top:21px}.hero .pill-button{margin-top:22px;min-height:43px;font-size:11px;padding-inline:20px;gap:30px}.hero-art{height:380px;min-height:0;max-height:none;max-width:480px;justify-self:center;margin-top:20px}.art-coordinate{font-size:7px}.coord-top{top:3%;left:5%}.coord-bottom{bottom:2%;left:5%}.art-side-note{right:0;font-size:7px}.hero-bottom{left:6%;right:6%;bottom:17px}.hero-bottom p{font-size:8px}.motion-toggle{font-size:8px}.scroll-hint{font-size:8px;gap:10px}.chapter-strip{padding-inline:6%}.chapter-strip a{padding-block:21px;display:grid;grid-template-columns:1fr auto;gap:8px}.chapter-strip a+a{padding-left:15px}.chapter-strip a>span:first-child{font-size:7px;letter-spacing:0;grid-column:span 2}.chapter-strip strong{font-size:10px;font-weight:400;white-space:nowrap}.chapter-strip a>span:last-child{font-size:15px;margin-right:13px}.section-space{padding-block:65px}.section-top{margin-bottom:34px}.eyebrow{font-size:9px}.section-number{width:23px;height:23px;margin-right:9px;font-size:9px}.small-meta{display:none}h2{font-size:clamp(34px,7.5vw,49px);letter-spacing:-.04em}.language-intro{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.language-intro p{font-size:14px}.language-intro p.muted{font-size:11px;margin-top:9px}.language-intro .text-link{margin-top:14px;font-size:11px}.desktop-break{display:none}.language-tabs button{padding:15px 4px;font-size:10px;gap:7px}.language-tabs button span{font-size:8px}.language-panel{grid-template-columns:1fr}.specimen{min-height:300px;border-right:0;border-bottom:1px solid var(--line);padding:53px 22px}.specimen-tag{top:21px;left:21px;font-size:7px}.specimen-main{font-size:clamp(38px,9vw,61px)}.kessar{font-size:clamp(42px,9vw,61px);line-height:1.7}.specimen-bottom{bottom:20px;left:21px;right:21px;font-size:8px}.language-details{padding:33px 26px 35px}.language-details .eyebrow{margin-bottom:14px}.language-details h3{font-size:25px}.language-latin{font-size:17px}.language-details blockquote{font-size:21px;margin-top:23px}#language-description{max-width:none;margin-top:18px}.language-footnote{font-size:8px;gap:15px;line-height:1.8}.language-footnote>span{max-width:150px}.manifesto{padding:75px 6%}.manifesto p{font-size:clamp(29px,6.3vw,45px)}.manifesto .eyebrow{font-size:7px;letter-spacing:.12em}.manifesto-line{margin-top:29px;font-size:8px}.product-heading{grid-template-columns:1fr;gap:26px}.product-heading h2{font-size:clamp(32px,7.3vw,48px)}.product-kicker{font-size:10px;margin-bottom:12px}.product-summary>p{font-size:12px}.button-row{margin-top:21px;gap:23px}.workspace-stage{margin-top:31px;padding:28px 14px 16px;margin-inline:-2.3%}.app-window{border-radius:5px}.window-titlebar{height:30px;font-size:8px;padding-inline:9px}.window-dots{gap:4px;width:45px}.window-dots i{width:5px;height:5px}.window-tag{font-size:7px;width:45px}.app-body{display:flex;flex-direction:column;min-height:0}.app-sidebar{padding:14px 13px 10px;border-right:0;border-bottom:1px solid #22362f18}.app-sidebar>img{width:100px}.sidebar-caption,.sidebar-footer{display:none}.workspace-tabs{flex-direction:row;margin-top:13px;gap:3px;justify-content:space-between}.workspace-tabs button{font-size:9px;padding:8px 6px;gap:5px;border-radius:2px}.workspace-tabs button span{font-size:13px}.workspace-panel{padding:18px 20px 25px;min-height:306px}.workspace-breadcrumb{font-size:7px;gap:8px}.workspace-overline{margin-top:20px;font-size:7px}.workspace-panel h3{font-size:24px}.workspace-panel h3+p{font-size:9px}.lexicon-map{margin-top:20px;min-height:145px}.lexicon-root{width:82px;height:108px}.lexicon-root strong{font-size:23px}.lexicon-root small{font-size:7px}.lexicon-connector{width:26px}.lexicon-branches{gap:7px}.lexicon-branches>div{padding:8px;grid-template-columns:17px 1fr;gap:3px}.lexicon-branches strong{font-size:9px}.lexicon-branches small{font-size:7px}.demo-caption{font-size:8px;margin-top:16px;justify-content:center}.demo-caption>span:last-child{display:none}.feature-row{gap:24px;grid-template-columns:1fr;margin-top:29px}.feature-row>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:21px}.feature-row>div>span{font-size:8px}.feature-row h3{font-size:18px;margin-top:9px}.feature-row p{font-size:11px;margin-top:6px}.ipa-grid{gap:5px;margin-top:23px}.ipa-grid span{font-size:22px;min-height:45px}.workspace-script{font-size:43px;margin-top:30px}.workspace-note{font-size:7px;gap:10px}.qonsona-grid{grid-template-columns:1fr;gap:20px}.qonsona-icon{width:43px;height:43px;margin-bottom:20px}.qonsona h2{font-size:clamp(32px,7.1vw,48px)}.qonsona-description{font-size:12px;margin-top:19px}.study-art{min-height:520px;max-width:470px;width:100%;justify-self:center;margin-top:18px}.study-card{max-width:305px;width:80%;padding-inline:21px}.study-word{font-size:53px}.study-orbit{width:95%;height:70%}.study-orbit-two{width:70%;height:92%}.word-bonjour{top:7px;right:12%;font-size:20px}.word-hello{left:4%;bottom:28px;font-size:19px}.word-nihon{left:0;top:110px;font-size:12px}.study-art-caption{font-size:7px;bottom:-2px}.learning-path{margin-top:37px;gap:12px;justify-content:space-between;padding:28px 0}.learning-path>div{display:flex;flex-direction:column;min-width:0;gap:8px}.learning-path>div>span{font-size:24px;align-self:flex-start}.learning-path strong{font-size:11px}.learning-path p{font-size:8px}.learning-path>i{width:15px}.language-support{flex-direction:column;gap:18px;padding-top:26px}.language-support>div{justify-content:flex-start;gap:12px 18px}.language-support span{font-size:10px}.connection{grid-template-columns:1fr;gap:28px;padding-block:65px}.connection h2{font-size:37px}.connection .eyebrow{font-size:8px;margin-bottom:17px}.connection-art{min-height:230px}.connection-symbol{width:100px;height:100px;font-size:66px}.connection-thread{width:95px}.connection-thread:before,.connection-thread:after{width:150px;height:175px}.connection-art-label{bottom:4px;font-size:7px;gap:16px}.about{padding-top:39px}.about-top{padding-bottom:23px}.about-top>span{font-size:6px;letter-spacing:.04em}.about-top .eyebrow{font-size:8px}.about-body{grid-template-columns:1fr;gap:25px;padding-block:38px 32px}.about h2{font-size:clamp(35px,7.7vw,52px);line-height:1.5}.about-description{max-width:none;padding-top:0}.about-description p{font-size:11px}.about-description p+p{margin-top:12px}.about-link:first-of-type{margin-top:15px}.about-link{font-size:11px}.about-signature{font-size:22vw;line-height:1.3}.site-footer{gap:13px;flex-wrap:wrap;padding-block:23px;font-size:8px;min-height:100px}.footer-motto{margin-right:0}.site-footer>a:first-of-type{margin-left:auto}.site-footer .back-top{margin-left:0;flex-basis:100%;font-size:8px;gap:9px}.site-footer p{line-height:1.2}.site-footer .back-top span{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:40px}.hero-art{height:320px}.scroll-hint{display:none}.language-tabs button{font-size:9px}.language-tabs button span{font-size:7px}.workspace-panel{padding-inline:14px}.workspace-tabs button{font-size:8px}.learning-path{gap:9px}.learning-path strong{font-size:10px}.study-card{width:86%}.study-card-header{font-size:6px}.site-footer{gap:10px}.site-footer>a:first-of-type{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.app-window,.study-card{transform:none}}
@media(max-width:360px){.chapter-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-strip a{min-width:0;column-gap:3px}.chapter-strip a+a{padding-left:9px}.chapter-strip strong{font-size:9px}.chapter-strip a>span:last-child{margin-right:4px;font-size:13px}.connection>div{min-width:0}.connection-symbol{width:85px;height:85px;font-size:58px;flex-shrink:0}.connection-thread{width:80px}}
.workspace-tabs button{color:#65705f}