}
bodycopy a {
color: rgba(255, 255, 255, 0.75);
border-bottom: 0px solid rgba(127, 127, 127, 0.2);
text-decoration: none;
}
bodycopy a:hover {
}
h1 {
font-family: "Arizona Serif Variable";
font-style: normal;
font-weight: 400;
margin: 0;
font-size: 7.2rem;
line-height: 0.9;
color: rgba(255, 255, 255, 0.85);
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'SRFF' 1;
}
.mobile h1 {
font-size: 6.4rem;
}
h1 a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
}
h1 a:hover {
}
h2 {
font-family: "Monument Grotesk Variable";
font-style: normal;
font-weight: 400;
margin: 0;
color: rgba(255, 255, 255, 0.85);
font-size: 2rem;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
}
h2 a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
}
h2 a:hover {
}
.caption {
font-size: 1.1rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.85);
font-family: "Monument Grotesk Variable";
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
display: block;
font-variation-settings: 'slnt' 0, 'MONO' 0;
}
.caption a {
text-decoration: underline;
color: rgba(255, 255, 255, 0.85);
}
.caption a:hover {
}
media-item .caption {
margin-top: .5em;
}
gallery-grid .caption,
gallery-columnized .caption,
gallery-justify .caption {
margin-bottom: 2em;
}
[thumbnail-index] .caption {
text-align: center;
}
[thumbnail-index] .caption .tags {
margin-top: 0.25em;
}
.clock {
--text-style: "Clock";
font-size: 1.1rem;
font-weight: 400;
font-family: "Monument Grotesk Mono Variable";
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 1;
color: rgba(0, 0, 0, 0.86);
background: rgba(255, 255, 255, 0.85);
display: inline-block;
border-radius: 999rem;
padding-top: 0.4rem;
padding-right: 1rem;
padding-bottom: 0.4rem;
padding-left: 0.5rem;
}
.clock a {
color: rgba(0, 0, 0, 0.86);
text-decoration: none;
}
.clock a:hover {
}
.clock a.active {
color: #000000;
text-decoration: none;
}
.page {
justify-content: center;
background-color: #191919;
min-height: var(--viewport-height);
}
.page-content {
padding: 1.8rem;
text-align: center;
background-color: #191919;
align-items: center;
}
.mobile [id] .page-layout {
max-width: 100%;
}
.mobile [id] .page-content {
}
.page-layout {
align-items: center;
max-width: 100%;
padding: 0.0rem;
}
media-item::part(media) {
border: 0;
padding: 0;
}
.quick-view {
height: 100%;
width: 100%;
padding: 3rem;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
.quick-view-background {
background-color: #000000;
}
.quick-view .caption {
color: #000000;
padding: 20px 0;
text-align: center;
transition: 100ms opacity ease-in-out;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.quick-view .caption-background {
padding: 0.5rem 1rem;
display: inline-block;
background: rgba(255, 255, 255, 0.85);
border-radius: .5rem;
text-align: left;
max-width: 50rem;
}
.mobile .quick-view {
width: 100%;
height: 100%;
margin: 0;
padding: 10px;
}
.mobile .quick-view .caption {
padding: 10px 0;
}
.button-4 {
--text-style: "button 4";
font-size: 1.90rem;
font-weight: 400;
font-family: "Diatype Variable";
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
color: #000000;
display: inline-block;
border-color: rgba(0, 0, 0, 0.85);
border-style: solid;
border-radius: 999rem;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6rem;
padding-left: 1.3rem;
border-width: 0.2rem;
}
.button-4 a:hover {
}
.button-4 a.active {
color: rgba(0, 0, 0, 0.85);
text-decoration: none;
}
.button-4-1 {
--text-style: "button 4-1";
font-size: 1.90rem;
font-weight: 400;
font-family: "Diatype Variable";
font-style: normal;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
color: #000000;
display: inline-block;
border-color: rgba(0, 0, 0, 0.85);
border-style: solid;
border-radius: 999rem;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6rem;
padding-left: 1.3rem;
border-width: 0.2rem;
}
.button-4-1 a:hover {
}
.button-4-1 a.active {
color: rgba(0, 0, 0, 0.85);
text-decoration: none;
}
.button-15 {
--text-style: "button 15";
font-size: 1.95rem;
font-weight: 400;
font-family: "Diatype Variable";
font-style: norma
l;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
align-content: stretch;
color: #ffffff;
background: rgba(0, 0, 0, 0.6);
display: inline-block;
padding: 1rem;
padding-right: 1.2rem;
padding-left: 1.2rem;
padding-top: 0.9rem;
padding-bottom: 0.9rem;
}
.button-15 a:hover {
}
.button-15 a.active {
color: #ffffff;
text-decoration: none;
}
.button-4-2 {
--text-style: "button 4-2";
font-size: 3.45rem;
font-weight: 400;
font-family: "Diatype Variable";
font-style: norma
l;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
text-align: justify;
color: #d3d3d3;
display: inline-block;
border-radius: 999rem;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6rem;
padding-left: 1.3rem;
border-width: 0.0rem;
}
.button-4-2 a:hover {
}
.button-4-2 a.active {
color: rgba(0, 0, 0, 0.85);
text-decoration: none;
}
.button-4-2 a {
color: #d3d3d3;
}
.button-4-3 {
--text-style: "button 4-3";
font-size: 1.95rem;
font-weight: 400;
font-family: "Diatype Variable";
font-style: norma
l;
line-height: 1.2;
letter-spacing: 0;
font-variation-settings: 'slnt' 0, 'MONO' 0;
text-align: justify;
color: #000000;
display: inline-block;
border-color: rgba(0, 0, 0, 0.85);
border-style: solid;
border-radius: 999rem;
padding-top: 0.6rem;
padding-right: 1.4rem;
padding-bottom: 0.6rem;
padding-left: 1.3rem;
border-width: 0.2rem;
}
.button-4-3 a:hover {
}
.button-4-3 a.active {
color: rgba(0, 0, 0, 0.85);
text-decoration: none;
}
.mobile .quick-view .caption-background {
max-width: 100vw;
}
::part(slideshow-nav) {
--button-size: 30px;
--button-inset: 20px;
--button-icon-color: rgba(0, 0, 0, 0.9);
--button-icon-stroke-width: 1.5px;
--button-icon-stroke-linecap: none;
--button-background-color: rgba(168, 168, 168, 0.6);
--button-background-radius: 50%;
--button-active-opacity: 0.7;
}
gallery-slideshow::part(slideshow-nav) {
--button-inset: 15px;
}
.quick-view::part(slideshow-nav) {
}
.wallpaper-slideshow::part(slideshow-nav) {
}
.mobile ::part(slideshow-nav) {
--button-inset: 10px;
}
.mobile .quick-view::part(slideshow-nav) {
--button-inset: 25px;
}
shop-product {
font-size: 1.2rem;
max-width: 22rem;
font-family: "Diatype Variable";
font-style: normal;
font-weight: 400;
font-variation-settings: 'slnt' 0, 'MONO' 0;
letter-spacing: 0em;
margin-bottom: 1em;
}
shop-product::part(price) {
color: rgba(255, 255, 255, 0.85);
line-height: 1.1;
margin-bottom: 0.5em;
}
shop-product::part(dropdown) {
width: 100%;
color: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(255, 255, 255, 0.27);
background-color: rgba(0, 0, 0, 0.0);
background-image: url(https://static.cargo.site/assets/images/select-line-arrows-light.svg);
background-repeat: no-repeat;
background-position: top 0em right .1em;
line-height: 1.2;
padding: 0.58em 2em 0.55em 0.9em;
border-radius: 10em;
margin-bottom: 0.5em;
}
shop-product::part(button) {
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.85);
text-align: left;
line-height: normal;
padding: 0.5em 1em;
cursor: pointer;
border-radius: 10em;
}
shop-product::part(button):active {
opacity: .7;
}
audio-player {
--text-color: rgba(255, 255, 255, 0.85);
--text-padding: 0 1.2em 0 1.0em;
--background-color: rgba(255, 255, 255, 0);
--buffer-background-color: rgba(255, 255, 255, 0.075);
--progress-background-color: rgba(255, 255, 255, 0.12);
--border-lines: 1px solid rgba(255, 255, 255, 0.25);
font-size: 1.2rem;
width: 32rem;
height: 2.75em;
font-family: "Diatype Variable";
font-style: normal;
font-weight: 400;
font-variation-settings: 'slnt' 0, 'MONO' 0;
line-height: normal;
letter-spacing: 0em;
margin-bottom: 0.5em;
border-radius: 10em;
}
audio-player::part(button) {
--icon-color: rgba(255, 255, 255, 0.85);
--icon-size: 32%;
--play-text: '';
--pause-text: '';
width: 3.15em;
display: inline-flex;
justify-content: center;
cursor: pointer;
}
audio-player::part(play-icon) {
padding-left: 0.6em;
}
audio-player::part(pause-icon) {
padding-left: 0.4em;
}
audio-player::part(progress-indicator) {
border-right: 1px solid rgba(255, 255, 255, 0);
height: 100%;
cursor: ew-resize;
}
audio-player::part(separator) {
border-right: var(--border-lines);
}
body.mobile audio-player {
max-width: 100%;
.mobile .content {
border: 0;
}
.mobile .content {
}Home
WAEL ASSAF
وائل عسّاف
Jeune cinéaste
et chercheur libanais né à Beyrouth, je suis venu en France pour poursuivre mon
master en études cinématographiques à Bordeaux. Mon travail cinématographique
repose sur des bases historiques et documentaires, en puisant dans mon
expérience personnelle. Je recours à différentes formes narratives pour
explorer les potentialités imaginaires. Mes recherches portent sur les
questions de l’exil et du déracinement. Mes films ont été sélectionnés dans de
nombreux festivals internationaux, et j'ai été récompensé à l'Opéra du Caire,
remportant le prix du meilleur court-métrage étudiant ainsi que celui du jury
en tant que meilleur jeune réalisateur.