@font-face{font-family:'RobotoSemiCondensedLight';src:url('asset/roboto-semicondensed-light.ttf') format('truetype');font-display:swap}
@font-face{font-family:'RobotoSemiCondensedSemiBold';src:url('asset/roboto-semicondensed-semibold.ttf') format('truetype');font-weight:bold;font-display:swap}
@font-face{font-family:'AlbraRegular';src:url('asset/albra-regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'ArrowFont';src:url('asset/openarrow-regular.ttf') format('woff2');unicode-range:U+2197;font-display:swap;}
*{margin:0;padding:0;box-sizing:border-box}
body,html{font-family:'RobotoSemiCondensedLight','ArrowFont',Arial,sans-serif;line-height:1.25;font-size:20px;padding:1% 5% 0;color:#000}
a{color:inherit;text-decoration:none;transition:text-decoration .3s ease}
a:hover{color:inherit;text-decoration:none;background-color:#EEF186;transition:background-color .5s ease}
a:visited{color:inherit;background-color:#EEF186;transition:background-color .5s ease}
h1,h2,h3{font-family:'AlbraRegular',serif}
h2,h3{font-size:1.6rem}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:2vh 0 4vh;width:95%;margin:0 auto}
.navbar-left{font-family:'AlbraRegular',serif;font-size:1.6rem}
.navbar-left a,.navbar-right a{text-decoration:none;transition:text-decoration .3s ease}
.navbar-left a:hover,.navbar-right a:hover{background-color:#EEF186;transition:background-color .5s ease}
.navbar-right{display:flex;gap:20px}
.container{width:95%;margin:0 auto 1rem;overflow:hidden;transition:max-height .5s ease-in-out}
.container input[type=checkbox]{display:none}
.image-wrapper{overflow:hidden;max-height:12vw;transition:max-height .5s ease-in-out}
.container input[type=checkbox]:checked~.image-wrapper{max-height:2000px}
.image-wrapper img{width:100%;height:auto;transition:transform .5s ease-in-out;margin-bottom:2.5rem}
.content{font-family:AlbraRegular,serif;font-size:1.6rem;max-height:0;opacity:0;overflow:hidden;transition:opacity .5s ease-in-out,max-height .5s ease-in-out}
.content-project{width:95%;margin:0 auto 1rem;overflow:hidden;transition:max-height .5s ease-in-out}
.container input[type=checkbox]:checked~.content{max-height:2000px;opacity:1}
.title{font-family:'AlbraRegular',serif;background-color:#fff;font-size:5.5vw;cursor:pointer;text-align:left;text-transform:uppercase;width:100%;display:inline-block}
.title span{display:inline-flex;align-items:center}
.title::after{content:'+';margin-left:1vw;font-size:5vw;transition:transform .3s ease-in-out;vertical-align:top;display:inline-block}
.container input[type=checkbox]:checked+.title::after{transform:rotate(.125turn)}
.contact{width:95%;margin:0 auto;line-height:1.4;padding:2rem 0 4rem}
.contact a{text-decoration:none;transition:text-decoration .3s ease}
.contact a:hover{background-color:#EEF186;transition:background-color .5s ease}
.contact h3{font-size:1.2rem}
.info-row{display:grid;grid-template-columns:25% 75%;gap:1rem;margin:2.5rem 0;align-items:start}
.info-row img{width:100%;height:auto;object-fit:contain;border-radius:0}
.info-text{display:flex;flex-direction:column;justify-content:flex-start}
.info-text a{font-family:RobotoSemiCondensedLight,'ArrowFont',serif;font-size:1rem;text-decoration:none;transition:text-decoration .3s ease}
.info-text a:hover{background-color:#EEF186;transition:background-color .5s ease}
.profile-section{width:95%;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem}
.profile-container{flex:1 1 45%;max-width:600px}
.profile-image-wrapper img{width:100%;height:auto;margin-bottom:1rem}
.profile-title{font-family:'AlbraRegular',serif;background-color:#fff;font-size:5.5vw;cursor:pointer;text-align:left;text-transform:uppercase;width:100%;display:inline-block}
.profile-title::after{content:'+';margin-left:1vw;font-size:5vw;transition:transform .3s ease-in-out;vertical-align:top;display:inline-block}
.profile-container .profile-toggle{display:none}
.profile-container input[type=checkbox]:checked+.profile-title::after{transform:rotate(.125turn)}
.profile-content{font-family:'RobotoSemiCondensedLight','ArrowFont',Arial,sans-serif;font-size:1.2rem;max-height:0;opacity:0;overflow:hidden;transition:opacity .5s ease-in-out,max-height .5s ease-in-out}
.profile-container input[type=checkbox]:checked~.profile-content{max-height:3000px;opacity:1}
.profile-content h3{font-family:'RobotoSemiCondensedSemiBold','ArrowFont',Arial,sans-serif;margin-top:1rem;margin-bottom:.5rem;font-size:1.4rem}
.profile-contact{font-family:'RobotoSemiCondensedLight','ArrowFont',Arial,sans-serif;font-size:1.2rem}
.profile-contact h3{font-family:'RobotoSemiCondensedSemiBold','ArrowFont',Arial,sans-serif;margin-top:1rem;margin-bottom:.5rem;font-size:1.4rem}
.profile-contact a{display:block;margin:.5rem 0;text-decoration:none;color:inherit}
.profile-contact p{display:block;margin:.5rem 0;text-decoration:none;color:inherit}
.profile-content a{display:block;margin:.5rem 0;text-decoration:none;color:inherit}
.profile-content a:hover{background-color:#EEF186;transition:background-color .5s ease}
.profile-content p{display:block;margin:.5rem 0;text-decoration:none;color:inherit}
.main-image img{width:100%;height:auto;margin-bottom:2rem}
.title-section{margin-top:2rem;margin-bottom:1rem}
.title-section h1{font-family:'AlbraRegular',serif;font-size:2.5rem;margin-bottom:.5rem}
.title-section h2{font-family:'RobotoSemiCondensedLight',Arial,sans-serif;font-size:1.5rem;text-transform:uppercase;margin:.5rem 0}
.title-section h3{font-family:'RobotoSemiCondensedLight',Arial,sans-serif;font-size:1rem;text-transform:lowercase;margin-bottom:1rem}
.info-description{display:flex;justify-content:space-between;align-items:start;column-gap:2rem;margin-top:0;margin-bottom:1rem}
.project-info{font-size:1rem;line-height:1.5;width:30vw}
.info-row-project{display:flex;margin-bottom:0}
.project-label{font-family:'RobotoSemiCondensedSemiBold',Arial,sans-serif;width:50%;text-align:left;margin-right:1rem}
.project-detail,.main-image,.title-section,.info-description,.description,.additional-images{width:95%;margin:0 auto;text-align:left}
.project-detail a{text-decoration:none}
.project-detail a:hover{background-color:#EEF186;transition:background-color .5s ease}
.team-list>div{margin-bottom:.5rem}
.description-content{margin-top:2rem;font-family:'AlbraRegular',serif;font-size:1rem;line-height:1.5;column-count:2;column-gap:2rem;width:100%}
.additional-images{margin-top:2rem}
.full-width-image img{width:100%;height:auto;display:block;margin-bottom:1.5rem}
.half-width-images{display:flex;justify-content:space-between;gap:1.5rem}
.half-width-images img{width:50%;margin:0}
@media(max-width:1000px){
body{padding:0}
.contact p,.contact a{font-size:16px}
.contact h3{font-size:20px}
p{font-size:24px}
.navbar{flex-wrap:wrap;gap:10%;width:100%}
.container,.content,.content-project,.contact{width:100%}
.image-wrapper{max-height:20vw}
.profile-section{width:100%;flex-direction:column}
.profile-container{flex:1 1 100%;max-width:100%;width:100%}
.profile-title{font-size:2em}
.profile-title::after{font-size:1em}
.info-description{flex-direction:column;column-gap:0}
.project-info{width:80%}
.info-row{flex-direction:column}
.description-content{column-count:1;column-gap:0;font-size:1rem}
.project-detail,.main-image,.title-section,.info-description,.description,.additional-images{width:100%}
.half-width-images{flex-direction:column;gap:1.5rem}
.half-width-images img{width:100%}}