#p_universe #uh{width:100%;position:relative;padding-top:150px;z-index:1;background:radial-gradient(circle,var(--ddb) 0,var(--black) 100%);padding-bottom:150px}#p_universe #uh .bg{height:100%;object-fit:cover;width:100%;position:absolute;top:0;z-index:-2;filter:brightness(30%);opacity:.3}#p_universe #uh .confine{max-width:90%;margin:0 auto;padding:5%}#p_universe #uh .confine .heading{display:flex;align-items:center;gap:1em}#p_universe #uh .confine .heading .t.slash{position:relative;font-size:8rem;align-items:center;--col:white;--colb:var(--bb)}@media screen and (max-width:1280px){#p_universe #uh .confine .heading .t.slash{font-size:5rem}}@media screen and (max-width:1024px){#p_universe #uh .confine .heading .t.slash{font-size:4rem}}@media screen and (max-width:420px){#p_universe #uh .confine .heading .t.slash{font-size:3rem}}@media screen and (max-width:1280px){#p_universe #uh .confine .heading img{width:100%}}#p_universe #uh .confine p{color:#fff;font-size:.8rem;max-width:50%;margin-bottom:1em}@media screen and (max-width:1280px){#p_universe #uh .confine p{max-width:70%}}@media screen and (max-width:550px){#p_universe #uh .confine p{max-width:90%}}#p_universe .stroke-text{height:0;width:100px;font-size:6rem;white-space:nowrap;position:relative;z-index:10;font-style:italic;top:-100px;left:-50%;letter-spacing:-10px;opacity:.1;--sw:1px}#p_universe #ul{display:grid;grid-template-columns:1fr 1fr 1fr;height:100vh}@media screen and (max-width:768px){#p_universe #ul{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}#p_universe #ul .univ-select{border-right:4px solid var(--bb);position:relative;z-index:1;transition:all 1.5s var(--ease);background:#000;overflow:hidden;display:flex;justify-content:flex-end;flex-direction:column;align-items:center;text-align:center}#p_universe #ul .univ-select .bg{width:100%;height:100%;object-fit:cover;transition:all 1.5s var(--ease);position:absolute;z-index:-10;filter:grayscale(100%);opacity:.4}#p_universe #ul .univ-select:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/b/texture_2.png);mix-blend-mode:overlay;background-size:300px}#p_universe #ul .univ-select .tp{transition:all .5s ease;padding-bottom:14vh;filter:drop-shadow(0 0 14px var(--black));transform:translateY(-100px)}@media screen and (max-width:768px){#p_universe #ul .univ-select .tp{padding-bottom:0}}#p_universe #ul .univ-select .tp h2{font-size:5.5rem;font-family:var(--fonta);color:#fff;font-weight:lighter;letter-spacing:-3px}@media screen and (max-width:1600px){#p_universe #ul .univ-select .tp h2{font-size:5vw}}@media screen and (max-width:550px){#p_universe #ul .univ-select .tp h2{font-size:2rem}}@media screen and (max-width:1600px){#p_universe #ul .univ-select .tp .univhr{max-width:8vw}}@media screen and (max-width:550px){#p_universe #ul .univ-select .tp .univhr{max-width:100px}}#p_universe #ul .univ-select .explore-btn{position:absolute;bottom:0;background:var(--ddb);color:#fff;width:100%;display:flex;justify-content:space-between;align-items:center;left:0;transition:all .5s ease;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}#p_universe #ul .univ-select .explore-btn .l{background-color:var(--bb);height:100%;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);padding:.5em 4em .5em .5em}#p_universe #ul .univ-select .explore-btn .l img{width:100%;height:100%;max-height:60px;object-fit:contain}#p_universe #ul .univ-select .explore-btn .r{font-size:4rem;color:#fff;font-family:var(--fonta);display:flex;align-items:center;padding-right:.4em;gap:.25em}@media screen and (max-width:1280px){#p_universe #ul .univ-select .explore-btn .r{font-size:3rem}}@media screen and (max-width:1024px){#p_universe #ul .univ-select .explore-btn .r{font-size:1.5rem}}#p_universe #ul .univ-select .explore-btn .r svg{width:50px;height:50px}#p_universe #ul .univ-select.active .bg,#p_universe #ul .univ-select:hover .bg{opacity:1;filter:grayscale(0);scale:1.05}#p_universe #ul .univ-select.active .tp,#p_universe #ul .univ-select:hover .tp{transform:translateY(-150px);opacity:0}#p_universe #ul .univ-select.active .explore-btn,#p_universe #ul .univ-select:hover .explore-btn{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}