.about-page{background-color:var(--c-yellow);color:var(--c-black)}.about-page .c-welcome{margin-bottom:var(--g-gap);background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;overflow:clip}.about-page .c-welcome:after{content:"";z-index:30;pointer-events:none;background-image:linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%);position:absolute;inset:0}.about-page .c-welcome>figure{z-index:20;pointer-events:none;scale:calc(1 + var(--progress,0)*.2);transform-origin:50% -50%;position:absolute;inset:auto -20% -20%}.about-page .about-welcome-path{z-index:21;width:100%;height:50vh;inset:20vh 0 auto}.about-page .c-welcome .-w{z-index:25;grid-template-rows:1fr auto auto auto 1fr;min-height:80vh;position:relative}.about-page .c-welcome h1{display:contents}.about-page .c-welcome .title{pointer-events:none;white-space:nowrap;grid-column-start:var(--left,1);grid-column-end:calc(var(--left,1) + var(--width,1));grid-row-start:var(--top,1);grid-row-end:calc(var(--top,1) + 1);max-width:100%;font-size:clamp(3rem,15vw,9rem);display:flex;position:relative}.about-page .c-welcome .-w{padding-top:calc(var(--h1)*2 + 2rem)}@media (min-width:1024px){.about-page .c-welcome .title{font-size:clamp(5rem,11vw,13rem)}}.about-page .c-welcome .line-1{--top:2;--left:2;--width:4;justify-self:start}.about-page .c-welcome .line-2{--top:3;--left:1;--width:6;justify-self:start}.about-page .c-welcome .line-3{--top:4;--left:2;--width:5;justify-self:start}@media (min-width:1024px){.about-page .c-welcome>figure{width:50%;margin:0 auto;inset:auto 0 -20%}.about-page .c-welcome .-w{min-height:100vh}.about-page .c-welcome .line-1{--left:5;--width:8}.about-page .c-welcome .line-2{--left:1;--width:9;transform:translate3d(0,calc(var(--progress,0)*10vh),0);justify-content:flex-end;justify-self:end}.about-page .c-welcome .line-3{--left:5;--width:8;transform:translate3d(0,calc(var(--progress,0)*20vh),0)}}.about-page .c-brief{padding-bottom:25vh;position:relative;overflow-x:clip}.about-page .c-operates{overflow-x:clip}.about-page .c-brief .figure-map{position:absolute;inset:auto 0 -25vh;overflow:hidden}.about-page .c-brief .figure-map:after{content:"";background-image:linear-gradient(to right,var(--c-yellow),rgba(var(--c-yellow-rgb),0)80%),linear-gradient(to left,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%),linear-gradient(to top,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%),linear-gradient(to bottom,var(--c-yellow),rgba(var(--c-yellow-rgb),0)40%);position:absolute;inset:0}.about-page .c-brief .figure-map figure{height:100vh;transform:translate3d(0,calc(-20vh + 40vh*var(--progress,0)),0);opacity:.6;position:relative}.about-page .c-brief .figure-map img{object-fit:cover;height:100%}.about-page .c-brief .-w{z-index:10;position:relative}.about-page .c-brief .caption{--width:6}.about-page .c-brief .caption .indent{width:calc(var(--col) + var(--g-gap)*2);display:inline-block}.about-page .c-brief .subtitle{--top:2;--left:2;--width:4;margin-top:var(--h1)}.about-page .c-brief .p-1{--top:3;--left:2;--width:4;margin-top:var(--h5)}.about-page .c-brief .-l,.about-page .c-brief .-r{--top:4;--width:2;margin-top:calc(var(--h3)*1.5 - var(--mm)/2);z-index:12;align-self:center;position:relative}.about-page .c-brief .-l{--left:1;transform-origin:0 100%;justify-self:start;transform:rotate(90deg)translate(-50%)}.about-page .c-brief .-r{--left:5;transform-origin:100% 100%;justify-self:end;transform:rotate(-90deg)translate(50%)}.about-page .c-brief .item{--top:4;--left:2;--width:4;margin-top:calc(var(--h3)*2);align-self:center;margin-bottom:-20%;padding-bottom:20%;position:relative}.about-page .c-brief .item:after{content:"";background-image:radial-gradient(rgba(var(--c-yellow-rgb),1)20%,rgba(var(--c-yellow-rgb),0)70%);border-radius:50%;height:40%;position:absolute;inset:auto -20% 0}.about-page .c-brief .item img{-webkit-mask-image:linear-gradient(#000 70%,#0000 90%);mask-image:linear-gradient(#000 70%,#0000 90%)}.about-page .c-brief .title-path{--top:4;--left:1;--width:6;z-index:10;margin-top:calc(var(--h3)*3);place-self:center;width:100%;position:relative}.about-page .c-brief .title-path svg{aspect-ratio:460/680;width:100%;height:auto;padding:var(--h2)calc(var(--col) + var(--g-gap));display:block;overflow:visible}.about-page .c-brief .curve-text{fill:var(--c-red);font-family:var(--font-t-2);letter-spacing:-.01em;font-size:.155px}.about-page .c-brief .lines{--top:4;--left:2;--width:4;z-index:9;margin-top:var(--h3);background-image:linear-gradient(0deg,rgba(var(--c-red-rgb),.4),rgba(var(--c-red-rgb),.4)),linear-gradient(0deg,rgba(var(--c-red-rgb),.4),rgba(var(--c-red-rgb),.4));background-position:50% 50%,center calc(50% + var(--h3));background-repeat:no-repeat;background-size:1px 100%,100% 1px;display:block;position:relative}.about-page .c-brief .ending{--top:5;--left:2;--width:3;margin-top:var(--h5);align-self:start}@media (min-width:1024px){.about-page .c-brief .caption{--width:12}.about-page .c-brief .caption .indent{width:calc(var(--col)*2 + var(--g-gap)*2)}.about-page .c-brief .subtitle{--left:4;--width:6;margin-top:calc(var(--h1)*2)}.about-page .c-brief .p-1{--left:5;--width:4}.about-page .c-brief .-l,.about-page .c-brief .-r{transform-origin:initial;margin-top:calc(var(--h1)*2 + var(--m)/2);transform:none}.about-page .c-brief .-l{--left:1}.about-page .c-brief .-r{--left:11}.about-page .c-brief .item{--left:5;--width:4;margin-top:calc(var(--h1) + var(--h3))}.about-page .c-brief .title-path{--left:4;--width:6;margin-top:calc(var(--h1)*2 + var(--h3))}.about-page .c-brief .curve-text{font-size:.158px}.about-page .c-brief .lines{--left:3;--width:8;background-position:50% 50%,center calc(50% + var(--h1))}.about-page .c-brief .ending{--left:3;--width:2}}.about-page .c-operates{z-index:11;position:relative}.about-page .c-operates .subtitle{--width:6}.about-page .c-operates .trail{--top:2;--width:6;--count:7;--fade:.25;margin:var(--large)0}.about-page .c-operates .trail span{--t:calc((var(--i) + .5)/var(--count));--d:max(0,calc(var(--t) - var(--progress,0)));--o:calc(1 - var(--d)/var(--fade));--oc:max(.2,min(var(--o),1));opacity:var(--oc);filter:blur(calc((1 - var(--oc))*.05em));transform:translate3d(0,calc((1 - var(--oc))*.2em),0);transition:opacity 75ms linear,transform 75ms linear,filter 75ms linear;display:block}@media (min-width:1024px){.about-page .c-operates .subtitle,.about-page .c-operates .trail{--width:12}}@media (prefers-reduced-motion:reduce){.about-page .c-operates .trail span{opacity:1;filter:none;transform:none}}
