.intro{position:relative;width:calc(100% - 80px);min-height:100vh;gap:80px;padding-top:120px}.intro h1{width:50%;font-weight:700;font-size:2vw;line-height:100%;text-transform:uppercase;color:var(--dark)}.intro img{position:absolute;z-index:-1;top:50%;right:50%;width:33%;height:auto;aspect-ratio:9/14;object-fit:cover;opacity:.2;transform:translateY(-50%)}.intro p{width:50%;font-size:1.6vw;color:var(--dark)}.intro p a{color:#000;text-decoration:none;font-weight:600}ul.list__item__infos{width:calc(100% - 80px);justify-content:space-between}.list__item__infos li{font-size:1vw;color:var(--dark)}.list__item__infos li span{color:#818181;display:block;margin-bottom:5px;font-size:.8vw}.list__item__type,.list__item__project{position:absolute;top:50%;font-size:1vw;writing-mode:vertical-lr;text-orientation:upright;transform:translateY(-50%);color:#818181;letter-spacing:5px}.list__item__type{left:36px}.list__item__project{right:36px}@media (max-width:768px){.menu{width:calc(100% - 40px);margin:20px 0}.menu a{font-size:14px}.menu ul{gap:15px}.intro{width:calc(100% - 40px);flex-direction:column;gap:40px;padding-top:100px;min-height:50vh}.intro h1{width:100%;font-size:32px;text-align:center}.intro img{position:relative;right:auto;width:60%;opacity:.3;transform:translateY(0);margin-top:20px}.intro p{width:100%;font-size:16px}.list__item__infos{flex-direction:column;align-items:flex-start;gap:15px}.list__item__infos li{font-size:14px}.list__item__infos li span{font-size:12px}.list__item__type,.list__item__project{font-size:12px}}