#p_portfolio{padding-top:200px;display:block;position:relative}#p_portfolio #reel-heading{max-width:1600px;margin:0 auto}#p_portfolio #reel-heading h2{font-size:7rem;position:relative}#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}#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}#p_portfolio #voice-list{flex-wrap:wrap;flex-grow:0;justify-content:center;gap:3em;max-width:1700px;margin:100px auto;display:flex}#p_portfolio #voice-list .voice{background:url(/b/grunge1_30.png),#131313;border:2px solid #b1b1b1;width:500px;padding:1em;position:relative}#p_portfolio #voice-list .voice h2{padding:.1em .2em;font-size:3.3rem}#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 .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}#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}#p_portfolio #showlist .confine .side .arr .a{clip-path:polygon(49% 100%,0 0,100% 0);background:#fff;width:30px;height:30px}#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}#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}#p_portfolio #business-contact .confine .l{background:#000 url(/b/grunge1_30.png);border:1px solid #b1b1b1;width:100%;padding:2em}#p_portfolio #business-contact .confine .l .heading{align-items:center;gap:1em;display:flex}#p_portfolio #business-contact .confine .l .heading .hlt{padding:0 .25em;font-size:4rem}#p_portfolio #business-contact .confine .l .heading p{font-size:1.2rem}#p_portfolio #business-contact .confine .l .action{margin-top:30px;display:flex}#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}#p_portfolio #business-contact .confine .l .action .btn-mail svg{width:40px;height:50px;padding:.25em}#p_portfolio #business-contact .confine .l .action{gap:2em}#p_portfolio #business-contact .confine .l .action .btn-contact{width:100%;font-size:1.3rem;font-family:var(--fontqqt);filter:brightness(40%);background:#38383879;border-radius:.5em;align-items:center;gap:2em;display:flex;position:relative}#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 .r{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:800px}#p_portfolio #business-contact .confine .r .ctart{height:100%;position:absolute;bottom:0%;right:-200px}#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}#p_portfolio .role-selection .confine .hlt{width:max-content;padding:0 .25em;font-size:4rem}#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}#p_portfolio .role-selection .confine .btn-arrow.l{position:absolute;top:30%;right:-2%}#p_portfolio .role-selection .confine .btn-arrow.r{position:absolute;top:30%;left:-2%}#p_portfolio .role-selection .confine .btn-arrow svg{width:100%;height:80px}#p_portfolio .role-selection .confine .roles{align-items:center;gap:3em;width:180px;padding:1em;display:flex;position:relative}#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}#p_portfolio .role-selection .confine .roles p{text-align:center;max-width:100%;font-size:1.6rem}