:root{--washi:#FBFAF7;--washi-2:#F3F1EA;--sage:#9DB5A0;--sage-soft:#CBD8CA;--teal:#3E6B6B;--teal-deep:#264749;--gold:#C2A25A;--gold-soft:#DCC492;--ink:#26261F;--ink-soft:#6E6E66;--night:#080B0D;--indigo:#1B2433;--indigo-deep:#10141F;--mauve:#CBB6C0;--mauve-deep:#A98D9B;--serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--sans:"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;--fs-h2:clamp(30px,3.8vw,50px);--fs-lead:clamp(14.5px,1.55vw,17px);--lh-h2:1.9;--lh-body:2.15;--ls-h2:.16em;--space-section-y:20vh;--space-section-y2:18vh;--space-section-x:8vw}*{margin:0;padding:0;box-sizing:border-box}html.lock,body.lock{overflow:hidden}body{background:var(--washi);color:var(--ink);font-family:var(--serif);line-height:1.9;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}svg{display:block}::selection{background:color-mix(in oklab,var(--sage) 45%,transparent);color:var(--ink)}@media(hover:hover)and (pointer:fine){body,a{cursor:none}}#cursor,#cursorRing{position:fixed;top:0;left:0;z-index:200;pointer-events:none;border-radius:50%;opacity:0}#cursor{width:6px;height:6px;background:var(--teal)}#cursorRing{width:34px;height:34px;border:1px solid rgba(62,107,107,.5);transition:width .25s,height .25s,border-color .35s,background .35s}body.dark-ui #cursor{background:var(--gold-soft)}body.dark-ui #cursorRing{border-color:#dcc4928c}#cursorRing.hover{width:52px;height:52px;background:#9db5a014}@media(hover:none),(pointer:coarse){#cursor,#cursorRing{display:none}}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--washi);display:flex;align-items:center;justify-content:center;flex-direction:column}#intro svg{width:min(46vw,300px);height:auto;overflow:visible}#intro .enso-main{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.88}#intro .enso-ghost{fill:none;stroke:var(--sage);stroke-width:14;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.16;filter:blur(3px)}#ilogo{margin-top:2.2em;display:flex;gap:.45em;font-size:clamp(22px,3.4vw,32px);letter-spacing:.2em;color:var(--ink)}#ilogo span{opacity:0;filter:blur(6px);transform:translateY(10px)}#isub{margin-top:1.4em;font-family:var(--sans);font-size:10.5px;letter-spacing:.55em;color:var(--ink-soft);opacity:0}#iskip{position:absolute;bottom:5vh;font-family:var(--sans);font-size:10px;letter-spacing:.4em;color:var(--ink-soft);opacity:.55}#grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");mix-blend-mode:multiply}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;opacity:0;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgba(4,7,8,.5) 100%)}#gradeWarm{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:54;opacity:.35;background:linear-gradient(180deg,#fff8e629,#c2a25a0d);mix-blend-mode:soft-light}#gradeCool{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:54;opacity:0;background:linear-gradient(180deg,#3e6b6b24,#080b0d1a);mix-blend-mode:soft-light}#pbar{position:fixed;top:0;left:0;height:2px;width:100%;z-index:70;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--sage),var(--teal));opacity:0;transition:opacity .5s}body.dark-ui #pbar{background:linear-gradient(90deg,var(--gold),var(--gold-soft))}#chapter{position:fixed;right:3vw;bottom:4.5vh;z-index:70;text-align:right;opacity:0;transition:opacity .6s;font-family:var(--sans)}#chapter .ch-no{font-size:11px;letter-spacing:.4em;color:var(--gold)}#chapter .ch-name{font-size:12.5px;letter-spacing:.34em;color:var(--ink-soft);margin-top:.3em;transition:color .5s}body.dark-ui #chapter .ch-name{color:#b9c6bb}#rail{position:fixed;left:2.4vw;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:2.6em;opacity:0;transition:opacity .6s}#rail.show{opacity:1}#rail .wl{writing-mode:vertical-rl;font-family:var(--sans);font-size:10px;letter-spacing:.55em;color:var(--ink-soft);opacity:.38;transition:opacity .5s,color .5s;display:flex;align-items:center;background:none;border:none;padding:0}#rail .wl:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6;margin-bottom:.9em;transition:transform .4s}#rail .wl:hover{opacity:.85}#rail .wl.active{opacity:1;color:var(--teal)}#rail .wl.active:before{transform:scale(1.7)}body.dark-ui #rail .wl{color:#8fa893}body.dark-ui #rail .wl.active{color:var(--gold-soft)}main{position:relative;background:var(--washi);z-index:2}main:before{content:"";display:block;height:26vh;background:linear-gradient(180deg,var(--indigo-deep) 0%,var(--indigo) 22%,#4A4A5E 44%,#C9B27A 62%,#EFE3C2 76%,var(--washi) 100%)}.section{--sec-bg:var(--washi);--sec-bg2:var(--washi-2);--sec-fg:var(--ink);--sec-sub:var(--ink-soft);--sec-accent:var(--gold);--sec-tone:var(--sage);position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sec-bg),var(--sec-bg2));color:var(--sec-fg)}.section[data-world=mid]{--sec-bg:#F2F6F3;--sec-bg2:#E6EFEA;--sec-accent:var(--teal);--sec-tone:#9FC2BC}.section[data-world=settle]{--sec-bg:#152523;--sec-bg2:#0F1B1A;--sec-fg:#E8EAE2;--sec-sub:#9FB4A9;--sec-accent:var(--gold-soft);--sec-tone:#3E6B6B}.section[data-world=rinne]{--sec-bg:#232B36;--sec-bg2:#161C26;--sec-fg:#E6E8E4;--sec-sub:#9AA5A6;--sec-accent:#E9DFB9;--sec-tone:#5A6B7E}#cafe{--sec-bg2:#F6F0E2}#boutique{--sec-accent:var(--mauve-deep);--sec-tone:var(--mauve);--sec-bg2:#F5EEEE}#meeting{--sec-bg:#F1F6F2;--sec-bg2:#E4EEE8}#music{--sec-bg:#F0F4F2;--sec-bg2:#E7EEE9;--sec-accent:#7E9884}#story{--sec-bg2:#0D1817}#community{--sec-bg:#F7FAF7;--sec-bg2:#ECF3EE;--sec-accent:var(--teal)}#contents{--sec-bg2:#F3EDE6;--sec-accent:#B98F9E}#company{--sec-bg:#F5F2EA;--sec-bg2:#EAE5D6;--sec-accent:#8A8267;--sec-tone:#C9C0A8}#contact{--sec-bg2:#141922}#policy{--sec-bg:#FBFAF7;--sec-bg2:#F4F3ED;--sec-accent:#8A9186}#tokushoho{--sec-bg:#FAF9F4;--sec-bg2:#F1EFE7;--sec-accent:#8A9186}#access{--sec-fg:var(--ink);--sec-sub:var(--ink-soft);--sec-accent:#C9B27A;--sec-tone:var(--sage);background:linear-gradient(180deg,var(--indigo-deep) 0%,var(--indigo) 14%,#4A4A5E 26%,#C9B27A 38%,#EFE3C2 48%,#F8F7F1 62%,var(--washi) 100%)}.sec-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.4s ease}.section.in-view .sec-bg{opacity:1}@media(prefers-reduced-motion:reduce){.sec-bg{opacity:1;transition:none}}.sec-bg canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.sec-inner{position:relative;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-section-y) var(--space-section-x) var(--space-section-y2);display:grid;grid-template-columns:minmax(0,1fr);gap:0 6vw}@media(min-width:900px){.sec-inner{grid-template-columns:230px minmax(0,1fr)}.section[data-flip] .sec-inner{grid-template-columns:minmax(0,1fr) 230px}.section[data-flip] .sec-head{order:2;text-align:right}.section[data-flip] .sec-head .cat:before{margin:0 0 0 1em}}.section[data-hero-card]{min-height:92vh;display:flex;align-items:center}.section[data-hero-card] .sec-inner{width:100%}.section+.section:before{content:none}.sec-head .bignum{font-family:var(--sans);font-weight:200;font-size:clamp(72px,10vw,140px);line-height:1;color:transparent;-webkit-text-stroke:1px color-mix(in oklab,var(--sec-tone) 65%,transparent);letter-spacing:.02em;margin-bottom:.25em;opacity:.85;-webkit-user-select:none;user-select:none}.sec-head .cat{font-family:var(--sans);font-size:11px;letter-spacing:.6em;color:var(--sec-accent)}.sec-head .cat:before{content:"";display:inline-block;width:2.4em;height:1px;background:var(--sec-accent);opacity:.65;margin-right:1.1em;vertical-align:middle}.section h2{font-size:var(--fs-h2);font-weight:500;letter-spacing:var(--ls-h2);line-height:var(--lh-h2);margin-bottom:1.05em;color:var(--sec-fg)}.section .lead{max-width:32em;font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--sec-fg);opacity:.9}.section .sub{max-width:32em;color:var(--sec-sub);font-size:clamp(12.5px,1.4vw,14px);line-height:2;margin-top:1.6em}.sec-links{margin-top:1.2em}.outlink{position:relative;display:inline-block;margin-top:2.4em;font-family:var(--sans);font-size:12.5px;letter-spacing:.32em;color:var(--sec-accent);padding-bottom:7px;will-change:transform}.outlink:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:color-mix(in oklab,var(--sec-accent) 45%,transparent)}.outlink:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--sec-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.6,0,.2,1);z-index:1}.outlink:hover:before{transform:scaleX(1)}.outlink+.outlink{margin-left:2.6em}.reveal{opacity:0;transform:translateY(30px)}.beans{display:flex;flex-wrap:wrap;gap:1em;margin-top:2.4em}.bean{font-family:var(--sans);font-size:11.5px;letter-spacing:.28em;color:var(--sec-sub);padding:.7em 1.5em;border:1px solid color-mix(in oklab,var(--sec-tone) 55%,transparent);border-radius:999px;transition:color .3s,border-color .3s,background .3s,transform .3s}.bean:hover{color:var(--sec-fg);border-color:var(--sec-accent);background:color-mix(in oklab,var(--sec-accent) 10%,transparent);transform:translateY(-2px)}.sec-art{display:none;margin:3em 0 0}.sec-art.has-gen{display:block;max-width:520px;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px -30px #141e1c59;outline:1px solid color-mix(in oklab,var(--sec-tone) 40%,transparent)}.sec-art.has-gen img{width:100%;height:auto;display:block}.sec-art--qr.has-gen{max-width:220px;border-radius:10px}.group-label{position:relative;text-align:center;padding:9vh var(--space-section-x) 5vh;font-family:var(--sans);font-size:10.5px;letter-spacing:.7em;color:var(--ink-soft);background:var(--washi)}.group-label:after{content:"";display:block;width:1px;height:4.5vh;margin:2.2em auto 0;background:linear-gradient(180deg,var(--sage),transparent)}footer{padding:14vh var(--space-section-x) 9vh;text-align:center;background:linear-gradient(180deg,var(--washi),#EDF1EA)}footer .enso-s{width:80px;margin:0 auto 3em;opacity:.55;animation:ensoturn 90s linear infinite}footer .enso-s circle{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-dasharray:.93 .07}@keyframes ensoturn{to{transform:rotate(360deg)}}footer .mark{font-size:clamp(20px,3vw,30px);letter-spacing:.55em;margin-bottom:2.8em}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2.6em;margin-bottom:2.4em}footer nav:last-of-type{margin-bottom:4.4em}footer nav a{position:relative;font-family:var(--sans);font-size:11.5px;letter-spacing:.3em;color:var(--ink-soft);padding-bottom:5px;transition:color .3s}footer nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.6,0,.2,1)}footer nav a:hover{color:var(--teal)}footer nav a:hover:after{transform:scaleX(1)}footer .copy{font-family:var(--sans);font-size:10.5px;letter-spacing:.22em;color:var(--ink-soft);opacity:.75}#access .sec-inner{padding-top:44vh}#access .sec-head .bignum{-webkit-text-stroke-color:rgba(233,223,185,.55)}.section[data-world=settle] .sec-head .bignum,.section[data-world=rinne] .sec-head .bignum{opacity:.6}@media(max-width:640px){.sec-inner{padding:15vh 7vw 13vh}#access .sec-inner{padding-top:38vh}.sec-head .bignum{font-size:clamp(56px,17vw,84px)}.section[data-hero-card]{min-height:0}}@media(prefers-reduced-motion:reduce){footer .enso-s{animation:none}}