@font-face{font-family:Shippori Mincho B1 subset;src:url(../fonts/mincho-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Shippori Mincho B1 subset;src:url(../fonts/mincho-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New subset;src:url(../fonts/gothic-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}:root{--ground:#D9DCD4;--ground-deep:#C9CDC4;--ink:#1C231E;--ink-soft:#5C665D;--ink-faint:#8D968C;--water:#33564F;--line:rgba(28,35,30,.16);--mincho:"Shippori Mincho B1 subset","Hiragino Mincho ProN","Yu Mincho",serif;--gothic:"Zen Kaku Gothic New subset","Hiragino Sans","Yu Gothic",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--gothic);font-weight:300;line-height:1.9;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.28;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(28,35,30,.4) 0 1px,transparent 1px);background-size:7px 7px,11px 11px}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--water);outline-offset:6px}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:baseline;padding:22px 28px;mix-blend-mode:multiply}.nav__mark{font-family:var(--mincho);font-size:15px;letter-spacing:.4em}.nav__links{display:flex;gap:24px;font-size:11px;letter-spacing:.22em;color:var(--ink-soft)}.nav__links a{transition:color .4s}.nav__links a:hover{color:var(--water)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.ripple{position:absolute;top:50%;left:50%;width:34vmax;height:34vmax;margin:-17vmax 0 0 -17vmax;border:1px solid rgba(51,86,79,.3);border-radius:50%;opacity:0;animation:ripple 11s ease-out infinite}.ripple:nth-child(2){animation-delay:3.6s}.ripple:nth-child(3){animation-delay:7.2s}@keyframes ripple{0%{transform:scale(.12);opacity:0}14%{opacity:.75}to{transform:scale(1.9);opacity:0}}.hero__name{position:relative;z-index:2;writing-mode:vertical-rl;font-family:var(--mincho);font-weight:600;font-size:clamp(64px,13vmin,132px);letter-spacing:.22em;text-indent:.22em;opacity:0;animation:riseIn 2.4s cubic-bezier(.16,.7,.3,1) .5s forwards}.hero__name rt{font-family:var(--gothic);font-size:.16em;font-weight:300;letter-spacing:.3em;color:var(--ink-soft)}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.hero__line{position:absolute;bottom:13vh;left:50%;transform:translate(-50%);z-index:2;font-size:12px;letter-spacing:.34em;color:var(--ink-soft);white-space:nowrap;opacity:0;animation:fadeIn 2s ease 1.9s forwards}@keyframes fadeIn{to{opacity:1}}.section{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:16vh 28px}.eyebrow{font-size:10px;letter-spacing:.42em;color:var(--ink-faint);margin-bottom:8px}.section__title{font-family:var(--mincho);font-weight:400;font-size:28px;letter-spacing:.16em;margin-bottom:2px}.section__note{font-size:12.5px;color:var(--ink-soft);letter-spacing:.09em;margin-bottom:14px}.section__lead{font-size:13.5px;line-height:2.3;color:var(--ink-soft);max-width:34em;letter-spacing:.06em;margin-bottom:56px}.tracks{border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:40px 1fr 5.6em;align-items:baseline;gap:22px;padding:22px 4px 20px;border-bottom:1px solid var(--line);transition:background .5s}.track:hover{background:#33564f0d}.track__no{font-family:var(--mincho);font-size:12px;color:var(--ink-faint);letter-spacing:.1em}.track__name{font-family:var(--mincho);font-size:clamp(21px,3.4vw,28px);letter-spacing:.13em;line-height:1.5}.track__name rt{font-family:var(--gothic);font-size:.34em;font-weight:300;letter-spacing:.14em;color:var(--ink-faint)}.track__age{font-family:var(--mincho);font-size:15px;letter-spacing:.12em;color:var(--water);text-align:right;opacity:0;transform:translateY(6px);transition:opacity 1s ease,transform 1s ease}.track.is-open .track__age{opacity:1;transform:none}.track__why{grid-column:2 / -1;font-size:11.5px;letter-spacing:.1em;color:var(--ink-faint);margin-top:6px;opacity:0;max-height:0;overflow:hidden;transition:opacity .6s,max-height .6s}.track:hover .track__why,.track:focus-within .track__why{opacity:1;max-height:4em}.tracks__hint{margin-top:22px;font-size:11px;letter-spacing:.24em;color:var(--ink-faint)}.glyphs{background:var(--ground-deep);padding:14vh 0}.glyph-grid{max-width:1000px;margin:52px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.glyph{text-align:center;cursor:pointer;outline-offset:12px}.stage{position:relative;height:2.1em;font-family:var(--mincho);font-size:clamp(40px,6.2vw,60px)}.ch{position:absolute;left:50%;top:50%;line-height:1;transform:translate(-50%,-50%)}.ch--merge{color:var(--water);transform:translate(calc(-50% + var(--x)),-50%);transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .4s ease}.g-merge.is-open .ch--merge{transform:translate(-50%,-50%);opacity:0;transition:transform .9s cubic-bezier(.4,0,.2,1),opacity .4s ease .65s}.ch--goal{opacity:0;transition:opacity .45s ease}.g-merge.is-open .ch--goal{opacity:1;transition:opacity .5s ease .72s}.ch--kai{transition:opacity .6s ease}.g-ki.step1 .ch--kai,.g-ki.step2 .ch--kai{opacity:0}.ch--cur{opacity:0;transition:opacity .6s ease}.g-ki.step1 .ch--cur{opacity:1}.g-ki.step1.step2 .ch--cur{opacity:0}.cursive{position:absolute;left:50%;top:50%;width:0;height:0}.cursive span{position:absolute;left:0;top:0;color:var(--water);line-height:1;opacity:0;transition:transform .95s cubic-bezier(.2,.7,.3,1),opacity .55s ease}.cursive span:nth-child(1){transform:translate(-50%,-118%) scaleX(1.2)}.cursive span:nth-child(2){transform:translate(-97%,8%) scale(.7)}.cursive span:nth-child(3){transform:translate(-3%,8%) scale(.7)}.g-ki.step2 .cursive span{opacity:1}.g-ki.step2 .cursive span:nth-child(1){transform:translate(-162%,-50%)}.g-ki.step2 .cursive span:nth-child(2){transform:translate(-50%,-50%)}.g-ki.step2 .cursive span:nth-child(3){transform:translate(62%,-50%)}.ch--slow{transition:opacity .6s ease .2s}.g-sub.is-open .ch--slow{opacity:0}.ch--dst{color:var(--water);opacity:0;transition:opacity .6s ease .2s}.g-sub.is-open .ch--dst{opacity:1}.ch--fall{color:var(--ink-faint);opacity:0;top:calc(50% + var(--ey,-.4em) + var(--eh,.17em) / 2);transition:transform .9s cubic-bezier(.3,.7,.3,1),opacity .6s ease}.g-sub.is-open .ch--fall{opacity:.55;transform:translate(-50%,calc(-50% - 1.15em))}.glyph__label{font-family:var(--mincho);font-size:15px;letter-spacing:.2em;margin-top:20px}.glyph__age{font-size:11px;letter-spacing:.2em;color:var(--water);margin-top:4px}.glyph__desc{font-size:11.5px;line-height:2;color:var(--ink-faint);letter-spacing:.08em;margin-top:10px}.glyph__replay{font-size:9.5px;letter-spacing:.26em;color:var(--ink-faint);margin-top:12px;opacity:0;transition:opacity .5s}.glyph:hover .glyph__replay,.glyph:focus-visible .glyph__replay{opacity:1}.words{padding:14vh 0}.lyric{writing-mode:vertical-rl;font-family:var(--mincho);font-size:17px;line-height:2.5;letter-spacing:.16em;height:min(60vh,500px);margin:0 auto 9vh;padding:0 6vw;overflow-x:auto;overflow-y:hidden;max-width:100%;direction:rtl}.lyric:last-child{margin-bottom:0}.lyric p{margin-left:1.9em}.lyric h3{font-weight:600;font-size:22px;letter-spacing:.3em;margin-left:3.4em}.lyric h3 rt{font-family:var(--gothic);font-size:.34em;font-weight:300;letter-spacing:.12em;color:var(--ink-faint)}.lyric rt{font-family:var(--gothic);font-size:.42em;font-weight:300;letter-spacing:.06em;color:var(--water)}.about__body{font-size:14px;line-height:2.3;letter-spacing:.07em;max-width:31em;color:var(--ink-soft)}.about__body p{margin-bottom:1.4em}.about__body strong{font-family:var(--mincho);font-weight:400;color:var(--ink)}.news{border-top:1px solid var(--line)}.news__item{display:flex;gap:28px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.07em}.news__date{color:var(--ink-faint);font-size:11.5px;letter-spacing:.14em;flex:0 0 6.4em;padding-top:2px}.footer{position:relative;z-index:2;padding:70px 28px 44px;text-align:center;font-size:10.5px;letter-spacing:.3em;color:var(--ink-faint)}.rise{opacity:0;transform:translateY(22px);transition:opacity 1.3s cubic-bezier(.16,.7,.3,1),transform 1.3s cubic-bezier(.16,.7,.3,1)}.rise.in{opacity:1;transform:none}@media(max-width:640px){.nav__links{gap:14px;font-size:10px}.section{padding:12vh 20px}.track{grid-template-columns:28px 1fr;gap:12px}.track__age{grid-column:2;text-align:left;margin-top:2px}.track__why{opacity:1;max-height:4em;margin-top:4px}.glyph-grid{grid-template-columns:1fr;gap:52px}.lyric{height:min(64vh,430px);font-size:15.5px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.rise{opacity:1;transform:none}.ripple{display:none}}.track-page{padding-top:11vh}.track-head{padding-bottom:0}.eyebrow a{transition:color .4s}.eyebrow a:hover{color:var(--water)}.track-head__sep{margin:0 .6em;color:var(--line)}.track-head__reading{font-size:12px;letter-spacing:.42em;color:var(--ink-faint);margin-bottom:10px}.track-head__title{font-family:var(--mincho);font-weight:600;font-size:clamp(46px,9vw,84px);letter-spacing:.18em;line-height:1.3;text-indent:.18em;margin-bottom:18px}.track-head__age{font-family:var(--mincho);font-size:17px;letter-spacing:.24em;color:var(--water);margin-bottom:26px}.track-head__age:before{content:"";display:inline-block;width:34px;height:1px;background:var(--line);vertical-align:middle;margin-right:16px}.track-head__why{font-size:13.5px;line-height:2.3;letter-spacing:.07em;color:var(--ink-soft);max-width:30em}.scale{margin-top:9vh}.scale__rail{position:relative;height:1px;background:var(--line);margin:0 2px}.scale__fill{position:absolute;left:0;top:0;height:1px;background:var(--water);opacity:.5}.scale__mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:1px;height:9px;background:var(--ink-faint);transition:height .4s,background .4s}.scale__hit{position:absolute;left:-9px;top:-14px;width:19px;height:34px}.scale__mark:hover{height:15px;background:var(--water)}.scale__mark.is-here{width:1px;height:23px;background:var(--water)}.scale__mark.is-here:after{content:"";position:absolute;left:50%;top:-7px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--water)}.scale__ends{display:flex;justify-content:space-between;margin-top:20px;font-size:10px;letter-spacing:.24em;color:var(--ink-faint)}.scale__note{margin-top:20px;font-size:11px;letter-spacing:.16em;color:var(--ink-faint)}@media(any-pointer:coarse){.scale__mark{pointer-events:none}}.track-glyph{margin-top:12vh;padding:10vh 0}.glyph-grid--single{grid-template-columns:minmax(0,320px);justify-content:center}.note{padding-top:12vh;padding-bottom:0}.note__body{font-size:14px;line-height:2.4;letter-spacing:.07em;color:var(--ink-soft);max-width:29em;border-left:1px solid var(--line);padding-left:26px}.note__by{margin-top:18px;padding-left:26px;font-family:var(--mincho);font-size:12px;letter-spacing:.3em;color:var(--ink-faint)}.index{padding-top:11vh;padding-bottom:0}.index__grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px;margin-top:26px;border-top:1px solid var(--line)}.index__item{display:block;padding:16px 12px 15px;border-bottom:1px solid var(--line);transition:background .4s}.index__item:hover{background:#33564f0f}.index__item.is-here{background:#33564f17}.index__no{display:block;font-family:var(--mincho);font-size:10.5px;letter-spacing:.16em;color:var(--ink-faint)}.index__name{display:block;font-family:var(--mincho);font-size:17px;letter-spacing:.12em;margin-top:6px;transition:color .4s}.index__item:hover .index__name,.index__item.is-here .index__name{color:var(--water)}.index__age{display:block;font-size:10px;letter-spacing:.16em;color:var(--ink-faint);margin-top:5px}.fragment{font-family:var(--mincho);font-size:clamp(18px,3.2vw,23px);line-height:2.4;letter-spacing:.14em;max-width:26em}.fragment__note{margin-top:40px;font-size:11px;letter-spacing:.2em;color:var(--ink-faint)}.track-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;border-top:1px solid var(--line);padding-top:34px;padding-bottom:10vh}.track-nav__link{display:block}.track-nav__link--center{text-align:center}.track-nav__link--right{text-align:right}.track-nav__link--empty{opacity:.45}.track-nav__dir{display:block;font-size:10px;letter-spacing:.28em;color:var(--ink-faint)}.track-nav__name{display:block;font-family:var(--mincho);font-size:18px;letter-spacing:.14em;margin-top:8px;transition:color .4s}.track-nav__age{display:block;font-size:10.5px;letter-spacing:.18em;color:var(--ink-faint);margin-top:5px}a.track-nav__link:hover .track-nav__name{color:var(--water)}@media(max-width:640px){.track-head__title{letter-spacing:.14em;text-indent:.14em}.note__body,.note__by{padding-left:18px}.index__grid{grid-template-columns:repeat(2,1fr)}.scale{margin-top:7vh}.scale__note{font-size:11px}.track-glyph{margin-top:9vh}.track-nav{grid-template-columns:1fr 1fr;gap:20px 12px;text-align:left}.track-nav__link--center{grid-column:1 / -1;order:3;text-align:center;border-top:1px solid var(--line);padding-top:22px}.track-nav__link--right{text-align:right}}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sound{margin-top:34px}.sound--silent{font-size:12px;letter-spacing:.18em;color:var(--ink-faint)}.sound--silent:before{content:"";display:inline-block;width:26px;height:1px;background:var(--line);vertical-align:middle;margin-right:14px}.sound__player{width:100%;max-width:420px}.lyric:focus-visible{outline:1px solid var(--water);outline-offset:10px}.notfound{padding-top:13vh}.notfound__head{position:relative;overflow:hidden;padding-bottom:2vh}.notfound__ripple{position:absolute;top:38%;left:22%;width:30vmax;height:30vmax;margin:-15vmax 0 0 -15vmax;border:1px solid rgba(51,86,79,.22);border-radius:50%;opacity:0;animation:ripple 13s ease-out infinite;pointer-events:none}.notfound__ripple:nth-of-type(2){animation-delay:6.5s}.notfound__reading{position:relative;z-index:2;font-size:12px;letter-spacing:.42em;color:var(--ink-faint);margin-bottom:10px}.notfound__title{position:relative;z-index:2;font-family:var(--mincho);font-weight:600;font-size:clamp(44px,9vw,86px);letter-spacing:.2em;line-height:1.3;text-indent:.2em;margin-bottom:26px}.notfound__lead{position:relative;z-index:2;font-size:13.5px;line-height:2.3;letter-spacing:.07em;color:var(--ink-soft);max-width:30em}.notfound__back{position:relative;z-index:2;margin-top:34px;font-family:var(--mincho);font-size:15px;letter-spacing:.16em}.notfound__back a{border-bottom:1px solid var(--line);padding-bottom:4px;transition:color .4s}.notfound__back a:hover{color:var(--water)}@media(max-width:640px){.notfound__title{letter-spacing:.14em;text-indent:.14em}}.links{margin-top:46px}.links--none{font-size:12px;letter-spacing:.18em;color:var(--ink-faint)}.links--none:before{content:"";display:inline-block;width:26px;height:1px;background:var(--line);vertical-align:middle;margin-right:14px}.links__list{list-style:none;display:flex;flex-wrap:wrap;gap:0 34px;border-top:1px solid var(--line);padding-top:20px}.links__item{display:flex;align-items:baseline;gap:12px;padding:6px 0;transition:color .4s}.links__item:hover{color:var(--water)}.links__label{font-family:var(--mincho);font-size:15px;letter-spacing:.14em}.links__handle{font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint)}.links__contact{margin-top:18px;font-size:12px;letter-spacing:.12em;color:var(--ink-soft)}.links__contact a{border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .4s}.links__contact a:hover{color:var(--water)}