#p_achievements{padding-top:200px}@media screen and (max-width:420px){#p_achievements{padding-top:120px}}#p_achievements .confine{position:relative}#p_achievements .bgtext{position:absolute;top:-50px;left:-100px;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@media screen and (max-width:1024px){#p_achievements .bgtext{width:150vw}}#p_achievements .special-heading{position:relative}@media screen and (min-width:1280px){#p_achievements .special-heading .hlt,#p_achievements .special-heading .sht{font-size:5rem}}#p_achievements #imglist{height:400px}#p_achievements #imglist img{width:auto;height:100%}@media screen and (max-width:420px){#p_achievements #imglist{height:100%}}#p_achievements #imglist{max-width:1400px;margin:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#fff 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#fff 10% 90%,#0000 100%)}#p_achievements #imglist .achievementslide{flex-wrap:nowrap;gap:2em;display:flex}#p_achievements #imglist .achievementslide .achievement-img{height:400px}@media screen and (max-width:768px){#p_achievements #imglist .achievementslide .achievement-img{height:250px}}#p_achievements .circle{z-index:-10;background:linear-gradient(#0f0f0f,#0f0f0f00);width:800px;height:800px;position:absolute}#p_achievements .circle.l{left:-20%}#p_achievements .circle.r{right:-20%}#p_achievements .circle{border-radius:50%}@media screen and (max-width:1024px){#p_achievements .circle{width:300px;height:300px;top:20%}}#p_achievements #biography{max-width:1400px;margin:200px auto}@media screen and (max-width:1440px){#p_achievements #biography{max-width:95%;margin:50px auto}}@media screen and (max-width:420px){#p_achievements #biography{margin:50px auto}}#p_achievements #biography .biohead{position:relative}#p_achievements #biography .biohead .trophydecor{z-index:-2;position:absolute;top:-100%;right:0%}@media screen and (max-width:1024px){#p_achievements #biography .biohead .trophydecor{max-width:400px;top:-50%}}@media screen and (max-width:550px){#p_achievements #biography .biohead .trophydecor{top:-80%;right:-40%}}#p_achievements #biography .biohead .hlt{font-size:5rem}@media screen and (max-width:1024px){#p_achievements #biography .biohead .hlt{font-size:3rem}}#p_achievements #biography .biohead .ctrl{gap:1em;margin:1em 0;display:flex}@media screen and (max-width:1024px){#p_achievements #biography .biohead .ctrl{width:100%;overflow-x:auto}}#p_achievements #biography .biohead .ctrl .btn-year{color:#fff;background:#000;justify-content:center;align-items:center;padding:.25em 1em;font-size:2rem;display:flex;position:relative}@media screen and (max-width:1024px){#p_achievements #biography .biohead .ctrl .btn-year{font-size:1.4rem}}#p_achievements #biography .biohead .ctrl .btn-year img{opacity:1;width:100%;height:100%;transition:all .1s;position:absolute}#p_achievements #biography .biohead .ctrl .btn-year{border-radius:.2em}#p_achievements #biography .biohead .ctrl .btn-year:hover,#p_achievements #biography .biohead .ctrl .btn-year.act{color:#000;background:#9b9b9b;border:3px solid #9b9b9b}#p_achievements #biography .biohead .ctrl .btn-year:hover img,#p_achievements #biography .biohead .ctrl .btn-year.act img{opacity:0}#p_achievements #biography .list{grid-template-columns:100px 3fr;margin-top:50px;display:grid}@media screen and (max-width:1024px){#p_achievements #biography .list{grid-template-columns:10% 1fr;gap:.5em}}@media screen and (max-width:550px){#p_achievements #biography .list{grid-template-columns:3px 1fr}}#p_achievements #biography .list .line{height:100%;display:flex}#p_achievements #biography .list .line .l{background:#242424;width:3px;height:100%}#p_achievements #biography .list .datelist{flex-direction:column;gap:2em;display:flex}#p_achievements #biography .list .datelist .date{background:#000 url(/b/grunge1_30.png);border:3px solid #9b9b9b;grid-template-columns:1fr 3fr;align-items:center;padding:2em;display:grid}@media screen and (max-width:1024px){#p_achievements #biography .list .datelist .date{gap:.5em;padding:1em}}@media screen and (max-width:420px){#p_achievements #biography .list .datelist .date{flex-direction:column-reverse;display:flex}}#p_achievements #biography .list .datelist .date .d{opacity:.5;font-size:2rem}@media screen and (max-width:1024px){#p_achievements #biography .list .datelist .date .d{font-size:1.2rem}}#p_achievements #biography .list .datelist .date .name{font-size:2rem}@media screen and (max-width:1024px){#p_achievements #biography .list .datelist .date .name{font-size:1.2rem}}
