:root{--paper:#f5f6ef;--ink:#233e31;--green:#5a784b;--line:#dce2d4;--muted:#75816c;--lime:#dcecbd;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 85% 45%,#e8efdc80,transparent 47%)}.frame{width:min(1200px,calc(100% - 96px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-bottom:1px solid var(--line);gap:18px}.wordmark{display:flex;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1px}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:11px;border-radius:10px;background:var(--ink);color:var(--paper);font:700 23px Georgia,serif;letter-spacing:-2px}.brand-symbol>span{font:15px Arial;color:var(--lime);margin-left:1px}.brand-period{color:#829c60}.status{display:flex;align-items:center;gap:9px;font:9px monospace;letter-spacing:1.6px;color:#738567;white-space:nowrap}.status-dot{width:6px;height:6px;background:#8fa969;border-radius:50%;box-shadow:0 0 0 4px #e9efdf}.layout{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:78px 82px}.eyebrow{margin:0 0 27px;color:#728663;text-transform:uppercase;font-size:9px;letter-spacing:1.8px;font-weight:500;line-height:1.8}.eyebrow>span{font-size:17px;margin-right:9px;vertical-align:middle;color:#8b9e69}h1{font:400 clamp(60px,6.6vw,91px)/1.03 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0}h1 em{font-weight:400;color:var(--green);letter-spacing:-4.5px}.description{font-size:13px;line-height:1.9;color:#798470;margin:30px 0 0;max-width:460px}.work-note{display:flex;align-items:center;gap:11px;margin-top:33px;font:10px Georgia,serif;font-style:italic;color:#87937b;letter-spacing:.2px}.note-line{width:27px;height:1px;background:#b4c2a1}.language-garden{height:470px;position:relative;isolation:isolate}.garden-glow{position:absolute;inset:34px 12px;border-radius:50%;background:radial-gradient(circle,#e7eddb 0%,#ecf0e380 56%,transparent 72%);z-index:-1}.orbit{position:absolute;border:1px solid #d8e1cd;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-outer{width:420px;height:420px}.orbit-inner{width:285px;height:285px;border-color:#dce5d1}.garden-axis{position:absolute;height:1px;background:#dfe5d6;left:30px;right:30px;top:50%;z-index:-1}.axis-one{transform:rotate(-34deg)}.axis-two{transform:rotate(56deg)}.center-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);width:89px;height:89px;border-radius:25px;display:flex;align-items:center;justify-content:center;color:#f4f6ec;background:var(--ink);box-shadow:0 16px 32px #29472f16;font:400 61px Georgia,serif;padding-bottom:7px}.center-arrow{position:absolute;font:30px Arial;right:8px;top:12px;color:#d8e8b9}.language-card{position:absolute;border:1px solid #d7e0cd;background:#fcfdf8;border-radius:10px;box-shadow:0 12px 35px #29462708;padding:20px 25px;animation:drift 8s ease-in-out infinite}.card-one{top:29px;left:8px;transform:rotate(-9deg);--tilt:-9deg;min-width:190px}.card-two{right:-2px;top:145px;transform:rotate(8deg);--tilt:8deg;animation-delay:-2s;min-width:208px}.card-three{left:27px;bottom:22px;transform:rotate(-5deg);--tilt:-5deg;animation-delay:-4s;padding-block:24px 20px}.card-label{display:block;font:6px monospace;letter-spacing:1.5px;color:#94a083;margin-bottom:12px}.card-word{display:block;font:400 43px/1.1 Georgia,serif;letter-spacing:-1px}.card-period{color:#97ad70}.card-detail{display:block;margin-top:15px;font:6px monospace;letter-spacing:1.4px;color:#8a987a}.japanese{font-size:28px;letter-spacing:-2px;color:#60784c}.garden-spark{position:absolute;color:#9baa79}.spark-one{font-size:39px;right:82px;top:32px}.spark-two{font:25px Georgia,serif;left:3px;top:230px;color:#bdc8aa}.orbit-point{position:absolute;width:6px;height:6px;background:#b2c093;border:2px solid var(--paper);border-radius:50%}.point-one{right:27px;bottom:141px}.point-two{left:151px;top:22px}.garden-caption{position:absolute;right:20px;bottom:26px;font:7px/1.9 monospace;letter-spacing:1.3px;color:#92a080}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:79px;border-top:1px solid var(--line);font:9px monospace;letter-spacing:.5px;color:#89947e}.footer>span:first-child{font:italic 12px Georgia,serif;letter-spacing:0;color:#8a977b}.footer-mark{display:flex;align-items:center;gap:5px}.footer-mark>span{width:4px;height:4px;border-radius:50%;background:#7c9561}.footer-mark>span:nth-child(2){background:#afbf98}.footer-mark>span:nth-child(3){background:#d2ddc3}@keyframes drift{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(var(--tilt))}}@media(min-width:1550px){.layout{gap:85px;padding-block:100px}.language-garden{height:510px}}@media(max-width:1050px){.frame{width:calc(100% - 64px)}.layout{gap:15px}h1{font-size:69px;letter-spacing:-3px}h1 em{letter-spacing:-3.5px}.orbit-outer{width:350px;height:350px}.orbit-inner{width:235px;height:235px}.language-garden{height:420px}.card-word{font-size:35px}.card-one{min-width:165px;top:30px;left:0}.card-two{min-width:180px;right:0;top:140px}.card-three{left:8px;bottom:22px}.japanese{font-size:24px}.spark-one{right:50px}.garden-caption{right:2px;bottom:30px;font-size:6px}.description{font-size:12px}.desktop-break{display:none}}@media(max-width:760px){.frame{width:calc(100% - 44px)}.masthead{min-height:88px}.wordmark{font-size:24px}.brand-symbol{width:30px;height:30px;font-size:20px;border-radius:8px}.brand-symbol>span{font-size:13px}.status{font-size:7px;letter-spacing:1px;gap:7px}.layout{grid-template-columns:1fr;padding-block:45px 30px;gap:20px}.message{text-align:center}.eyebrow{font-size:8px;margin-bottom:21px;letter-spacing:1.2px}h1{font-size:clamp(53px,9vw,72px);letter-spacing:-2.5px}h1 em{letter-spacing:-3px}.description{margin:23px auto 0;max-width:365px;font-size:12px;line-height:1.9}.work-note{justify-content:center;margin-top:23px;font-size:10px}.language-garden{width:100%;max-width:400px;height:330px;margin:8px auto 0;overflow:hidden}.orbit-outer{width:300px;height:300px}.orbit-inner{width:210px;height:210px}.card-one{top:16px;left:16px;min-width:155px;padding:16px 20px}.card-two{top:115px;right:12px;min-width:170px;padding:16px 20px}.card-three{left:23px;bottom:13px;padding:18px 20px}.card-word{font-size:32px}.japanese{font-size:23px}.card-label,.card-detail{font-size:5px}.card-label{margin-bottom:9px}.card-detail{margin-top:10px}.center-mark{width:68px;height:68px;font-size:48px;border-radius:20px;padding-bottom:6px}.center-arrow{font-size:24px;right:5px;top:9px}.spark-one{top:11px;right:49px;font-size:30px}.spark-two{top:174px;left:13px;font-size:23px}.garden-caption{right:15px;bottom:23px;font-size:5px;letter-spacing:1px}.point-one{right:34px;bottom:72px}.point-two{left:158px;top:13px}.footer{min-height:70px;font-size:7px;gap:10px;letter-spacing:0}.footer>span:first-child{font-size:10px}.footer-mark{display:none}}@media(max-width:350px){.frame{width:calc(100% - 32px)}.wordmark{font-size:22px}.status{font-size:6px}h1{font-size:49px}.description{font-size:11px}.eyebrow{font-size:7px}.language-garden{height:310px}.card-two{right:3px}.card-one{left:5px}.card-three{left:13px}.garden-caption{right:4px}.footer>span:first-child{font-size:9px}.footer>span:last-child{font-size:6px}}@media(prefers-reduced-motion:reduce){.language-card{animation:none}}