.page.about{grid-template-rows:var(--bar) auto var(--bar)}.about .guides .v.a{display:none}.about main{z-index:1;--pc:var(--p2);grid-row:2;position:relative}.about .ab5 .col{grid-column:4/10;width:auto;max-width:none}.about .ab5 section{padding:clamp(56px,10vh,112px) 0}.about .hero5{text-align:center;padding-top:clamp(56px,11vh,120px)!important;padding-bottom:0!important}.about .hero5 .col{flex-direction:column;grid-column:2/12;align-items:center;display:flex}.about .hero5 h1{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;max-width:12ch;margin:14px auto 0;font-size:clamp(44px,min(7vw,11vh),112px);font-weight:500;line-height:.98}.about .hero5 h1 .w{white-space:nowrap;display:inline-block}.about .hero5 h1 .ch{text-align:center;font-variation-settings:"wght" var(--w,500),"wdth" var(--d,100),"opsz" 96;transform:translateY(var(--y,0px));color:color-mix(in srgb,var(--p2) var(--m,0%),var(--fg));font-weight:400;display:inline-block}.about .hero5 .sub{color:var(--muted);max-width:40ch;margin-top:22px;font-size:clamp(16px,1.3vw,19px)}.about .fan{grid-column:1/-1;justify-content:center;align-items:flex-start;margin:0;padding:clamp(48px,8vh,88px) 0 8px;list-style:none;display:flex}.about .fan li{--w:clamp(104px,15vw,230px);flex:0 0 var(--w);height:calc(var(--w)*1.22);margin:0 calc(var(--w)*-.09);transform:translateY(var(--ty,0)) rotate(var(--r,0deg));z-index:var(--z,1);border-radius:16px;transition:transform .6s cubic-bezier(.22,.8,.24,1);position:relative}.about .fan li:first-child{--r:-9deg;--ty:28px;--z:1}.about .fan li:nth-child(2){--r:-4deg;--ty:8px;--z:2}.about .fan li:nth-child(3){--r:0deg;--ty:0;--z:3}.about .fan li:nth-child(4){--r:5deg;--ty:10px;--z:2}.about .fan li:nth-child(5){--r:10deg;--ty:30px;--z:1}.about .fan .card{border-radius:inherit;background:var(--c);box-shadow:0 30px 60px -30px #0000008c,0 0 0 1px color-mix(in srgb,var(--fg) 10%,transparent);position:absolute;inset:0;overflow:hidden}.about .fan .card svg{width:52%;transform:translate(-50%,-50%) rotate(var(--sr,0deg));transition:transform .9s cubic-bezier(.22,.8,.24,1);position:absolute;top:44%;left:50%}.about .fan .card svg *{fill:var(--bg)}.about .fan .card img{object-fit:cover;width:100%;height:100%;display:block}.about .fan .cap{color:var(--bg);font-size:clamp(11px,1vw,13.5px);font-weight:500;line-height:1.25;position:absolute;bottom:12px;left:14px;right:14px}.about .fan .pin{transform:translateX(-50%) rotate(calc(var(--r,0deg) * -1 - 4deg));white-space:nowrap;background:var(--p7);color:var(--bg);z-index:5;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:500;position:absolute;top:-14px;left:50%}.about .fan .pin:after{content:"";background:inherit;border-radius:2px;width:9px;height:9px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.about .fan li:hover{--r:0deg;--ty:-14px;--z:9}.about .fan li:hover .card svg{--sr:90deg}}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.about .ab5 .col{grid-column:2/12}}@media (max-width:809px){.about .ab5 .col{grid-column:1/-1}.about .fan{padding-top:40px}.about .fan li{--w:clamp(96px,30vw,160px);margin:0 calc(var(--w)*-.05)}.about .fan .cap{font-size:11px;bottom:9px;left:10px}.about .fan li:first-child,.about .fan li:nth-child(5){display:none}}@media (prefers-reduced-motion:reduce){.about .fan li{transition:none}}.about .avail{white-space:nowrap;min-height:32px;color:var(--fg);background:color-mix(in srgb,var(--p6) 11%,transparent);border:1px solid color-mix(in srgb,var(--p6) 38%,transparent);border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 12px;font-size:13.5px;line-height:1;text-decoration:none;transition:background-color .3s,border-color .3s;display:inline-flex;position:relative}.about .avail:after{content:"";position:absolute;inset:-7px -3px}.about .avail i{background:var(--p6);width:8px;height:8px;box-shadow:0 0 8px 1px color-mix(in srgb,var(--p6) 65%,transparent);border-radius:50%;flex:none;animation:2.4s ease-in-out 2 availGlow}.about .avail:hover,.about .avail:focus-visible{background:color-mix(in srgb,var(--p6) 20%,transparent);border-color:color-mix(in srgb,var(--p6) 60%,transparent)}.about .avail:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@keyframes availGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--p6) 55%,transparent),0 0 8px 1px color-mix(in srgb,var(--p6) 65%,transparent)}50%{box-shadow:0 0 0 6px transparent,0 0 14px 3px color-mix(in srgb,var(--p6) 85%,transparent)}}@media (prefers-reduced-motion:reduce){.about .avail i{animation:none}}.about .hero5 .avail{margin-bottom:4px}.about .letter{padding-top:clamp(64px,11vh,120px)!important}.about .letter p{color:color-mix(in srgb,var(--fg) 80%,var(--bg));font-size:clamp(17px,1.3vw,19.5px);line-height:1.65}.about .letter p+p{margin-top:1em}.about .letter p b{color:var(--fg);font-weight:500}.about .letter .open{font-family:var(--display);letter-spacing:-.015em;color:var(--fg);font-size:clamp(24px,2.2vw,32px);line-height:1.3}.about .letter .blk{margin-top:clamp(40px,6vh,56px)}.about .letter .blk h2{font-family:var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:500;display:flex}.about .letter .blk h2 i{background:var(--c);width:7px;height:7px;transform:rotate(45deg)}.about .letter p a{color:var(--fg);text-underline-offset:3px;margin:-10px -2px;padding:10px 2px;text-decoration:underline;display:inline-block}.about .path5{border-top:1px solid var(--guide)}.about .path5 .hd{text-align:center;grid-column:1/-1;margin-bottom:clamp(32px,6vh,64px)}.about .path5 .hd h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(32px,3.4vw,52px);font-weight:500;line-height:1.05}.about .path5 .hd p{color:var(--muted);margin-top:10px;font-size:15px}.about .routew{grid-column:1/-1;position:relative}.about .routew svg.wave{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.about .route{column-gap:var(--gap);grid-template-rows:auto 150px auto;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.about .routew .base{fill:none;stroke:var(--guide-hi);stroke-width:1.5px;vector-effect:non-scaling-stroke}.about .routew .ink{fill:none;stroke:var(--fg);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.about .routew .next{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:3 7;vector-effect:non-scaling-stroke;stroke-linecap:round}.about .route li{z-index:1;opacity:.28;grid-row:3;padding-top:18px;transition:opacity .6s;position:relative}.about .route li:first-child{grid-column:1}.about .route li:nth-child(2){grid-column:2}.about .route li:nth-child(3){grid-column:3}.about .route li:nth-child(4){grid-column:4}.about .route li:nth-child(5){grid-column:5}.about .route li:nth-child(6){grid-column:6}.about .route li.up{grid-row:1;align-self:end;padding:0 0 18px}.about .route li.on{opacity:1}.about .route .mk{width:26px;height:26px;transform:translate(-50%,-50%) scale(var(--s,.6));transition:transform .7s cubic-bezier(.3,1.6,.4,1);position:absolute;left:50%}.about .route li.on .mk{--s:1}.about .route .mk svg{width:100%;height:100%;display:block}.about .route .mk svg *{fill:var(--c)}.about .route .txt{text-align:center;max-width:24ch;margin:0 auto}.about .route .yr{color:var(--muted);font-size:13px}.about .route h3{font-family:var(--display);letter-spacing:-.01em;margin:4px 0 6px;font-size:clamp(17px,1.4vw,21px);font-weight:500}.about .route .txt p{color:var(--muted);font-size:14.5px;line-height:1.5}.about .route li.nx .txt a{color:var(--fg);text-underline-offset:3px;margin:-12px -4px;padding:12px 4px;text-decoration:underline;display:inline-block}.about .route li.nx .mk{border:1.5px dashed var(--muted);border-radius:50%;width:14px;height:14px}.about .route li.now .mk:after{content:"";border:1.5px solid var(--c);opacity:0;border-radius:50%;animation:2.6s ease-out infinite ring5;position:absolute;inset:-7px}@keyframes ring5{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@media (max-width:809px){.about .route{grid-template-rows:none;grid-template-columns:1fr;padding-left:44px}.about .routew svg.wave{display:none}.about .route:before{content:"";background:var(--guide-hi);width:1.5px;position:absolute;top:8px;bottom:8px;left:15px}.about .route:after{content:"";background:var(--fg);transform-origin:top;width:2px;transform:scaleY(var(--prog,1));position:absolute;top:8px;bottom:8px;left:15px}.about .route li,.about .route li.up{grid-row:auto;align-self:auto;padding:0 0 32px;grid-column:1!important}.about .route .mk{top:12px;left:-29px}.about .route .txt{text-align:left;margin:0}}@media (prefers-reduced-motion:reduce){.about .route li{opacity:1}.about .route .mk{--s:1}.about .route li.now .mk:after{animation:none}}.about .route li .mk{top:0}.about .route li.up .mk{top:100%}@media (max-width:809px){.about .route li.up .mk{top:12px}}.about .kit5{border-top:1px solid var(--guide)}.about .kit5 .hd{text-align:center;grid-column:1/-1;margin-bottom:clamp(32px,6vh,56px)}.about .kit5 .hd h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(32px,3.4vw,52px);font-weight:500;line-height:1.05}.about .kit5 .hd p{color:var(--muted);margin-top:10px;font-size:15px}.about .keys{background:color-mix(in srgb,var(--fg) 4%,var(--bg));width:min(100%,900px);box-shadow:inset 0 0 0 1px var(--guide);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:22px;grid-column:1/-1;grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-rows:clamp(58px,6.4vw,84px);justify-self:center;gap:clamp(6px,.8vw,10px);margin:0;padding:clamp(10px,1.4vw,18px);list-style:none;display:grid}.about .keys li{background:color-mix(in srgb,var(--fg) 8%,var(--bg));box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--fg) 5%,var(--bg)),inset 0 0 0 1px color-mix(in srgb,var(--fg) 9%,transparent),0 2px 0 #0006;transform:translateY(var(--dy,0));border-radius:12px;flex-direction:column;justify-content:space-between;padding:clamp(7px,.8vw,11px) clamp(8px,.9vw,12px) clamp(10px,1vw,14px);transition:transform .14s,box-shadow .14s,background-color .3s;display:flex;position:relative}.about .keys li b{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(17px,2vw,28px);font-weight:500;line-height:1;transition:color .2s}.about .keys li span{color:var(--muted);font-size:clamp(10px,.85vw,12px);line-height:1.2}.about .keys li.w{justify-content:flex-end}.about .keys li.w b{font-family:var(--text);letter-spacing:0;font-size:clamp(13px,1.15vw,16px);font-weight:500;line-height:1.2}.about .keys li.s2{grid-column:span 2}.about .keys li.s3{grid-column:span 3}.about .keys li.space{grid-column:3/8;justify-content:center;align-items:center}.about .keys li.space b{font-family:var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:500}.about .keys li.hit{--dy:3px;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--fg) 5%,var(--bg)),inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 0 0 transparent;background:color-mix(in srgb,var(--c) 16%,var(--bg))}.about .keys li.hit b{color:var(--c)}.about .kit5 .hint{color:var(--muted);grid-column:1/-1;justify-content:center;align-items:center;gap:2px;margin-top:16px;font-size:13.5px;display:flex}.about .kit5 .snd svg{width:16px;height:16px}.about .kit5 .snd .off,.about .kit5 .snd[aria-pressed=false] .on{display:none}.about .kit5 .snd[aria-pressed=false] .off{display:block}@media (max-width:809px){.about .keys{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:64px}.about .keys li{grid-column:span 2}.about .keys li.s2,.about .keys li.s3{grid-column:span 3}.about .keys li.space{grid-column:1/-1}.about .keys li.ai{grid-column:span 3}.about .keys li b{font-size:22px}}@media (prefers-reduced-motion:reduce){.about .keys li{transition:none}}.about .coffee5{border-top:1px solid var(--guide);text-align:center;padding:clamp(80px,16vh,176px) 0!important}.about .coffee5 .col{flex-direction:column;grid-column:3/11;align-items:center;display:flex}.about .coffee5 .cup{width:56px;height:56px;margin-bottom:22px}.about .coffee5 h2{font-family:var(--display);letter-spacing:-.025em;letter-spacing:-.035em;font-size:clamp(44px,6.4vw,104px);font-weight:500;line-height:.98}.about .coffee5 .sub2{color:color-mix(in srgb,var(--fg) 82%,var(--bg));max-width:48ch;margin-top:24px;font-size:clamp(17px,1.35vw,20px);line-height:1.6}.about .coffee5 .clock{color:var(--muted);background:color-mix(in srgb,var(--fg) 5%,var(--bg));border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:8px 14px;font-size:14px;display:inline-flex}.about .coffee5 .clock i{background:var(--muted);border-radius:50%;width:7px;height:7px}.about .coffee5 .clock b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}.about .coffee5 .acts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.about .coffee5 .note{min-height:1.4em;color:var(--muted);margin-top:14px;font-size:14px}.about .coffee5 .btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:15px;font-weight:500;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.about .coffee5 .btn.solid{background:var(--fg);color:var(--bg)}.about .coffee5 .btn.line{border:1px solid var(--guide-hi);color:var(--fg)}.about .coffee5 .btn.line:hover,.about .coffee5 .btn.line:focus-visible{border-color:var(--p2)}.about .coffee5 .btn:focus-visible{outline:2px solid var(--p2);outline-offset:3px}.about .coffee5 .btn .st{color:var(--muted);font-weight:400}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.about .coffee5 .col{grid-column:1/-1}}