section.about-section{position:relative;background-color:var(--black);padding:.17rem 0 0}section.about-section .line{background-color:var(--white)}section.about-section .line-label{margin-bottom:.81rem}section.about-section .line-label .label{color:var(--white)}section.about-section .title-author-block{display:flex;justify-content:space-between;margin-top:.07rem;margin-bottom:2.67rem}section.about-section .title-author-block .frame:first-child{width:9rem}section.about-section .title-author-block .author{position:relative;width:1.65rem}section.about-section .title-author-block .author .media-frame{width:1.65rem;aspect-ratio:168/165;margin-bottom:.2rem}section.about-section .title-author-block .author .label{font-size:.13rem;letter-spacing:-0.04em;font-weight:400;color:var(--white)}section.about-section .title-author-block .author .label strong{font-weight:700}section.about-section .title-author-block .title{font-size:.36rem;line-height:.92em;font-weight:500;letter-spacing:-0.04em;color:var(--white)}section.about-section .title-author-block .title:first-child{margin-bottom:.4rem}section.about-section .type-demo-block{display:flex;gap:.2rem;margin-bottom:3rem}section.about-section .type-demo-block .inner{flex-basis:fit-content}section.about-section .type-demo-block .text{font-size:.16rem;line-height:1.2em;font-weight:400;letter-spacing:-0.01em;color:var(--white)}section.about-section .playground{display:block}section.about-section .playground .media-frame{width:6.9rem;aspect-ratio:1;margin-bottom:.2rem;overflow:hidden}section.about-section .playground .media-frame .media{position:absolute;top:0;left:0;width:100%;height:100%}section.about-section .playground .text{font-weight:400;letter-spacing:-0.04em;max-width:2.8rem}section.about-section .block-images{position:relative;margin-bottom:2rem}section.about-section .block-images .images{display:flex;justify-content:space-between}section.about-section .block-images .images img{display:block;aspect-ratio:1;width:100%;object-fit:cover}section.about-section .block-images .images>div:first-child{width:6.9rem}section.about-section .block-images .images>div:last-child{width:3.35rem}section.about-section .block-images .images .media-frame{aspect-ratio:1}section.about-section .block-images .text{font-weight:400;font-size:.16rem;line-height:1.2em;letter-spacing:-0.01em;color:var(--white);margin-top:.2rem}section.about-section .big-title-block{display:block;margin-bottom:2.6rem}section.about-section .big-title-block .grid{display:flex;border-top:.02rem solid var(--orange-01);padding-top:.04rem}section.about-section .big-title-block .grid .inner:first-child{flex-grow:1}section.about-section .big-title-block .grid .inner:last-child{width:10.45rem}section.about-section .big-title-block .title{font-size:1.06rem;line-height:.88em;font-weight:500;letter-spacing:-0.02em;color:var(--orange-01);perspective:20rem}section.about-section .big-title-block .arrow-title{font-size:1.14rem;line-height:.78em;font-weight:500;letter-spacing:-0.04em;color:var(--orange-01)}section.about-section .rotating-letters{display:grid;grid-template-columns:repeat(7, 1fr);width:calc(100% + 4px)}section.about-section .rotating-letters .media-frame{aspect-ratio:1;border-right:4px solid var(--white);border-bottom:4px solid var(--white);overflow:hidden}section.about-section .rotating-letters .media-frame:nth-last-child(-n+7){border-bottom:none}section.about-section .rotating-letters img{display:block;transform-origin:50% 15%;width:2.22rem;height:3.02rem;object-fit:contain;backface-visibility:hidden}section.about-section .mobile-video{display:block}@media screen and (max-width: 768px)and (orientation: portrait){section.about-section{padding:.2rem 0 0}section.about-section .title-author-block{display:block;margin-bottom:1.6rem}section.about-section .title-author-block .frame:first-child{width:100%;margin-bottom:1.6rem}section.about-section .title-author-block .frame:last-child{width:100%}section.about-section .title-author-block .title{font-size:.22rem;line-height:.94em}section.about-section .title-author-block .title:first-child{margin-bottom:.3rem}section.about-section .title-author-block .author{width:2.72rem;margin-left:auto;margin-right:0}section.about-section .title-author-block .author .media-frame{width:100%}section.about-section .title-author-block .author .label{width:1.7rem}section.about-section .type-demo-block{display:block;margin-bottom:1.6rem}section.about-section .type-demo-block .text{font-size:.14rem}section.about-section .type-demo-block .playground{margin-bottom:.4rem}section.about-section .type-demo-block .playground .media-frame{width:3.5rem}section.about-section .type-demo-block .playground .text{max-width:2.72rem}section.about-section .type-demo-block .inner:first-child{max-width:3.23rem;margin-bottom:.4rem}section.about-section .type-demo-block .mobile-block{display:block;max-width:2.7rem;margin-left:auto;margin-right:0;margin-bottom:1.6rem}section.about-section .block-images{margin-bottom:1.6rem}section.about-section .block-images .text{font-size:.14rem;margin-top:0}section.about-section .block-images .images{display:block}section.about-section .block-images .images>div:first-child{width:100%;margin-bottom:.2rem}section.about-section .block-images .images>div:last-child{display:flex;gap:.12rem;width:100%}section.about-section .block-images .images>div:last-child img,section.about-section .block-images .images>div:last-child .media{width:1.7rem}section.about-section .big-title-block{margin-bottom:1rem}section.about-section .big-title-block .grid{gap:.12rem}section.about-section .big-title-block .grid .inner:last-child{width:auto}section.about-section .big-title-block .title{font-size:.43rem}section.about-section .big-title-block .arrow-title{font-size:.5rem}}/*# sourceMappingURL=style.css.map */
