.about{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:100%;padding:calc(90px + 4rem) 0 46vh;display:flex;overflow:hidden}@media (max-width:480px){.about{padding-top:calc(50px + 4rem)}}.about .about--content{flex-direction:column;justify-content:flex-start;align-items:center;gap:80px;width:100%;max-width:1050px;display:flex}@media (max-width:768px){.about .about--content{gap:50px}}.about .sub-text{font-size:18px}.about .about-header{padding:0px var(--side-padding);flex-direction:column;justify-content:flex-start;align-items:center;gap:30px;display:flex}.about .about-header .about-header--text{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:100%;display:flex}.about .about-header .divider{background:#e8e8e8;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;height:1px;margin:30px 0;display:flex}.about .about-header .work-history{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:50px;width:100%;padding-top:80px;display:flex}.about .about-header .work-history .company{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%;display:flex;overflow:hidden}.about .about-header .work-history .company .work-info{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;width:100%;display:flex}.about .about-header .work-history .company .company-name{color:#000;font-size:20px;font-weight:500}.about .about-header .work-history .company p{color:#444;font-size:18px}@media (max-width:768px){.about .about-header .work-history{gap:40px;padding-top:30px}}.about .shelf,.about .shelf .shelf-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;width:100%;display:flex}.about .shelf .shelf-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;width:100%;display:flex}.about .shelf .shelf-container .shelf-row{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;display:flex}.about .shelf .shelf-container .shelf-row .shelf-row--items{width:100%;padding:20px var(--side-padding)0px;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;overflow-x:scroll;overflow-y:hidden}.about .shelf .shelf-container .shelf-row .shelf-row--items::-webkit-scrollbar{display:none}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-row--blank{flex:1}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-image{flex-direction:column;justify-content:center;align-items:center;gap:0;height:170px;display:flex;transform:translateY(2%)}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-image img{object-fit:contain;height:100%}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-book,.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-movie{flex-direction:column;justify-content:center;align-items:center;gap:0;height:170px;display:flex;box-shadow:-6px -6px 20px rgba(0,0,0,.4)}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-book img,.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-movie img{object-fit:contain;height:100%}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-song{aspect-ratio:1;border-radius:400px;flex-direction:column;justify-content:center;align-items:center;gap:0;height:140px;display:flex;position:relative;overflow:hidden}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-song .vinyl{object-fit:cover;border-radius:400px;width:100%;height:100%;position:absolute}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-song .song-cover{z-index:2;object-fit:cover;border-radius:400px;width:50%;height:50%}@media (max-width:768px){.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item{flex:none}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-song{height:100px}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-movie,.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-book{height:100px;box-shadow:-3px -3px 10px rgba(0,0,0,.4)}.about .shelf .shelf-container .shelf-row .shelf-row--items .shelf-item .shelf-image{height:100px}}.about .shelf .shelf-container .shelf-row .shelf-row--base{width:calc(100% - var(--side-padding)*2);height:16px;overflow:hidden}.about .shelf .shelf-container .shelf-row .shelf-row--base img{object-fit:cover;width:100%;height:100%}
.wheel-section{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;height:200vh;display:flex;position:relative}.wheel-section .wheel-section--content{width:100%;height:100vh;margin-top:calc(var(--wheel-h) - 100vh);flex-direction:column;justify-content:flex-end;align-items:center;gap:0;display:flex;position:-webkit-sticky;position:sticky;top:0}.wheel-section .wheel-section--content .wheel-section--content--header{width:100%;padding:20px var(--side-padding)10vh;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.wheel-section .wheel-section--content .wheel-section--content--header h2{color:#000;font-size:3rem}@media (max-width:768px){.wheel-section .wheel-section--content .wheel-section--content--header h2{font-size:20px}}.gallery-wheel{width:100%;height:var(--wheel-h);flex-direction:column;justify-content:flex-start;align-items:center;gap:0;margin-top:10px;display:flex;position:relative;overflow:hidden}.gallery-wheel .gallery-wheel__footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 5vw 10vh;display:flex;position:absolute;bottom:0}.gallery-wheel .gallery-wheel__footer h3{color:#000;font-size:24px;font-weight:500}.gallery-wheel .gallery-wheel__footer h3 .split-char{will-change:transform,opacity;display:inline-block}.gallery-wheel .gallery-wheel__footer p{color:#666;padding:0 16px;font-size:18px;font-weight:500}.gallery-wheel .gallery-wheel__footer p .split-word{will-change:transform,opacity;display:inline-block}@media (max-width:768px){.gallery-wheel .gallery-wheel__footer h3{font-size:18px}.gallery-wheel .gallery-wheel__footer p{font-size:14px}}.gallery-wheel .gallery-wheel__stage{--radius:250px;--item-w:17vw;--item-h:calc(1.45*var(--item-w));--orbit:calc(var(--radius) + (var(--item-h)/2));aspect-ratio:1;box-sizing:border-box;transform-origin:50%;will-change:transform;width:200%;height:auto;margin-top:var(--item-h);border-radius:50%;position:relative}.gallery-wheel .gallery-wheel__slot{width:0;height:0;transform:rotate(var(--angle))translateY(calc(-1*var(--orbit)));position:absolute;top:50%;left:50%}.gallery-wheel .gallery-wheel__item{width:var(--item-w);height:var(--item-h);transform-origin:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(180deg)}.gallery-wheel .gallery-wheel__item-inner{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex;overflow:hidden;transform:rotate(180deg)}.gallery-wheel .gallery-wheel__item-inner img{object-fit:cover;width:100%;height:100%}
