1 line
No EOL
9.1 KiB
CSS
1 line
No EOL
9.1 KiB
CSS
:root{--transTime:.1s}*{margin:0;padding:0;text-decoration:none;border:0;background-color:transparent;font-family:'nimbus_regular',Arial;color:#000;cursor:url(./images/circle-black.png) 10 20,auto !important}:focus,:active{outline:0}body{padding:0 2vw 0 2vw}p:not(:last-child){padding-bottom:.8rem}h1{font-size:1rem}@font-face{font-family:'nimbus_regular';src:url('fonts/nimbussans-reg.woff2') format('woff2'),url('fonts/nimbussans-reg.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nimbus_bold';src:url('fonts/nimbussans-bol.woff2') format('woff2'),url('fonts/nimbussans-bol.woff') format('woff');font-weight:normal;font-style:normal}.hide{opacity:0 !important}.header{position:fixed;z-index:2;top:0;left:2vw;width:96vw;padding:1rem 0;background-color:transparent;display:flex;justify-content:space-between;transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.header--big{padding:0}.header__logo{font-size:2.5rem;font-family:Arial}.header__logo--big{font-size:17rem;will-change:font-size}.logoBtn{transform:translateX(-2px)}.views{width:6rem;display:flex;justify-content:flex-end;opacity:1;position:fixed;right:2vw;top:1.4rem;transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.header__views--unvisible{opacity:0}.views__btn{width:2.5rem;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.views__btn--mobile{display:none;opacity:1;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.views__btn--smaller{transform:translateX(-1rem)}.views__btn--close{display:none;width:2.5rem}.views__btn img{width:80%}.grid{display:grid;width:100%;padding:22rem 0 8rem;grid-auto-rows:20vw;gap:4.5vw;opacity:1;transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-webkit-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-moz-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out;-o-transition:opacity var(--transTime) ease-in-out,transform var(--transTime) ease-in-out}.grid--full{grid-template-columns:1fr;grid-auto-rows:auto}.grid--0{grid-template-columns:1fr}.grid--1{grid-template-columns:1fr;grid-auto-rows:50vw}.grid--2{grid-template-columns:1fr 1fr;grid-auto-rows:45.3vw}.grid--3{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:28.7vw}.grid--4{grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:20.5vw}.grid--5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:16vw}.toProject{opacity:1;background-color:rgba(0,0,0,0);transition:all var(--transTime) ease-in-out;-webkit-transition:all var(--transTime) ease-in-out;-moz-transition:all var(--transTime) ease-in-out;-o-transition:all var(--transTime) ease-in-out}.toProject--wait{background-color:rgba(0,0,0,.1)}.block__image:hover{-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}.block__image--full .block__image:hover{-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}.block{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.block__image{max-width:100%;max-height:92%;align-self:baseline;filter:grayscale(0);opacity:1;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.block__caption{font-size:.85rem;padding-top:.6rem}.block__ref{text-transform:uppercase;font-size:.65rem;letter-spacing:1px}.block__image--full{max-width:none !important;max-height:none;width:100% !important;height:auto}.list{padding:22rem 0 8rem;opacity:1;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.list__project{display:grid;grid-template-columns:.7fr 1.6fr .8fr 1fr 1.2fr 1fr .6fr .6fr;background-color:rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0);border-top:1px solid rgba(0,0,0,0);padding:1rem 0 1rem 0;transition:all var(--transTime) ease;-webkit-transition:all var(--transTime) ease;-moz-transition:all var(--transTime) ease;-o-transition:all var(--transTime) ease}.list__project:hover{border-bottom:1px solid rgba(0,0,0,1);border-top:1px solid rgba(0,0,0,1)}.cell{height:5rem}.cell:not(:first-child){padding-left:2rem}.cell__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left}.cell__text--place,.cell__text--dates,.cell__text--architects,.cell__text--mo,.cell__text--size,.cell__text--budget,.cell__text--state{text-transform:uppercase;font-size:.7rem;letter-spacing:.02rem}.cell__text--ref{font-size:.6rem;letter-spacing:1px}.cell__text--title{font-size:.8rem}.project{padding-top:4rem;opacity:1;transition:opacity var(--transTime) ease;-webkit-transition:opacity var(--transTime) ease;-moz-transition:opacity var(--transTime) ease;-o-transition:opacity var(--transTime) ease}.toProjectDesc{z-index:3;position:fixed;bottom:0;padding:1rem 1rem 1rem 0}.project__title{font-weight:500}.project__title--ref{text-transform:uppercase;margin-right:1rem;font-size:.8rem;letter-spacing:.1rem}.swiper-container{height:83vh}.swiper-slide__intro{padding-top:1rem;display:flex;justify-content:center;align-items:center;height:100%}.intro__recap{transform:translateY(-2rem);max-width:20rem;text-transform:uppercase;font-size:.85rem;margin-bottom:1rem}.recap__item:first-child{border-top:1px solid #000;padding-top:.5rem}.recap__item{border-bottom:1px solid #000;margin-bottom:.5rem;width:100%;display:inline-block;padding-bottom:.2rem}.swiper-slide__image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.swiper-button-next,.swiper-button-prev{position:fixed !important;top:6rem !important;height:100% !important;width:50% !important}.swiper-button-next::after,.swiper-button-prev::after{content:'' !important}.swiper-button-prev:hover{cursor:url(./images/prev.svg) 25 25,auto !important}.swiper-button-next:hover{cursor:url(./images/next.svg) 25 25,auto !important}.swiper-scrollbar{display:none}.wrapper{padding-top:4rem}.agency{padding-top:2rem;padding-bottom:2rem;display:flex;justify-content:left}.agency__projects p{line-height:1.35}.agency__presentation,.agency__projects{width:45%;max-width:660px}.agency__projects{margin-left:15vw;line-height:1.4rem}.agency h1{font-size:.95rem;text-transform:uppercase;letter-spacing:.05rem;margin:1.2rem 0 .7rem 0}.majorProjects{margin:0 0 .7rem 0 !important}@media screen and (min-width:1500px){.list__project{grid-template-columns:.7fr 1.5fr .8fr 1fr 1.2fr 1fr .7fr .6fr}.cell__text--ref{font-size:.75rem}.cell__text--title{font-size:1rem}.cell__text--place,.cell__text--dates,.cell__text--architects,.cell__text--mo,.cell__text--size,.cell__text--budget,.cell__text--state,{font-size:.95rem}.cell__text{font-size:.95rem !important}}@media screen and (max-width:800px){.grid--1{grid-auto-rows:40rem}.grid--2{grid-auto-rows:30rem}.grid--3{grid-auto-rows:20rem}a,button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.swiper-button-next,.swiper-button-prev{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{padding:0 5vw 0 5vw}p{font-size:.8rem}.header{left:5vw;width:90vw;background-color:#fff}.views{width:auto;top:1rem;right:5vw}.views__btn{display:none}.views__btn--mobile{display:block}.header__logo,.views__btn--mobile h1{font-family:Arial,sans-serif;font-size:2rem;text-transform:uppercase}.header__logo--big{font-size:34vw}.views__btn img{width:60%}.grid{display:block;padding:13rem 0 8rem}.grid--distant{transform:translateY(5rem)}.toProject{display:block;margin-bottom:3rem;height:55vw}.block__image:hover{-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none}.block__image{align-self:center}.block__caption{text-align:center}.list--mobile{margin-top:11.5rem;opacity:1;transition:opacity var(--transTime) ease;-webkit-transition:opacity var(--transTime)ease;-moz-transition:opacity var(--transTime) ease;-o-transition:opacity var(--transTime) ease}.projectLine--mobile{display:grid;grid-template-columns:1fr 2fr;padding-bottom:2.5rem}.projectLine__cell--summary--mobile{margin-left:1rem}.cell__image--mobile{width:100%}.cell__text--ref--mobile{font-size:.6rem}.project{height:90vh}.swiper-slide__intro{width:100%}.toProjectDesc{width:100vw;left:0;padding:.5rem 5vw .5rem 5vw;right:0;text-align:left;background-color:#fff}.wrapper{padding-top:4rem}.agency{display:block}.agency__presentation,.agency__projects{width:100%}.agency__projects{margin-left:0;margin-top:2rem}} |