:root{--bg:#f1ecdf;--bg-soft:#eee9df;--ink:#1a1917;--ink-soft:#35332f;--gray:#9a958c;--gray-line:#c7c1b6;--gray-dash:#b6b0a3;--paper:#f7f4ee;--letter-black:#17161a;--font-display:"M PLUS Rounded 1c", "Hiragino Maru Gothic Pro", sans-serif;--font-sans:"Poppins", sans-serif;--font-marker:"Kalam", cursive;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-body-soft:"Zen Maru Gothic", "Hiragino Maru Gothic Pro", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-width:none;overflow-x:clip}html::-webkit-scrollbar{display:none}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#eeedea;overflow-x:clip}#root{min-height:100vh;position:relative;overflow:visible}img,svg{display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--bg)}.page{flex-direction:column;min-height:100vh;display:flex;position:relative}.page>.process-section{flex-shrink:0;width:100%}.page-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.grain-overlay{z-index:999;pointer-events:none;opacity:.065;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px;position:fixed;top:0;bottom:0;left:0;right:0}.annotation-overlay{pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.annotation-node{opacity:0;will-change:transform, opacity;transition:opacity .35s;position:absolute;top:0;left:0}.letter-annotation{font-family:var(--font-marker);color:var(--ink-soft);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:clamp(14px,1.5vw,18px);font-weight:700;display:flex;transform:translateY(0)}.letter-annotation__word{display:inline-block;transform:rotate(-4deg)}.letter-annotation--down .letter-annotation__word{transform:rotate(3deg)}.letter-annotation--shake{gap:4px}.letter-annotation--roll .letter-annotation__word{transform:rotate(-2deg)}.letter-annotation__icon{color:var(--ink-soft);flex-shrink:0}.letter-annotation__icon--push{width:20px;height:16px;margin-top:2px}.letter-annotation__icon--down{width:14px;height:30px}.letter-annotation__icon--shake-left,.letter-annotation__icon--shake-right{width:26px;height:20px}.letter-annotation__icon--roll{width:38px;height:30px;transform:translateY(2px)}.letter-annotation__cursor{width:30px;height:30px;color:var(--ink);filter:drop-shadow(0 3px 4px #14120f40)}.aino-section{flex:1;width:100%;min-height:clamp(380px,46vh,560px);position:relative}@media (max-width:640px){.aino-section{flex:none;height:clamp(320px,78vw,460px);min-height:0}}.site-header{z-index:20;background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(20px,3.6vw,40px) clamp(24px,5vw,64px) 0;display:flex;position:relative}.logo{flex-shrink:0;align-items:baseline;gap:10px;transition:opacity .2s;display:inline-flex}.logo:hover{opacity:.72}.logo-main{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink);font-size:clamp(22px,2vw,27px);font-weight:800}.logo-sub{font-family:var(--font-sans);letter-spacing:.01em;color:var(--gray);font-size:clamp(12px,1vw,14px);font-weight:500}.nav-track{align-items:center;padding-right:34px;display:flex;position:relative}.nav-track__line{z-index:0;filter:url(#nav-rough);width:calc(100% - 18px);height:20px;position:absolute;top:50%;left:-6px;right:24px;overflow:visible;transform:translateY(-50%)}.nav-item{color:var(--ink-soft);white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;transition:color .25s,transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.nav-item:hover{color:var(--ink);transform:translateY(-2px)}.nav-item.is-active{color:var(--ink)}.nav-shape{filter:url(#nav-rough);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.nav-dot{background:var(--ink-soft);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s;position:absolute;top:50%;left:4px;transform:translate(-50%,-50%)}.nav-item.is-active .nav-dot,.nav-item:hover .nav-dot{background:var(--ink);transform:translate(-50%,-50%)scale(1.3)}.nav-item__label{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.nav-item__jp{font-family:var(--font-display);letter-spacing:.02em;font-size:15px;font-weight:700;line-height:1}.nav-item__en{font-family:var(--font-sans);letter-spacing:.14em;color:var(--gray);font-size:9px;font-weight:600}.nav-item--pill{min-width:118px;height:62px;padding:0 8px}.nav-item--cloud-sm{min-width:152px;height:74px;margin:0 -2px;padding:0 12px}.nav-item--notch{min-width:136px;height:68px;padding:2px 10px 8px}.nav-item--cloud{min-width:176px;height:92px;margin:0 -6px;padding:0 12px}.nav-item--cloud .nav-item__jp{font-size:17px}@media (max-width:900px){.site-header{flex-direction:column;align-items:stretch;gap:12px;padding:clamp(16px,4vw,24px) clamp(12px,3.5vw,20px) 0}.logo{align-self:flex-start}.nav-track{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:3px;width:100%;max-width:100%;padding-bottom:0;padding-right:0;display:grid;overflow:visible}.nav-track__line{display:none}.nav-item{flex-shrink:1;width:100%;min-width:0;margin:0!important}.nav-item--pill,.nav-item--cloud-sm,.nav-item--notch,.nav-item--cloud{min-width:0;height:clamp(44px,12vw,52px);padding:2px 1px}.nav-dot{display:none}.nav-item__label{gap:1px}.nav-item__jp{letter-spacing:0;font-size:clamp(9px,2.6vw,12px)}.nav-item__en{letter-spacing:.06em;font-size:clamp(6px,1.8vw,8px)}.nav-item--cloud .nav-item__jp{font-size:clamp(9px,2.6vw,12px)}}@media (max-width:480px){.nav-track{gap:2px}.nav-item--pill,.nav-item--cloud-sm,.nav-item--notch,.nav-item--cloud{height:42px}}.hero-copy{z-index:15;max-width:640px;padding:clamp(30px,5vw,58px) clamp(24px,5vw,64px) 0;position:relative}.hero-copy__lead{position:relative}.hero-copy__lead--enter{animation:.8s cubic-bezier(.16,1,.3,1) .15s both heroLeadEnter}.hero-bubble--enter{animation:.7s cubic-bezier(.34,1.56,.64,1) .55s both heroBubbleEnter}@keyframes heroLeadEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBubbleEnter{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.doodle{color:var(--ink-soft)}.doodle--flick{width:40px;height:26px;position:absolute;top:-26px;left:2px;transform:rotate(-6deg)}.hero-title{font-family:var(--font-display);color:var(--ink-soft);letter-spacing:.01em;flex-direction:column;font-size:clamp(32px,4.6vw,48px);font-weight:700;line-height:1.2;display:flex}.hero-title__underlined{display:inline-block;position:relative}.doodle--underline{width:104%;height:.5em;color:var(--ink-soft);opacity:.85;position:absolute;bottom:-.32em;left:-2%}.hero-bubble{z-index:5;position:absolute;top:18%;left:68%}.hero-bubble__float{background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:12px 22px 12px 14px;animation:3.6s ease-in-out infinite bubbleFloat;display:inline-flex;position:relative;box-shadow:0 1px 1px #1a19170a,0 10px 16px -10px #1a19172e,0 22px 36px -16px #1a191738}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-bubble__float:after{content:"";background:var(--paper);border-radius:3px;width:14px;height:14px;position:absolute;bottom:-6px;left:26px;transform:rotate(45deg);box-shadow:3px 3px 5px -3px #1a191729}.hero-bubble__cursor{width:20px;height:20px;color:var(--ink);flex-shrink:0}.hero-bubble__text{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;white-space:nowrap;font-size:14px;font-weight:700;display:inline-block}.hero-desc{font-family:var(--font-body-soft);color:var(--ink-soft);letter-spacing:.01em;margin-top:clamp(20px,3vw,30px);font-size:clamp(15px,1.3vw,17.5px);font-weight:500;line-height:1.82}.hero-sign{font-family:var(--font-body-soft);color:var(--ink-soft);letter-spacing:.02em;opacity:.82;margin-top:14px;font-size:15px;font-weight:500}@media (max-width:720px){.hero-bubble{margin-top:18px;position:static}.hero-title{font-size:clamp(28px,8vw,38px)}}.hero-atmosphere{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-atmosphere__base{background:radial-gradient(130% 95% at 50% 18%,#f3f2ef 0%,#eeedea 38%,#eae9e5 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-atmosphere__aino-air{width:clamp(280px,72vw,920px);height:clamp(240px,48vh,520px);position:absolute;bottom:clamp(0px,2vh,24px);left:50%;transform:translate(-50%)}.hero-atmosphere__lights{position:absolute;top:0;bottom:0;left:0;right:0}.hero-atmosphere__orb{filter:blur(64px);will-change:transform, opacity;border-radius:50%;position:absolute}.hero-atmosphere__orb--pink{background:radial-gradient(circle,#ffc4d212 0%,#ffc4d200 72%);width:clamp(120px,22vw,240px);height:clamp(120px,22vw,240px);animation:17s ease-in-out infinite heroOrbPink;top:28%;left:14%}.hero-atmosphere__orb--yellow{background:radial-gradient(circle,#ffe8a80f 0%,#ffe8a800 72%);width:clamp(130px,24vw,260px);height:clamp(130px,24vw,260px);animation:15s ease-in-out infinite heroOrbYellow;top:18%;left:42%}.hero-atmosphere__orb--blue{background:radial-gradient(circle,#c6d6f80e 0%,#c6d6f800 72%);width:clamp(110px,20vw,220px);height:clamp(110px,20vw,220px);animation:18s ease-in-out infinite heroOrbBlue;top:32%;right:12%}@keyframes heroOrbPink{0%,to{opacity:.42;transform:translate(0)scale(1)}50%{opacity:.62;transform:translate(10px,-8px)scale(1.04)}}@keyframes heroOrbYellow{0%,to{opacity:.38;transform:translate(0)scale(1)}50%{opacity:.58;transform:translate(-8px,6px)scale(1.03)}}@keyframes heroOrbBlue{0%,to{opacity:.36;transform:translate(0)scale(1)}50%{opacity:.52;transform:translate(8px,5px)scale(1.03)}}.hero-atmosphere__aino-glow{background:radial-gradient(74% 64% at 50% 56%,#fffcf838 0%,#fff6ee14 42%,#fcfaf605 66%,#0000 80%);width:clamp(220px,52vw,680px);height:clamp(140px,26vh,340px);position:absolute;top:38%;left:50%;transform:translate(-50%)}.hero-atmosphere__noise{opacity:.032;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");background-size:140px 140px;position:absolute;top:0;bottom:0;left:0;right:0}.hero-atmosphere__particles{position:absolute;top:0;bottom:0;left:0;right:0}.hero-atmosphere__particle{opacity:.32;border-radius:50%;animation:ease-in-out infinite heroParticleDrift;position:absolute}.hero-atmosphere__particle--white{background:#ffffff8c;box-shadow:0 0 2px #fff3}.hero-atmosphere__particle--pink{background:#ffccd86b;box-shadow:0 0 2px #ffccd826}.hero-atmosphere__particle--yellow{background:#ffe4aa61;box-shadow:0 0 2px #ffe4aa1f}.hero-atmosphere__particle--blue{background:#c4d6f85c;box-shadow:0 0 2px #c4d6f81f}@keyframes heroParticleDrift{0%,to{opacity:.2;transform:translate(0)}33%{opacity:.36;transform:translate(5px,-7px)}66%{opacity:.26;transform:translate(-4px,6px)}}@media (prefers-reduced-motion:reduce){.hero-atmosphere__orb,.hero-atmosphere__particle{animation:none!important}}.work-page{isolation:isolate;background:#fafaf8;min-height:100vh;position:relative}.work-page__noise{pointer-events:none;opacity:.022;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px;position:fixed;top:0;bottom:0;left:0;right:0}.work-page__header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafaf8eb;border-bottom:1px solid #1a19170f;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,4vw,48px);display:flex;position:sticky;top:0}.work-page__logo{font-family:var(--font-sans);align-items:baseline;gap:6px;display:inline-flex}.work-page__logo-main{letter-spacing:.06em;color:var(--ink);font-size:18px;font-weight:600}.work-page__logo-sub{letter-spacing:.08em;color:var(--gray);font-size:11px;font-weight:400}.work-page__back{font-family:var(--font-body-soft);color:var(--ink-soft);background:var(--paper);border-radius:999px;padding:8px 14px;font-size:13px;transition:transform .22s,color .22s;box-shadow:0 1px #1a19170a,0 4px 14px #1a19170f}.work-page__back:hover{color:var(--ink);outline:none;transform:translateY(-1px)}.work-page__back:focus-visible{color:var(--ink);outline:none;transform:translateY(-1px)}.work-page__main{z-index:1;max-width:880px;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(20px,4vw,48px) clamp(72px,8vh,96px);position:relative}.work-page__intro{margin-bottom:clamp(24px,3.5vw,36px)}.work-page__category{font-family:var(--font-sans);letter-spacing:.12em;color:var(--gray);margin-bottom:10px;font-size:11px;font-weight:500;display:inline-block}.work-page__title{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.35}.work-page__main--lp{max-width:960px}.work-page__gallery{gap:clamp(16px,2.4vw,24px);margin-bottom:clamp(32px,4vw,48px);display:grid}.work-page__lp{justify-content:center;margin-bottom:clamp(32px,4vw,48px);display:flex}.work-page__lp-frame{background:#fff;border-radius:14px;width:min(100%,430px);overflow:hidden;box-shadow:0 1px #1a19170a,0 12px 40px #1a19171f,0 0 0 1px #1a19170f}.work-page__lp-scroll{flex-direction:column;font-size:0;line-height:0;display:flex}.work-page__lp-slice{border:0;width:100%;margin:0;padding:0;display:block}.work-page__lp-slice+.work-page__lp-slice{margin-top:-1px}.work-page__figure{background:#eceae6;border-radius:12px;margin:0;overflow:hidden;box-shadow:0 1px #1a19170a,0 8px 28px #1a191714}.work-page__image{width:100%;height:auto;display:block}.work-page__details{gap:14px;display:grid}.work-page__block{background:var(--paper);border-radius:12px;padding:clamp(16px,2.4vw,20px);box-shadow:inset 0 0 0 1px #1a19170d}.work-page__block--compact{padding:14px 16px}.work-page__label{font-family:var(--font-sans);letter-spacing:.1em;color:var(--gray);margin-bottom:10px;font-size:10px;font-weight:600;display:block}.work-page__text{font-family:var(--font-body-soft);color:var(--ink-soft);font-size:clamp(14px,1.6vw,15px);line-height:1.75}.work-page__meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.work-page__tags{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.work-page__tag{font-family:var(--font-body-soft);color:var(--ink-soft);background:#fafaf8;border-radius:999px;padding:5px 11px;font-size:12px;box-shadow:inset 0 0 0 1px #1a19170f}@media (max-width:640px){.work-page__meta-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.work-page__back{transition:none}}.hero-area{isolation:isolate;flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative;overflow-x:clip}.hero-area__stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.hero-area .site-header{z-index:20;background:0 0;position:relative}.hero-area .aino-section{z-index:5}