#p_portfolio{padding-top:200px;display:block;position:relative}@media screen and (max-width:550px){#p_portfolio{padding-top:150px}}#p_portfolio #reel-heading{max-width:1600px;margin:0 auto}@media screen and (max-width:1440px){#p_portfolio #reel-heading{max-width:95%}}#p_portfolio #reel-heading h2{font-size:7rem;position:relative}@media screen and (max-width:1440px){#p_portfolio #reel-heading h2{font-size:4rem}}#p_portfolio #reel-heading h2 img{width:100px;height:100px;position:absolute;top:-5%;right:96%;scale:-1 1}#p_portfolio #reel-heading p{color:#b1b1b1;font-size:2.3rem}@media screen and (max-width:1440px){#p_portfolio #reel-heading p{font-size:1.4rem}}#p_portfolio #reel-heading p .sub{color:#fff;transition:all .25s}#p_portfolio #reel-heading p .sub:hover,#p_portfolio #reel-heading p .sub.act{color:var(--orange);text-decoration:underline}#p_portfolio{z-index:1;position:relative}@media screen and (max-width:1660px){#p_portfolio .confine{max-width:95%}}#p_portfolio #voice-list{flex-wrap:wrap;flex-grow:0;justify-content:center;gap:3em;max-width:1700px;margin:100px auto;display:flex}@media screen and (max-width:1280px){#p_portfolio #voice-list{gap:1em}}#p_portfolio #voice-list .voice{background:url(/b/grunge1_30.png),#131313;border:2px solid #b1b1b1;width:500px;padding:1em;position:relative}@media screen and (max-width:1440px){#p_portfolio #voice-list .voice{width:300px}}#p_portfolio #voice-list .voice h2{padding:.1em .2em;font-size:3.3rem}@media screen and (max-width:1440px){#p_portfolio #voice-list .voice h2{font-size:2rem}}#p_portfolio #voice-list .voice .cd{z-index:-1;position:absolute;bottom:60%;right:5%}@keyframes speen{0%{rotate:none}to{rotate:360deg}}#p_portfolio #voice-list .voice.isPlaying .cd{animation:10s linear infinite speen}#p_portfolio #voice-list .voice .btn-audio{color:#000;aspect-ratio:1;background:#fff;border-radius:100%;width:60px;padding:.7em}#p_portfolio #voice-list .voice .btn-audio svg{width:100%;height:100%}#p_portfolio #voice-list .voice{position:relative}#p_portfolio #voice-list .voice .action{gap:.5em;margin-top:1em;display:flex}#p_portfolio #voice-list .voice .action input{width:100%;color:var(--orange);accent-color:var(--orange)}#p_portfolio #voice-list .voice .action{align-items:center}#p_portfolio #voice-list .voice .action .dur{color:#000;background:#d8d8d8;padding:.25em 1em;font-size:1.4rem}@media screen and (max-width:1440px){#p_portfolio #voice-list .voice .action .dur{height:100%;padding:.1em .5em;font-size:1.1rem}}#p_portfolio #showlist{border-bottom:2px solid var(--orange);border-top:2px solid var(--orange);background:url(/g/tempbg.png) 50%/120%}#p_portfolio #showlist .confine{position:relative}#p_portfolio #showlist .confine .side{flex-direction:column;align-items:center;gap:1em;width:100px;height:100%;display:flex;position:absolute;top:0%;left:0%}#p_portfolio #showlist .confine .side.r{left:auto;right:0%}#p_portfolio #showlist .confine .side .arr{flex-direction:column;gap:1em;display:flex}@media screen and (max-width:550px){#p_portfolio #showlist .confine .side .arr{gap:.2em}}#p_portfolio #showlist .confine .side .arr .a{clip-path:polygon(49% 100%,0 0,100% 0);background:#fff;width:30px;height:30px}@media screen and (max-width:1280px){#p_portfolio #showlist .confine .side .arr .a{width:15px;height:15px}}@media screen and (max-width:550px){#p_portfolio #showlist .confine .side .arr .a{width:10px;height:10px}}#p_portfolio #showlist .confine .side .arr .a:nth-child(odd){background:var(--orange)}#p_portfolio #showlist .confine .side hr{background:var(--orange);border:none;width:2px;height:100%}#p_portfolio #showlist .confine{justify-content:center;display:flex}@media screen and (max-width:1280px){#p_portfolio #showlist .confine .cms{max-width:60%}}#p_portfolio #business-contact{position:relative}#p_portfolio #business-contact .confine{grid-template-columns:1fr 1fr;align-items:center;max-width:1300px;height:100%;margin:0 auto;display:flex;position:relative}@media screen and (max-width:1024px){#p_portfolio #business-contact .confine{flex-direction:column;align-items:center;padding:2em 2em 0%;display:flex}}#p_portfolio #business-contact .confine .l{z-index:1;background:#000 url(/b/grunge1_30.png);border:1px solid #b1b1b1;width:100%;padding:2em;position:relative}#p_portfolio #business-contact .confine .l .heading{align-items:center;gap:1em;display:flex}@media screen and (max-width:1240px){#p_portfolio #business-contact .confine .l .heading{flex-wrap:wrap}}#p_portfolio #business-contact .confine .l .heading .hlt{padding:0 .25em;font-size:4rem}@media screen and (max-width:550px){#p_portfolio #business-contact .confine .l .heading .hlt{font-size:2rem}}#p_portfolio #business-contact .confine .l .heading p{font-size:1.2rem}@media screen and (max-width:550px){#p_portfolio #business-contact .confine .l .heading p{font-size:.9rem}}#p_portfolio #business-contact .confine .l .action{gap:2em;margin-top:30px;display:flex}@media screen and (max-width:1024px){#p_portfolio #business-contact .confine .l .action{gap:1em}}@media screen and (max-width:768px){#p_portfolio #business-contact .confine .l .action{flex-direction:column}}#p_portfolio #business-contact .confine .l .action .btn-mail{position:relative}#p_portfolio #business-contact .confine .l .action .btn-mail .border{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}#p_portfolio #business-contact .confine .l .action .btn-mail{justify-content:center;align-items:center;gap:1em;padding:.5em 2em;display:flex}@media screen and (max-width:550px){#p_portfolio #business-contact .confine .l .action .btn-mail{font-size:.9rem}}@media screen and (max-width:1280px){#p_portfolio #business-contact .confine .l .action .btn-mail{gap:.5em}}#p_portfolio #business-contact .confine .l .action .btn-mail svg{width:40px;height:40px;padding:.25em}#p_portfolio #business-contact .confine .l .action .btn-contact{background:#38383879;border-radius:.5em;align-items:center;gap:2em;width:100%;font-size:1.3rem;display:flex;position:relative}@media screen and (max-width:768px){#p_portfolio #business-contact .confine .l .action .btn-contact{padding:.5em 1em}}@media screen and (max-width:550px){#p_portfolio #business-contact .confine .l .action .btn-contact{gap:.5em;font-size:1rem}}#p_portfolio #business-contact .confine .l .action .btn-contact{font-family:var(--fontqqt);white-space:nowrap;filter:brightness(40%)}#p_portfolio #business-contact .confine .l .action .btn-contact:hover{filter:brightness(70%)}#p_portfolio #business-contact .confine .l .action .btn-contact .border{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute}#p_portfolio #business-contact .confine .l .action .btn-contact{color:#fff;justify-content:center;display:flex}#p_portfolio #business-contact .confine .l .action .btn-contact svg{min-width:30px}#p_portfolio #business-contact .confine .r{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:800px}@media screen and (max-width:1024px){#p_portfolio #business-contact .confine .r{height:500px;position:relative}}#p_portfolio #business-contact .confine .r .ctart{height:100%;position:absolute;bottom:0%;right:-200px}@media screen and (max-width:1024px){#p_portfolio #business-contact .confine .r .ctart{left:50%;right:auto;transform:translate(-50%)}}#p_portfolio #business-contact .bgtext{z-index:-1;width:80vw;position:absolute;top:10%;left:-20%}#p_portfolio #business-contact .tigerskin{clip-path:polygon(0 22%,100% 39%,100% 68%,0 80%);background:url(/b/tigerskin.png) 0 0/100%;align-items:center;width:100%;height:100%;position:absolute}#p_portfolio .role-selection{margin:2em 0}#p_portfolio .role-selection:before{content:"";opacity:.2;background:gray;width:100%;height:100%;position:absolute;top:0%;left:0%;scale:1 .7}#p_portfolio .role-selection{position:relative}#p_portfolio .role-selection .confine{background:url(/b/grunge1_30.png),#000;border:1px solid #b1b1b1;max-width:1440px;margin:100px auto;padding:3em}@media screen and (max-width:1280px){#p_portfolio .role-selection .confine{max-width:90%;margin:20px auto}}@media screen and (max-width:420px){#p_portfolio .role-selection .confine{padding:1em}}#p_portfolio .role-selection .confine .hlt{width:max-content;padding:0 .25em;font-size:4rem}@media screen and (max-width:1024px){#p_portfolio .role-selection .confine .hlt{text-align:center;width:100%;max-width:90%;margin:0 auto;font-size:2rem}}#p_portfolio .role-selection .confine{position:relative}#p_portfolio .role-selection .confine .btn-arrow{background:var(--orange);border-radius:1em;width:50px;height:120px;position:absolute}@media screen and (max-width:550px){#p_portfolio .role-selection .confine .btn-arrow{border-radius:.2em;align-items:center;width:30px;height:80px}}#p_portfolio .role-selection .confine .btn-arrow.l{position:absolute;top:30%;right:-2%}@media screen and (max-width:550px){#p_portfolio .role-selection .confine .btn-arrow.l{top:3%}}#p_portfolio .role-selection .confine .btn-arrow.r{position:absolute;top:30%;left:-2%}@media screen and (max-width:550px){#p_portfolio .role-selection .confine .btn-arrow.r{top:3%}}#p_portfolio .role-selection .confine .btn-arrow svg{width:100%;height:80px}@media screen and (max-width:420px){#p_portfolio .role-selection .confine .btn-arrow{height:40px}#p_portfolio .role-selection .confine .btn-arrow svg{width:100%;height:100%}}#p_portfolio .role-selection .confine .roles{justify-content:space-between;align-items:center;gap:3em;padding:1em;display:flex;position:relative}@media screen and (max-width:1024px){#p_portfolio .role-selection .confine .roles{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media screen and (max-width:768px){#p_portfolio .role-selection .confine .roles{gap:1em}}@media screen and (max-width:1024px){#p_portfolio .role-selection .confine .roles .role{flex-direction:column;justify-content:center;align-items:center;display:flex}}#p_portfolio .role-selection .confine .roles hr{background:gray;width:5px;height:180px}#p_portfolio .role-selection .confine .roles .pfp{border-radius:50%;width:180px;padding:.5em}@media screen and (max-width:1280px){#p_portfolio .role-selection .confine .roles .pfp{width:150px}}@media screen and (max-width:768px){#p_portfolio .role-selection .confine .roles .pfp{width:90px}}#p_portfolio .role-selection .confine .roles p{text-align:center;max-width:100%;font-size:1.6rem}@media screen and (max-width:550px){#p_portfolio .role-selection .confine .roles p{font-size:1rem}}